MediaWiki:Common.css/PortableInfobox.css

/* Human Theme - (https://www.wallpapertip.com/wmimgs/3-34267_red-iphone-wallpaper-full-hd-red-wallpapers-for.jpg) */ .portable-infobox.pi-theme-human { border-width: 1px; border-style: groove; border-collapse: separate; border-radius: 5px; border-spacing: 2px 2px; padding-left: 0px; width: 300px; margin-bottom: 1em; margin-left: 1em; } .portable-infobox.pi-theme-human .pi-image-collection-tabs { background: transparent; text-align: center; margin: -2px 0 0 0; } .portable-infobox.pi-theme-human .pi-item-spacing.pi-tab-link { font-weight: bold; font-size: 12px; padding: 0.1em 0.5em; border: 1px groove #F9F295; } .portable-infobox.pi-theme-human .pi-tab-link.current { background-image: url(https://www.wallpapertip.com/wmimgs/3-34267_red-iphone-wallpaper-full-hd-red-wallpapers-for.jpg); color: #DBE4EB; } .portable-infobox.pi-theme-human .pi-image-collection .pi-image { margin-top: 1px; } .portable-infobox.pi-theme-human .pi-background {} .portable-infobox.pi-theme-human .pi-title, .portable-infobox.pi-theme-human .pi-navigation, .portable-infobox.pi-theme-human .pi-header { border-width: 1px; border-radius: 5px; border-style: groove; font-weight: bold; text-align: center; } .portable-infobox.pi-theme-human .pi-item, .portable-infobox .pi-navigation { margin: 2px; } .portable-infobox.pi-theme-human .pi-image { border-width: 1px; border-style: groove; padding: 4px; } .portable-infobox.pi-theme-human .pi-item-spacing { padding: 0 ; } .portable-infobox.pi-theme-human .pi-data .pi-data-label, .portable-infobox.pi-theme-human .pi-horizontal-group-item.pi-data-label { border-width: 1px; border-radius: 5px; border-style: groove; padding: 4px; color: #DBE4EB; text-align: right; line-height: 1.2em; width: 95px; } .portable-infobox.pi-theme-human .pi-data .pi-data-value { background: black; border-bottom: 1px groove #F9F295; /* Primary */ color: white; flex-basis: 80%; flex-grow: 2; margin-left: 2px; margin-right: 4px; margin-top: auto; padding: 3px; text-align: left; } .portable-infobox.pi-theme-human .pi-data-value li { text-align: left; } .portable-infobox.pi-theme-human { border-color: #F9F295; background: black; } .portable-infobox.pi-theme-human .pi-background {} .portable-infobox.pi-theme-human .pi-title, .portable-infobox.pi-theme-human .pi-navigation, .portable-infobox.pi-theme-human .pi-header, .portable-infobox.pi-theme-human .pi-data .pi-data-label, .portable-infobox.pi-theme-human .pi-horizontal-group-item.pi-data-label { border-color: #F9F295; background-image: url(https://www.wallpapertip.com/wmimgs/3-34267_red-iphone-wallpaper-full-hd-red-wallpapers-for.jpg); color: #DBE4EB; } .portable-infobox.pi-theme-human .pi-image { border-color: #F9F295; } .portable-infobox.pi-theme-human .pi-image-thumbnail { width: 100%; height: auto; }

/* Turian Theme - (https://i.pinimg.com/originals/e8/15/6b/e8156bb35f0c13a259dc280b6e49174a.jpg) */ .portable-infobox.pi-theme-turian { border-width: 1px; border-style: groove; border-collapse: separate; border-radius: 5px; border-spacing: 2px 2px; padding-left: 0px; width: 300px; margin-bottom: 1em; margin-left: 1em; } .portable-infobox.pi-theme-turian .pi-image-collection-tabs { background: transparent; text-align: center; margin: -2px 0 0 0; } .portable-infobox.pi-theme-turian .pi-item-spacing.pi-tab-link { font-weight: bold; font-size: 12px; padding: 0.1em 0.5em; border: 1px groove #F9F295; } .portable-infobox.pi-theme-turian .pi-tab-link.current { background-image: url(https://i.pinimg.com/originals/e8/15/6b/e8156bb35f0c13a259dc280b6e49174a.jpg); color: #DBE4EB; } .portable-infobox.pi-theme-turian .pi-image-collection .pi-image { margin-top: 1px; } .portable-infobox.pi-theme-turian .pi-background {} .portable-infobox.pi-theme-turian .pi-title, .portable-infobox.pi-theme-turian .pi-navigation, .portable-infobox.pi-theme-turian .pi-header { border-width: 1px; border-radius: 5px; border-style: groove; font-weight: bold; text-align: center; } .portable-infobox.pi-theme-turian .pi-item, .portable-infobox .pi-navigation { margin: 2px; } .portable-infobox.pi-theme-turian .pi-image { border-width: 1px; border-style: groove; padding: 4px; } .portable-infobox.pi-theme-turian .pi-item-spacing { padding: 0 ; } .portable-infobox.pi-theme-turian .pi-data .pi-data-label, .portable-infobox.pi-theme-turian .pi-horizontal-group-item.pi-data-label { border-width: 1px; border-radius: 5px; border-style: groove; padding: 4px; color: #DBE4EB; text-align: right; line-height: 1.2em; width: 95px; } .portable-infobox.pi-theme-turian .pi-data .pi-data-value { background: black; border-bottom: 1px groove #F9F295; /* Primary */ color: white; flex-basis: 80%; flex-grow: 2; margin-left: 2px; margin-right: 4px; margin-top: auto; padding: 3px; text-align: left; } .portable-infobox.pi-theme-turian .pi-data-value li { text-align: left; } .portable-infobox.pi-theme-turian { border-color: #F9F295; background: black; } .portable-infobox.pi-theme-turian .pi-background {} .portable-infobox.pi-theme-turian .pi-title, .portable-infobox.pi-theme-turian .pi-navigation, .portable-infobox.pi-theme-turian .pi-header, .portable-infobox.pi-theme-turian .pi-data .pi-data-label, .portable-infobox.pi-theme-turian .pi-horizontal-group-item.pi-data-label { border-color: #F9F295; background-image: url(https://i.pinimg.com/originals/e8/15/6b/e8156bb35f0c13a259dc280b6e49174a.jpg); color: #DBE4EB; } .portable-infobox.pi-theme-turian .pi-image { border-color: #F9F295; } .portable-infobox.pi-theme-turian .pi-image-thumbnail { width: 100%; height: auto; }