MediaWiki:Infoboxes.css

/* Infoboxes */ /** Core Shape **/ .pi-europa.portable-infobox { padding: 5px; width: 250px; } .portable-infobox .pi-caption { text-align: center; }

.pi-europa.pi-background { background-color: #121316; } /** Header Sections **/ .pi-europa .pi-title, .pi-europa .pi-header { background-color: #333333; color: #DFDFEF; } .pi-europa .pi-title { padding: 7px; font-family: century gothic, sans-serif; font-size: 22px; } .pi-europa .pi-title::first-line { line-height:30px; } .pi-europa .pi-header { font-size: smaller; padding: 5px; font-family: century gothic, sans-serif; font-size: 14px; } .pi-europa .pi-horizontal-group-item:nth-child(even) { background-color: #1A1B1D; } .pi-data:last-of-type + .pi-group { border-top: 0; } .CharSymbol img { padding: 2px 0 0 0; } /** Image Tabber **/ .pi-europa .pi-image-collection-tabs { margin: 5px 0 0 0; text-align: center; background-color: transparent; } .pi-europa .pi-tab-link { padding: 5px 0; font-size: smaller; width:33%; background-color: inherit; } .pi-europa .pi-tab-link.current { background-color: #333333; } /** Main Data **/ .pi-item.pi-data { padding-left: 10px; overflow: initial; } .pi-item.pi-data .wikia-menu-button span a { color: #D5D4D4; } .pi-europa .pi-data-label { flex-basis: 100px; margin: auto 0; } .pi-europa .pi-data-value { margin: auto 0; } .pi-horizontal-group-item { text-align: center; } .pi-image img { width: 100%; height: 100%; padding: 5px 0; } .pi-europa .pi-data-value ul { margin-left: 0; list-style-type: none; } .pi-horizontal-group .pi-horizontal-group-item { vertical-align: middle; } .pi-horizontal-group-item a.external.text::after { display: none; } /* Tabber */ .pagetabber span { background-color: #121316; } .pagetabber span:hover, .pagetabber .active { border-bottom: 6px solid #333333; } /* CHARACTERS */ /* Zlatko Family */ .pi-theme-Zlatko-Theme .pi-title, .pi-theme-Zlatko-Theme .pi-header, .pi-theme-Zlatko-Theme .pi-image-collection-tabs .current { background-color: #eefb7d; color: #000000; } .pi-theme-Zlatko-Theme.pi-background, .pi-theme-Zlatko-Theme .pi-image-collection-tabs, .pagetabber .Zlatko-Theme { background-color: #121319; } .pagetabber .Zlatko-Theme:hover, .pagetabber .Zlatko-Theme.active { border-bottom: 6px solid #ccd869; } /* Seth Blaine */ .pi-theme-Seth-Theme .pi-title, .pi-theme-Seth-Theme .pi-header, .pi-theme-Seth-Theme .pi-image-collection-tabs .current { background-color: #575769; color: #DFDFEF; } .pi-theme-Seth-Theme.pi-background, .pi-theme-Seth-Theme .pi-image-collection-tabs, .pagetabber .Seth-Theme { background-color: #121212; } .pagetabber .Seth-Theme:hover, .pagetabber .Seth-Theme.active { border-bottom: 6px solid #575769; } /* Garnet Tyler */ .pi-theme-Garnet-Theme .pi-title, .pi-theme-Garnet-Theme .pi-header, .pi-theme-Garnet-Theme .pi-image-collection-tabs .current { background-color: #990012; color: #DFDFEF; } .pi-theme-Garnet-Theme.pi-background, .pi-theme-Garnet-Theme .pi-image-collection-tabs, .pagetabber .Garnet-Theme { background-color: #121212; } .pagetabber .Garnet-Theme:hover, .pagetabber .Garnet-Theme.active { border-bottom: 6px solid #990012; } /* Lyla Lapis */ .pi-theme-Lyla-Theme .pi-title, .pi-theme-Lyla-Theme .pi-header, .pi-theme-Lyla-Theme .pi-image-collection-tabs .current { background-color: #26619C; color: #000000; } .pi-theme-Lyla-Theme.pi-background, .pi-theme-Lyla-Theme .pi-image-collection-tabs, .pagetabber .Lyla-Theme { background-color: #121212; } .pagetabber .Lyla-Theme:hover, .pagetabber .Lyla-Theme.active { border-bottom: 6px solid #26619C; } /* Yvonne Princeton */ .pi-theme-Yvonne-Theme .pi-title, .pi-theme-Yvonne-Theme .pi-header, .pi-theme-Yvonne-Theme .pi-image-collection-tabs .current { background-color: #CD6600; color: #000000; } .pi-theme-Yvonne-Theme.pi-background, .pi-theme-Yvonne-Theme .pi-image-collection-tabs, .pagetabber .Yvonne-Theme { background-color: #121316; } .pagetabber .Yvonne-Theme:hover, .pagetabber .Yvonne-Theme.active { border-bottom: 6px solid #CD6600; } /* Nathan North */ .pi-theme-Nathan-Theme .pi-title, .pi-theme-Nathan-Theme .pi-header, .pi-theme-Nathan-Theme .pi-image-collection-tabs .current { background-color: #059033; color: #000000; } .pi-theme-Nathan-Theme.pi-background, .pi-theme-Nathan-Theme .pi-image-collection-tabs, .pagetabber .Uranus-Theme { background-color: #222222; } .pagetabber .Nathan-Theme:hover, .pagetabber .Nathan-Theme.active { border-bottom: 6px solid #059033; }

/* Tanis Blaine */ .pi-theme-Tanis-Theme .pi-title, .pi-theme-Tanis-Theme .pi-header, .pi-theme-Tanis-Theme .pi-image-collection-tabs .current { background-color: #013220; color: #000000; } .pi-theme-Tanis-Theme.pi-background, .pi-theme-Tanis-Theme .pi-image-collection-tabs, .pagetabber .Tanis-Theme { background-color: #222222; } .pagetabber .Tanis-Theme:hover, .pagetabber .Tanis-Theme.active { border-bottom: 6px solid #013220; } /* Ebony Zlatko */ .pi-theme-Ebony-Theme .pi-title, .pi-theme-Ebony-Theme .pi-header, .pi-theme-Ebony-Theme .pi-image-collection-tabs .current { background-color: #b666d2; color: #000000; } .pi-theme-Ebony-Theme.pi-background, .pi-theme-Ebony-Theme .pi-image-collection-tabs, .pagetabber .Ebony-Theme { background-color: #222222; } .pagetabber .Ebony-Theme:hover, .pagetabber .Ebony-Theme.active { border-bottom: 6px solid #b666d2; } /* Team CYAN */ .pi-theme-CYAN-Theme .pi-title, .pi-theme-CYAN-Theme .pi-header, .pi-theme-CYAN-Theme .pi-image-collection-tabs .current { background-color: #00FFFF; color: #000000; } .pi-theme-CYAN-Theme.pi-background, .pi-theme-CYAN-Theme .pi-image-collection-tabs, .pagetabber .CYAN-Theme { background-color: #222222; }

.pagetabber .CYAN-Theme:hover, .pagetabber .CYAN-Theme.active { border-bottom: 6px solid #00FFFF; } /* Team CBLT */ .pi-theme-CBLT-Theme .pi-title, .pi-theme-CBLT-Theme .pi-header, .pi-theme-CBLT-Theme .pi-image-collection-tabs .current { background-color: #0047ab; color: #000000; } .pi-theme-CBLT-Theme.pi-background, .pi-theme-CBLT-Theme .pi-image-collection-tabs, .pagetabber .CBLT-Theme { background-color: #222222; }

.pagetabber .CBLT-Theme:hover, .pagetabber .CBLT-Theme.active { border-bottom: 6px solid #0047ab; } /* Kite */ .pi-theme-Kite-Theme .pi-title, .pi-theme-Kite-Theme .pi-header, .pi-theme-Kite-Theme .pi-image-collection-tabs .current { background-color: #bb0101; color: #000000; } .pi-theme-Kite-Theme.pi-background, .pi-theme-Kite-Theme .pi-image-collection-tabs, .pagetabber .Kite-Theme { background-color: #222222; } .pagetabber .Kite-Theme:hover, .pagetabber .Kite-Theme.active { border-bottom: 6px solid #bb0101; } /* Bruncher the Kangaroo */ .pi-theme-Bruncher-Theme .pi-title, .pi-theme-Bruncher-Theme .pi-header, .pi-theme-Bruncher-Theme .pi-image-collection-tabs .current { background-color: #8B0000; color: #000000; } .pi-theme-Bruncher-Theme.pi-background, .pi-theme-Bruncher-Theme .pi-image-collection-tabs, .pagetabber .Bruncher-Theme { background-color: #222222; } .pagetabber .Bruncher-Theme:hover, .pagetabber .Bruncher-Theme.active { border-bottom: 6px solid #8B0000; } /* Tiger Horse the Flying Zebra */ .pi-theme-TH-Theme .pi-title, .pi-theme-TH-Theme .pi-header, .pi-theme-TH-Theme .pi-image-collection-tabs .current { background-color: #8B0000; color: #000000; } .pi-theme-TH-Theme.pi-background, .pi-theme-TH-Theme .pi-image-collection-tabs, .pagetabber .TH-Theme { background-color: #222222; } .pagetabber .TH-Theme:hover, .pagetabber .TH-Theme.active { border-bottom: 6px solid #8B0000; } /* Reina Taylor */ .pi-theme-ReinaTaylor-Theme .pi-title, .pi-theme-ReinaTaylor-Theme .pi-header, .pi-theme-ReinaTaylor-Theme .pi-image-collection-tabs .current { background-color: #00ED96; color: #000000; } .pi-theme-ReinaTaylor-Theme.pi-background, .pi-theme-ReinaTaylor-Theme .pi-image-collection-tabs, .pagetabber .ReinaTaylor-Theme { background-color: #222222; } .pagetabber .ReinaTaylor-Theme:hover, .pagetabber .ReinaTaylor-Theme.active { border-bottom: 6px solid #00ED96; }

/* ELEMENTS */

/* Lightning */ .pi-theme-Lightning-Theme .pi-title, .pi-theme-Lightning-Theme .pi-header, .pi-theme-Lightning-Theme .pi-image-collection-tabs .current { background-color: #1ED4FC; color: #000000; } .pi-theme-Lightning-Theme.pi-background, .pi-theme-Lightning-Theme .pi-image-collection-tabs, .pagetabber .Lightning-Theme { background-color: #222222; } .pagetabber .Lightning-Theme:hover, .pagetabber .Lightning-Theme.active { border-bottom: 6px solid #1ED4FC; } /* Light */ .pi-theme-Light-Theme .pi-title, .pi-theme-Light-Theme .pi-header, .pi-theme-Light-Theme .pi-image-collection-tabs .current { background-color: #FAE08C; color: #000000; } .pi-theme-Light-Theme.pi-background, .pi-theme-Light-Theme .pi-image-collection-tabs, .pagetabber .Light-Theme { background-color: #222222; } .pagetabber .Light-Theme:hover, .pagetabber .Light-Theme.active { border-bottom: 6px solid #FAE08C; }

/* Crystal */ .pi-theme-Crystal-Theme .pi-title, .pi-theme-Crystal-Theme .pi-header, .pi-theme-Crystal-Theme .pi-image-collection-tabs .current { background-color: #F20055; color: #000000; } .pi-theme-Crystal-Theme.pi-background, .pi-theme-Crystal-Theme .pi-image-collection-tabs, .pagetabber .Crystal-Theme { background-color: #222222; } .pagetabber .Crystal-Theme:hover, .pagetabber .Crystal-Theme.active { border-bottom: 6px solid #F20055; }

/* Ice */ .pi-theme-Ice-Theme .pi-title, .pi-theme-Ice-Theme .pi-header, .pi-theme-Ice-Theme .pi-image-collection-tabs .current { background-color: #B0DEFF; color: #000000; } .pi-theme-Ice-Theme.pi-background, .pi-theme-Ice-Theme .pi-image-collection-tabs, .pagetabber .Ice-Theme { background-color: #222222; } .pagetabber .Ice-Theme:hover, .pagetabber .Ice-Theme.active { border-bottom: 6px solid #B0DEFF; }

/* Fire */ .pi-theme-Fire-Theme .pi-title, .pi-theme-Fire-Theme .pi-header, .pi-theme-Fire-Theme .pi-image-collection-tabs .current { background-color: #E62305; color: #000000; } .pi-theme-Fire-Theme.pi-background, .pi-theme-Fire-Theme .pi-image-collection-tabs, .pagetabber .Fire-Theme { background-color: #222222; } .pagetabber .Fire-Theme:hover, .pagetabber .Fire-Theme.active { border-bottom: 6px solid #E62305; }

/* Water */ .pi-theme-Water-Theme .pi-title, .pi-theme-Water-Theme .pi-header, .pi-theme-Water-Theme .pi-image-collection-tabs .current { background-color: #0095FF; color: #000000; } .pi-theme-Water-Theme.pi-background, .pi-theme-Water-Theme .pi-image-collection-tabs, .pagetabber .Water-Theme { background-color: #222222; } .pagetabber .Water-Theme:hover, .pagetabber .Water-Theme.active { border-bottom: 6px solid #0095FF; }

/* Wind */ .pi-theme-Wind-Theme .pi-title, .pi-theme-Wind-Theme .pi-header, .pi-theme-Wind-Theme .pi-image-collection-tabs .current { background-color: #B2B5BF; color: #000000; } .pi-theme-Wind-Theme.pi-background, .pi-theme-Wind-Theme .pi-image-collection-tabs, .pagetabber .Wind-Theme { background-color: #222222; } .pagetabber .Wind-Theme:hover, .pagetabber .Wind-Theme.active { border-bottom: 6px solid #B2B5BF; }

/* Darkness */ .pi-theme-Darkness-Theme .pi-title, .pi-theme-Darkness-Theme .pi-header, .pi-theme-Darkness-Theme .pi-image-collection-tabs .current { background-color: #414042; color: #000000; } .pi-theme-Darkness-Theme.pi-background, .pi-theme-Darkness-Theme .pi-image-collection-tabs, .pagetabber .Darkness-Theme { background-color: #222222; } .pagetabber .Darkness-Theme:hover, .pagetabber .Darkness-Theme.active { border-bottom: 6px solid #414042; }