MediaWiki:Themes.css

/* Infobox customization stylesheet */

/* Main styling */ .portable-infobox { border: 1px solid #666; padding: 2px; font-size: smaller; } .portable-infobox, .portable-infobox .pi-image-collection-tab-content { background: transparent; } .portable-infobox .pi-image-collection-tabs, .portable-infobox .pi-font, .portable-infobox .pi-secondary-font { font-size: 11px; }

/** Data customization **/ .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; color: #fff; background: #8b0000; font-weight: bold; border-color: transparent; padding: 4px; } .portable-infobox .pi-title { font-size: 16px; } .portable-infobox .pi-group, .portable-infobox .pi-group .pi-data:last-child { border: none; } .portable-infobox .pi-data { padding: 4px; } .portable-infobox .pi-border-color { border-color: #999; }

/** Image customization **/ .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: transparent; border-style: none; margin: 0; padding: 0; color: #cc960e; font-weight: bold; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: #222; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:last-of-type):after { content: "|"; color: #222; font-weight: bold; width: 1em; padding-right: 3px }

/** Navigation footer styling **/ .portable-infobox .pi-navigation { text-align: center; font-weight: bold; background: #8b0000; padding: 4px; } .portable-infobox .pi-navigation a { color: #FFFFFF; text-align: center; }

/** Subtle nav links **/ .pi-theme-chapter .pi-navigation, .pi-theme-episode .pi-navigation, .pi-theme-volume .pi-navigation, .pi-theme-arc .pi-navigation, .pi-theme-saga .pi-navigation { background: transparent; border-top: 1px dotted #999; padding: 0; }

/** Adjustments for long titles **/ .pi-theme-fight .pi-title, .pi-theme-episode .pi-title, .pi-theme-volume .pi-title, .pi-theme-arc .pi-title, .pi-theme-saga .pi-title, .portable-infobox.type-music .pi-title, .pi-theme-event .pi-title { font-size: 14px; line-height: 21px; }

/* Chapter infobox styling - */ .pi-theme-chapter .pi-data-label { flex-basis: 120px; } .pi-theme-chapter .pi-navigation a { color: #cc960e; }

/* Fight infobox styling - */ .pi-theme-fight { border-color: #0159c6; } .pi-theme-fight .pi-title, .pi-theme-fight .pi-header, .pi-theme-fight .pi-navigation { background: #0243c7; } .pi-theme-fight .pi-header a { color: #ffffff; } .pi-theme-fight .pi-horizontal-group { text-align: left; } .pi-theme-fight .pi-data-value ol, .pi-theme-fight .pi-data-value ul { list-style-position: outside; margin-left: 2em; }

/* Move infobox styling - */ .pi-theme-move { border-color: #8b0000; }

/* Merchandise infobox styling - */ .pi-theme-merch { border-color: #666; } .pi-theme-merch .pi-title, .pi-theme-merch .pi-header { background: #7458c1; } .pi-theme-merch { flex-basis: 100px; }

/* Episode infobox styling - */ .pi-theme-episode { border: 1px solid #666; } .pi-theme-episode .pi-title, .pi-theme-episode .pi-header { background: #1c1a16; } .pi-theme-episode .pi-navigation a { color: #cc960e; }

/* Location infobox styling - */ .pi-theme-location .pi-title, .pi-theme-location .pi-header { background: #008080; }

/* Item infobox styling - */ .pi-theme-item .pi-title, .pi-theme-item .pi-header { background: #cd9938; }

/* Media infobox styling */ /* - .pi-theme-volume */ /* - .pi-theme-arc */ /* - .pi-theme-saga */ .pi-theme-volume { border-color: #8b0000; } .pi-theme-volume .pi-data-label, .pi-theme-saga .pi-data-label { flex-basis: 120px; } .pi-theme-volume .pi-navigation a, .pi-theme-arc .pi-navigation a, .pi-theme-saga .pi-navigation a { color: #cc960e; }

/* Simple infobox styling - */ .pi-theme-simple .pi-title, .pi-theme-simple .pi-header, .pi-theme-simple .pi-navigation { background: #8a4b08; }

/* Organization infobox styling - */ .pi-theme-org .pi-title, .pi-theme-org .pi-header, .pi-theme-org .pi-navigation { background: #5f23ae; }

/* Event infobox styling - */ .pi-theme-event { border-color: #13675d; } .pi-theme-event .pi-title, .pi-theme-event .pi-header, .pi-theme-event .pi-navigation { background: #13675d; } .pi-theme-event .pi-header a { color: #ffffff; }

/**/ /* NB: The CSS from here on out was compiled from Special:PermanentLink/156618 with dart-sass 1.15.2. /* Please edit and recompile that source Sass file instead of manually editing what follows. /**/ /* [components] block quotes: common layout */ .WikiaArticle blockquote.themed { border: 1px solid; margin: 0 0 0.5em; padding: 2px; text-align: justify; } @media only screen and (min-width: 1596px) { .WikiaPage blockquote.themed { font-size: inherit; line-height: inherit; } } blockquote.themed > div { padding: 1em 2em; } blockquote.themed > div > div { font-size: larger; font-style: italic; line-height: 1.555em; position: relative; } blockquote.themed > div > div::before, blockquote.themed > div > div::after { content: "“"; font-size: 2.2em; font-style: normal; opacity: 0.5; position: absolute; } blockquote.themed > div > div::before { left: -0.5em; } blockquote.themed > div > div::after { right: -0.5em; transform: scale(-1, -1); } blockquote.themed cite { display: block; margin-top: 0.5em; } blockquote.themed cite::before { content: "— "; } /* [components] character galleries: common layout */ .chargallery .wikia-gallery { display: flex; flex-wrap: wrap; justify-content: center; } .chargallery .wikia-gallery-item { border: 3px solid; margin: 0 -3px -3px 0; padding: 0; } .chargallery .wikia-gallery-item img { background-color: #ffffff; margin-top: 0 !important; } .chargallery .wikia-gallery-item .lightbox-caption { box-sizing: border-box; font: bold 9pt/1.25em sans-serif; margin: 0; padding: 4pt; } .chargallery-profile-caption { font-size: larger; } .chargallery-profile-subcaption { font-size: smaller; } /* [components] custom header: common layout */ .customheader { border: 1px solid transparent; border-radius: 0.3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: 0.3em 0.4em 0.2em; text-align: center; } /* [components] navboxes: common layout */ .navibox { border: 1px solid; border-collapse: separate; border-spacing: 2px; font-size: 90%; width: 100%; } .navibox th, .navibox td { padding: 2px 6px; } .navibox th.navibox-title { padding: 2px; } .navibox-title, .navibox-header, .navibox-group { font-weight: bold; text-align: center; } .navibox-group { font-size: smaller; white-space: nowrap; } .navibox-list { text-align: center; } /* [components] page tabs: common layout */ ul.pagetabs { align-content: center; align-items: center; display: flex; flex-flow: row wrap; justify-content: center; margin: 0; } .pagetabs li { display: block; margin: 0 0 0.5em; } .pagetabs li + li { margin-left: 5px; } .pagetabs li > :only-child { border: 2px solid; border-bottom: none; border-radius: 6px 6px 0 0; display: block; font-weight: bold; line-height: 1.3em; min-width: 110px; padding: 0.5em; text-align: center; text-decoration: none; } .pagetabs-article > :only-child::before, .pagetabs-gallery > :only-child::before { content: ""; mask-position: left center; -webkit-mask-position: left center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; padding-left: 19px; } .pagetabs-article > :only-child::before { mask-image: url("https://vignette.wikia.nocookie.net/shingekinokyojin/images/c/c4/Article.png/revision/latest?cb=20160615105236"); -webkit-mask-image: url("https://vignette.wikia.nocookie.net/shingekinokyojin/images/c/c4/Article.png/revision/latest?cb=20160615105236"); } .pagetabs-gallery > :only-child::before { mask-image: url("https://vignette.wikia.nocookie.net/shingekinokyojin/images/a/a3/Gallery.png/revision/latest?cb=20160615105324"); -webkit-mask-image: url("https://vignette.wikia.nocookie.net/shingekinokyojin/images/a/a3/Gallery.png/revision/latest?cb=20160615105324"); margin-right: 4px; } /* [themes] general */ .page-theme { display: none; } /* [themes] by affiliation: civilians */ /*  - NB: for text, the contrast ratio is 4.39:1, which partially passes WCAG 2's minimum contrast requirements (failing AA for non-bold text < 18pt and bold text < 14pt) */ .page-theme.theme-affiliation-civilians ~ blockquote.themed { border-color: #29822b; color: #ffffff; } .page-theme.theme-affiliation-civilians ~ blockquote.themed a { color: #ffffff; } .page-theme.theme-affiliation-civilians ~ blockquote.themed > div { background-color: #2c8a2e; } .chargallery.theme-affiliation-civilians .wikia-gallery-item { background-color: #2c8a2e; border-color: #29822b; } .chargallery.theme-affiliation-civilians .chargallery-profile-caption, .chargallery.theme-affiliation-civilians .chargallery-profile-subcaption { color: #ffffff; } .chargallery.theme-affiliation-civilians .chargallery-profile-caption a, .chargallery.theme-affiliation-civilians .chargallery-profile-subcaption a { color: #ffffff; } .customheader.theme-affiliation-civilians { background-color: #2c8a2e; color: #ffffff; } .customheader.theme-affiliation-civilians a { color: #ffffff; } .navibox.theme-affiliation-civilians { border-color: #29822b; } .navibox.theme-affiliation-civilians .navibox-title, .navibox.theme-affiliation-civilians .navibox-header, .navibox.theme-affiliation-civilians .navibox-group { background-color: #2c8a2e; color: #ffffff; } .navibox.theme-affiliation-civilians .navibox-title a, .navibox.theme-affiliation-civilians .navibox-header a, .navibox.theme-affiliation-civilians .navibox-group a { color: #ffffff; } .page-theme.theme-affiliation-civilians ~ .pagetabs li > :only-child { background-color: #2c8a2e; border-color: #2c8a2e; color: #ffffff; } .page-theme.theme-affiliation-civilians ~ .pagetabs li > :only-child a { color: #ffffff; } .page-theme.theme-affiliation-civilians ~ .pagetabs li > :only-child::before { background-color: #ffffff; } .page-theme.theme-affiliation-civilians ~ .pagetabs li > .selflink:only-child { background-color: #ffffff; color: #2c8a2e; } .page-theme.theme-affiliation-civilians ~ .pagetabs li > .selflink:only-child a { color: #2c8a2e; } .page-theme.theme-affiliation-civilians ~ .pagetabs li > .selflink:only-child::before { background-color: #2c8a2e; } .page-theme.theme-affiliation-civilians ~ .portable-infobox { border-color: #29822b; } .page-theme.theme-affiliation-civilians ~ .portable-infobox .pi-title, .page-theme.theme-affiliation-civilians ~ .portable-infobox .pi-header, .page-theme.theme-affiliation-civilians ~ .portable-infobox .pi-navigation { background-color: #2c8a2e; color: #ffffff; } .page-theme.theme-affiliation-civilians ~ .portable-infobox .pi-title a, .page-theme.theme-affiliation-civilians ~ .portable-infobox .pi-header a, .page-theme.theme-affiliation-civilians ~ .portable-infobox .pi-navigation a { color: #ffffff; } /* [themes] by affiliation: Isamu Academy High School */ /*  - NB: for text, the contrast ratio is 10.72:1, which passes WCAG 2's enhanced contrast requirements */ .page-theme.theme-affiliation-isamu_high ~ blockquote.themed { border-color: #640633; color: #ffffff; } .page-theme.theme-affiliation-isamu_high ~ blockquote.themed a { color: #ffffff; } .page-theme.theme-affiliation-isamu_high ~ blockquote.themed > div { background-color: #7c073f; } .chargallery.theme-affiliation-isamu_high .wikia-gallery-item { background-color: #7c073f; border-color: #640633; } .chargallery.theme-affiliation-isamu_high .chargallery-profile-caption, .chargallery.theme-affiliation-isamu_high .chargallery-profile-subcaption { color: #ffffff; } .chargallery.theme-affiliation-isamu_high .chargallery-profile-caption a, .chargallery.theme-affiliation-isamu_high .chargallery-profile-subcaption a { color: #ffffff; } .customheader.theme-affiliation-isamu_high { background-color: #7c073f; color: #ffffff; } .customheader.theme-affiliation-isamu_high a { color: #ffffff; } .page-theme.theme-affiliation-isamu_high ~ .portable-infobox { border-color: #640633; } .page-theme.theme-affiliation-isamu_high ~ .portable-infobox .pi-title, .page-theme.theme-affiliation-isamu_high ~ .portable-infobox .pi-header, .page-theme.theme-affiliation-isamu_high ~ .portable-infobox .pi-navigation { background-color: #7c073f; color: #ffffff; } .page-theme.theme-affiliation-isamu_high ~ .portable-infobox .pi-title a, .page-theme.theme-affiliation-isamu_high ~ .portable-infobox .pi-header a, .page-theme.theme-affiliation-isamu_high ~ .portable-infobox .pi-navigation a { color: #ffffff; } /* [themes] by affiliation: Ketsubutsu Academy High School */ /*  - NB: for text, the contrast ratio is 9.71:1, which passes WCAG 2's enhanced contrast requirements */ .page-theme.theme-affiliation-ketsubutsu_high ~ blockquote.themed { border-color: #afb5bc; color: #1a1a1a; } .page-theme.theme-affiliation-ketsubutsu_high ~ blockquote.themed a { color: #1a1a1a; } .page-theme.theme-affiliation-ketsubutsu_high ~ blockquote.themed > div { background-color: #bdc2c8; } .chargallery.theme-affiliation-ketsubutsu_high .wikia-gallery-item { background-color: #bdc2c8; border-color: #afb5bc; } .chargallery.theme-affiliation-ketsubutsu_high .chargallery-profile-caption, .chargallery.theme-affiliation-ketsubutsu_high .chargallery-profile-subcaption { color: #1a1a1a; } .chargallery.theme-affiliation-ketsubutsu_high .chargallery-profile-caption a, .chargallery.theme-affiliation-ketsubutsu_high .chargallery-profile-subcaption a { color: #1a1a1a; } .customheader.theme-affiliation-ketsubutsu_high { background-color: #bdc2c8; color: #1a1a1a; } .customheader.theme-affiliation-ketsubutsu_high a { color: #1a1a1a; } .navibox.theme-affiliation-ketsubutsu_high { border-color: #afb5bc; } .navibox.theme-affiliation-ketsubutsu_high .navibox-title, .navibox.theme-affiliation-ketsubutsu_high .navibox-header, .navibox.theme-affiliation-ketsubutsu_high .navibox-group { background-color: #bdc2c8; color: #1a1a1a; } .navibox.theme-affiliation-ketsubutsu_high .navibox-title a, .navibox.theme-affiliation-ketsubutsu_high .navibox-header a, .navibox.theme-affiliation-ketsubutsu_high .navibox-group a { color: #1a1a1a; } .page-theme.theme-affiliation-ketsubutsu_high ~ .pagetabs li > :only-child { background-color: #bdc2c8; border-color: #bdc2c8; color: #1a1a1a; } .page-theme.theme-affiliation-ketsubutsu_high ~ .pagetabs li > :only-child a { color: #1a1a1a; } .page-theme.theme-affiliation-ketsubutsu_high ~ .pagetabs li > :only-child::before { background-color: #1a1a1a; } .page-theme.theme-affiliation-ketsubutsu_high ~ .pagetabs li > .selflink:only-child { background-color: #1a1a1a; color: #bdc2c8; } .page-theme.theme-affiliation-ketsubutsu_high ~ .pagetabs li > .selflink:only-child a { color: #bdc2c8; } .page-theme.theme-affiliation-ketsubutsu_high ~ .pagetabs li > .selflink:only-child::before { background-color: #bdc2c8; } .page-theme.theme-affiliation-ketsubutsu_high ~ .portable-infobox { border-color: #afb5bc; } .page-theme.theme-affiliation-ketsubutsu_high ~ .portable-infobox .pi-title, .page-theme.theme-affiliation-ketsubutsu_high ~ .portable-infobox .pi-header, .page-theme.theme-affiliation-ketsubutsu_high ~ .portable-infobox .pi-navigation { background-color: #bdc2c8; color: #1a1a1a; } .page-theme.theme-affiliation-ketsubutsu_high ~ .portable-infobox .pi-title a, .page-theme.theme-affiliation-ketsubutsu_high ~ .portable-infobox .pi-header a, .page-theme.theme-affiliation-ketsubutsu_high ~ .portable-infobox .pi-navigation a { color: #1a1a1a; } /* [themes] by affiliation: League of Villains */ /*  - NB: for text, the contrast ratio is 4.05:1, which partially passes WCAG 2's minimum contrast requirements (failing AA for non-bold text < 18pt and bold text < 14pt) */ .page-theme.theme-affiliation-league_of_villains ~ blockquote.themed { border-color: #657382; color: #ffffff; } .page-theme.theme-affiliation-league_of_villains ~ blockquote.themed a { color: #ffffff; } .page-theme.theme-affiliation-league_of_villains ~ blockquote.themed > div { background-color: #708090; } .chargallery.theme-affiliation-league_of_villains .wikia-gallery-item { background-color: #708090; border-color: #657382; } .chargallery.theme-affiliation-league_of_villains .chargallery-profile-caption, .chargallery.theme-affiliation-league_of_villains .chargallery-profile-subcaption { color: #ffffff; } .chargallery.theme-affiliation-league_of_villains .chargallery-profile-caption a, .chargallery.theme-affiliation-league_of_villains .chargallery-profile-subcaption a { color: #ffffff; } .customheader.theme-affiliation-league_of_villains { background-color: #708090; color: #ffffff; } .customheader.theme-affiliation-league_of_villains a { color: #ffffff; } table.navibox .navibox-header.theme-affiliation-league_of_villains, table.navibox .navibox-group.theme-affiliation-league_of_villains { background-color: #708090; color: #ffffff; } table.navibox .navibox-header.theme-affiliation-league_of_villains a, table.navibox .navibox-group.theme-affiliation-league_of_villains a { color: #ffffff; } .page-theme.theme-affiliation-league_of_villains ~ .pagetabs li > :only-child { background-color: #708090; border-color: #708090; color: #ffffff; } .page-theme.theme-affiliation-league_of_villains ~ .pagetabs li > :only-child a { color: #ffffff; } .page-theme.theme-affiliation-league_of_villains ~ .pagetabs li > :only-child::before { background-color: #ffffff; } .page-theme.theme-affiliation-league_of_villains ~ .pagetabs li > .selflink:only-child { background-color: #ffffff; color: #708090; } .page-theme.theme-affiliation-league_of_villains ~ .pagetabs li > .selflink:only-child a { color: #708090; } .page-theme.theme-affiliation-league_of_villains ~ .pagetabs li > .selflink:only-child::before { background-color: #708090; } .page-theme.theme-affiliation-league_of_villains ~ .portable-infobox { border-color: #657382; } .page-theme.theme-affiliation-league_of_villains ~ .portable-infobox .pi-title, .page-theme.theme-affiliation-league_of_villains ~ .portable-infobox .pi-header, .page-theme.theme-affiliation-league_of_villains ~ .portable-infobox .pi-navigation { background-color: #708090; color: #ffffff; } .page-theme.theme-affiliation-league_of_villains ~ .portable-infobox .pi-title a, .page-theme.theme-affiliation-league_of_villains ~ .portable-infobox .pi-header a, .page-theme.theme-affiliation-league_of_villains ~ .portable-infobox .pi-navigation a { color: #ffffff; } /* [themes] by affiliation: Police Force */ /*  - NB: for text, the contrast ratio is 7.07:1, which passes WCAG 2's enhanced contrast requirements */ .page-theme.theme-affiliation-police ~ blockquote.themed { border-color: #004ac3; color: #ffffff; } .page-theme.theme-affiliation-police ~ blockquote.themed a { color: #ffffff; } .page-theme.theme-affiliation-police ~ blockquote.themed > div { background-color: #004ecd; } .chargallery.theme-affiliation-police .wikia-gallery-item { background-color: #004ecd; border-color: #004ac3; } .chargallery.theme-affiliation-police .chargallery-profile-caption, .chargallery.theme-affiliation-police .chargallery-profile-subcaption { color: #ffffff; } .chargallery.theme-affiliation-police .chargallery-profile-caption a, .chargallery.theme-affiliation-police .chargallery-profile-subcaption a { color: #ffffff; } .customheader.theme-affiliation-police { background-color: #004ecd; color: #ffffff; } .customheader.theme-affiliation-police a { color: #ffffff; } .navibox.theme-affiliation-police { border-color: #004ac3; } .navibox.theme-affiliation-police .navibox-title, .navibox.theme-affiliation-police .navibox-header, .navibox.theme-affiliation-police .navibox-group { background-color: #004ecd; color: #ffffff; } .navibox.theme-affiliation-police .navibox-title a, .navibox.theme-affiliation-police .navibox-header a, .navibox.theme-affiliation-police .navibox-group a { color: #ffffff; } .page-theme.theme-affiliation-police ~ .portable-infobox { border-color: #004ac3; } .page-theme.theme-affiliation-police ~ .portable-infobox .pi-title, .page-theme.theme-affiliation-police ~ .portable-infobox .pi-header, .page-theme.theme-affiliation-police ~ .portable-infobox .pi-navigation { background-color: #004ecd; color: #ffffff; } .page-theme.theme-affiliation-police ~ .portable-infobox .pi-title a, .page-theme.theme-affiliation-police ~ .portable-infobox .pi-header a, .page-theme.theme-affiliation-police ~ .portable-infobox .pi-navigation a { color: #ffffff; } /* [themes] by affiliation: Pro Heroes */ /*  - NB: for text, the contrast ratio is 5.36:1, which partially passes WCAG 2's enhanced contrast requirements (failing AAA for non-bold text < 18pt and bold text < 14pt) */ .page-theme.theme-affiliation-pro_heroes ~ blockquote.themed { border-color: #c40000; color: #ffffff; } .page-theme.theme-affiliation-pro_heroes ~ blockquote.themed a { color: #ffffff; } .page-theme.theme-affiliation-pro_heroes ~ blockquote.themed > div { background-color: #d80000; } .chargallery.theme-affiliation-pro_heroes .wikia-gallery-item { background-color: #d80000; border-color: #c40000; } .chargallery.theme-affiliation-pro_heroes .chargallery-profile-caption, .chargallery.theme-affiliation-pro_heroes .chargallery-profile-subcaption { color: #ffffff; } .chargallery.theme-affiliation-pro_heroes .chargallery-profile-caption a, .chargallery.theme-affiliation-pro_heroes .chargallery-profile-subcaption a { color: #ffffff; } .customheader.theme-affiliation-pro_heroes { background-color: #d80000; color: #ffffff; } .customheader.theme-affiliation-pro_heroes a { color: #ffffff; } .navibox.theme-affiliation-pro_heroes { border-color: #c40000; } .navibox.theme-affiliation-pro_heroes .navibox-title, .navibox.theme-affiliation-pro_heroes .navibox-header, .navibox.theme-affiliation-pro_heroes .navibox-group { background-color: #d80000; color: #ffffff; } .navibox.theme-affiliation-pro_heroes .navibox-title a, .navibox.theme-affiliation-pro_heroes .navibox-header a, .navibox.theme-affiliation-pro_heroes .navibox-group a { color: #ffffff; } .page-theme.theme-affiliation-pro_heroes ~ .pagetabs li > :only-child { background-color: #d80000; border-color: #d80000; color: #ffffff; } .page-theme.theme-affiliation-pro_heroes ~ .pagetabs li > :only-child a { color: #ffffff; } .page-theme.theme-affiliation-pro_heroes ~ .pagetabs li > :only-child::before { background-color: #ffffff; } .page-theme.theme-affiliation-pro_heroes ~ .pagetabs li > .selflink:only-child { background-color: #ffffff; color: #d80000; } .page-theme.theme-affiliation-pro_heroes ~ .pagetabs li > .selflink:only-child a { color: #d80000; } .page-theme.theme-affiliation-pro_heroes ~ .pagetabs li > .selflink:only-child::before { background-color: #d80000; } .page-theme.theme-affiliation-pro_heroes ~ .portable-infobox { border-color: #c40000; } .page-theme.theme-affiliation-pro_heroes ~ .portable-infobox .pi-title, .page-theme.theme-affiliation-pro_heroes ~ .portable-infobox .pi-header, .page-theme.theme-affiliation-pro_heroes ~ .portable-infobox .pi-navigation { background-color: #d80000; color: #ffffff; } .page-theme.theme-affiliation-pro_heroes ~ .portable-infobox .pi-title a, .page-theme.theme-affiliation-pro_heroes ~ .portable-infobox .pi-header a, .page-theme.theme-affiliation-pro_heroes ~ .portable-infobox .pi-navigation a { color: #ffffff; } /* [themes] by affiliation: Shie Hassaikai */ /*  - NB: for text, the contrast ratio is 9.07:1, which passes WCAG 2's enhanced contrast requirements */ .page-theme.theme-affiliation-shie_hassaikai ~ blockquote.themed { border-color: #3f3579; color: #ffffff; } .page-theme.theme-affiliation-shie_hassaikai ~ blockquote.themed a { color: #ffffff; } .page-theme.theme-affiliation-shie_hassaikai ~ blockquote.themed > div { background-color: #483d8b; } .chargallery.theme-affiliation-shie_hassaikai .wikia-gallery-item { background-color: #483d8b; border-color: #3f3579; } .chargallery.theme-affiliation-shie_hassaikai .chargallery-profile-caption, .chargallery.theme-affiliation-shie_hassaikai .chargallery-profile-subcaption { color: #ffffff; } .chargallery.theme-affiliation-shie_hassaikai .chargallery-profile-caption a, .chargallery.theme-affiliation-shie_hassaikai .chargallery-profile-subcaption a { color: #ffffff; } .customheader.theme-affiliation-shie_hassaikai { background-color: #483d8b; color: #ffffff; } .customheader.theme-affiliation-shie_hassaikai a { color: #ffffff; } table.navibox .navibox-header.theme-affiliation-shie_hassaikai, table.navibox .navibox-group.theme-affiliation-shie_hassaikai { background-color: #483d8b; color: #ffffff; } table.navibox .navibox-header.theme-affiliation-shie_hassaikai a, table.navibox .navibox-group.theme-affiliation-shie_hassaikai a { color: #ffffff; } .page-theme.theme-affiliation-shie_hassaikai ~ .pagetabs li > :only-child { background-color: #483d8b; border-color: #483d8b; color: #ffffff; } .page-theme.theme-affiliation-shie_hassaikai ~ .pagetabs li > :only-child a { color: #ffffff; } .page-theme.theme-affiliation-shie_hassaikai ~ .pagetabs li > :only-child::before { background-color: #ffffff; } .page-theme.theme-affiliation-shie_hassaikai ~ .pagetabs li > .selflink:only-child { background-color: #ffffff; color: #483d8b; } .page-theme.theme-affiliation-shie_hassaikai ~ .pagetabs li > .selflink:only-child a { color: #483d8b; } .page-theme.theme-affiliation-shie_hassaikai ~ .pagetabs li > .selflink:only-child::before { background-color: #483d8b; } .page-theme.theme-affiliation-shie_hassaikai ~ .portable-infobox { border-color: #3f3579; } .page-theme.theme-affiliation-shie_hassaikai ~ .portable-infobox .pi-title, .page-theme.theme-affiliation-shie_hassaikai ~ .portable-infobox .pi-header, .page-theme.theme-affiliation-shie_hassaikai ~ .portable-infobox .pi-navigation { background-color: #483d8b; color: #ffffff; } .page-theme.theme-affiliation-shie_hassaikai ~ .portable-infobox .pi-title a, .page-theme.theme-affiliation-shie_hassaikai ~ .portable-infobox .pi-header a, .page-theme.theme-affiliation-shie_hassaikai ~ .portable-infobox .pi-navigation a { color: #ffffff; } /* [themes] by affiliation: Shiketsu High School */ /*  - NB: for text, the contrast ratio is 11.61:1, which passes WCAG 2's enhanced contrast requirements */ .page-theme.theme-affiliation-shiketsu_high ~ blockquote.themed { border-color: #003368; color: #ffffff; } .page-theme.theme-affiliation-shiketsu_high ~ blockquote.themed a { color: #ffffff; } .page-theme.theme-affiliation-shiketsu_high ~ blockquote.themed > div { background-color: #003872; } .chargallery.theme-affiliation-shiketsu_high .wikia-gallery-item { background-color: #003872; border-color: #003368; } .chargallery.theme-affiliation-shiketsu_high .chargallery-profile-caption, .chargallery.theme-affiliation-shiketsu_high .chargallery-profile-subcaption { color: #ffffff; } .chargallery.theme-affiliation-shiketsu_high .chargallery-profile-caption a, .chargallery.theme-affiliation-shiketsu_high .chargallery-profile-subcaption a { color: #ffffff; } .customheader.theme-affiliation-shiketsu_high { background-color: #003872; color: #ffffff; } .customheader.theme-affiliation-shiketsu_high a { color: #ffffff; } .navibox.theme-affiliation-shiketsu_high { border-color: #003368; } .navibox.theme-affiliation-shiketsu_high .navibox-title, .navibox.theme-affiliation-shiketsu_high .navibox-header, .navibox.theme-affiliation-shiketsu_high .navibox-group { background-color: #003872; color: #ffffff; } .navibox.theme-affiliation-shiketsu_high .navibox-title a, .navibox.theme-affiliation-shiketsu_high .navibox-header a, .navibox.theme-affiliation-shiketsu_high .navibox-group a { color: #ffffff; } .page-theme.theme-affiliation-shiketsu_high ~ .pagetabs li > :only-child { background-color: #003872; border-color: #003872; color: #ffffff; } .page-theme.theme-affiliation-shiketsu_high ~ .pagetabs li > :only-child a { color: #ffffff; } .page-theme.theme-affiliation-shiketsu_high ~ .pagetabs li > :only-child::before { background-color: #ffffff; } .page-theme.theme-affiliation-shiketsu_high ~ .pagetabs li > .selflink:only-child { background-color: #ffffff; color: #003872; } .page-theme.theme-affiliation-shiketsu_high ~ .pagetabs li > .selflink:only-child a { color: #003872; } .page-theme.theme-affiliation-shiketsu_high ~ .pagetabs li > .selflink:only-child::before { background-color: #003872; } .page-theme.theme-affiliation-shiketsu_high ~ .portable-infobox { border-color: #003368; } .page-theme.theme-affiliation-shiketsu_high ~ .portable-infobox .pi-title, .page-theme.theme-affiliation-shiketsu_high ~ .portable-infobox .pi-header, .page-theme.theme-affiliation-shiketsu_high ~ .portable-infobox .pi-navigation { background-color: #003872; color: #ffffff; } .page-theme.theme-affiliation-shiketsu_high ~ .portable-infobox .pi-title a, .page-theme.theme-affiliation-shiketsu_high ~ .portable-infobox .pi-header a, .page-theme.theme-affiliation-shiketsu_high ~ .portable-infobox .pi-navigation a { color: #ffffff; } /* [themes] by affiliation: U.A. High School */ /*  - NB: for text, the contrast ratio is 10.01:1, which passes WCAG 2's enhanced contrast requirements */ blockquote.themed.theme-affiliation-ua_high, .page-theme.theme-affiliation-ua_high ~ blockquote.themed { border-color: #5f0000; color: #ffffff; } blockquote.themed.theme-affiliation-ua_high a, .page-theme.theme-affiliation-ua_high ~ blockquote.themed a { color: #ffffff; } blockquote.themed.theme-affiliation-ua_high > div, .page-theme.theme-affiliation-ua_high ~ blockquote.themed > div { background-color: #8b0000; } .chargallery.theme-affiliation-ua_high .wikia-gallery-item { background-color: #8b0000; border-color: #5f0000; } .chargallery.theme-affiliation-ua_high .chargallery-profile-caption, .chargallery.theme-affiliation-ua_high .chargallery-profile-subcaption { color: #ffffff; } .chargallery.theme-affiliation-ua_high .chargallery-profile-caption a, .chargallery.theme-affiliation-ua_high .chargallery-profile-subcaption a { color: #ffffff; } .customheader.theme-affiliation-ua_high { background-color: #8b0000; color: #ffffff; } .customheader.theme-affiliation-ua_high a { color: #ffffff; } .navibox.theme-affiliation-ua_high { border-color: #5f0000; } .navibox.theme-affiliation-ua_high .navibox-title, .navibox.theme-affiliation-ua_high .navibox-header, .navibox.theme-affiliation-ua_high .navibox-group { background-color: #8b0000; color: #ffffff; } .navibox.theme-affiliation-ua_high .navibox-title a, .navibox.theme-affiliation-ua_high .navibox-header a, .navibox.theme-affiliation-ua_high .navibox-group a { color: #ffffff; } .pagetabs.theme-affiliation-ua_high li > :only-child, .page-theme.theme-affiliation-ua_high ~ .pagetabs li > :only-child { background-color: #8b0000; border-color: #8b0000; color: #ffffff; } .pagetabs.theme-affiliation-ua_high li > :only-child a, .page-theme.theme-affiliation-ua_high ~ .pagetabs li > :only-child a { color: #ffffff; } .pagetabs.theme-affiliation-ua_high li > :only-child::before, .page-theme.theme-affiliation-ua_high ~ .pagetabs li > :only-child::before { background-color: #ffffff; } .pagetabs.theme-affiliation-ua_high li > .selflink:only-child, .page-theme.theme-affiliation-ua_high ~ .pagetabs li > .selflink:only-child { background-color: #ffffff; color: #8b0000; } .pagetabs.theme-affiliation-ua_high li > .selflink:only-child a, .page-theme.theme-affiliation-ua_high ~ .pagetabs li > .selflink:only-child a { color: #8b0000; } .pagetabs.theme-affiliation-ua_high li > .selflink:only-child::before, .page-theme.theme-affiliation-ua_high ~ .pagetabs li > .selflink:only-child::before { background-color: #8b0000; } .pi-theme-affiliation-ua_high, .page-theme.theme-affiliation-ua_high ~ .portable-infobox { border-color: #5f0000; } .pi-theme-affiliation-ua_high .pi-title, .pi-theme-affiliation-ua_high .pi-header, .pi-theme-affiliation-ua_high .pi-navigation, .page-theme.theme-affiliation-ua_high ~ .portable-infobox .pi-title, .page-theme.theme-affiliation-ua_high ~ .portable-infobox .pi-header, .page-theme.theme-affiliation-ua_high ~ .portable-infobox .pi-navigation { background-color: #8b0000; color: #ffffff; } .pi-theme-affiliation-ua_high .pi-title a, .pi-theme-affiliation-ua_high .pi-header a, .pi-theme-affiliation-ua_high .pi-navigation a, .page-theme.theme-affiliation-ua_high ~ .portable-infobox .pi-title a, .page-theme.theme-affiliation-ua_high ~ .portable-infobox .pi-header a, .page-theme.theme-affiliation-ua_high ~ .portable-infobox .pi-navigation a { color: #ffffff; } /* [themes] by affiliation: vigilantes */ /*  - NB: for text, the contrast ratio is 2.89:1, which fails WCAG 2's minimum contrast requirements */ .page-theme.theme-affiliation-vigilantes ~ blockquote.themed { border-color: #e76828; color: #ffffff; } .page-theme.theme-affiliation-vigilantes ~ blockquote.themed a { color: #ffffff; } .page-theme.theme-affiliation-vigilantes ~ blockquote.themed > div { background-color: #ea783f; } .chargallery.theme-affiliation-vigilantes .wikia-gallery-item { background-color: #ea783f; border-color: #e76828; } .chargallery.theme-affiliation-vigilantes .chargallery-profile-caption, .chargallery.theme-affiliation-vigilantes .chargallery-profile-subcaption { color: #ffffff; } .chargallery.theme-affiliation-vigilantes .chargallery-profile-caption a, .chargallery.theme-affiliation-vigilantes .chargallery-profile-subcaption a { color: #ffffff; } .customheader.theme-affiliation-vigilantes { background-color: #ea783f; color: #ffffff; } .customheader.theme-affiliation-vigilantes a { color: #ffffff; } .navibox.theme-affiliation-vigilantes { border-color: #e76828; } .navibox.theme-affiliation-vigilantes .navibox-title, .navibox.theme-affiliation-vigilantes .navibox-header, .navibox.theme-affiliation-vigilantes .navibox-group { background-color: #ea783f; color: #ffffff; } .navibox.theme-affiliation-vigilantes .navibox-title a, .navibox.theme-affiliation-vigilantes .navibox-header a, .navibox.theme-affiliation-vigilantes .navibox-group a { color: #ffffff; } .page-theme.theme-affiliation-vigilantes ~ .pagetabs li > :only-child { background-color: #ea783f; border-color: #ea783f; color: #ffffff; } .page-theme.theme-affiliation-vigilantes ~ .pagetabs li > :only-child a { color: #ffffff; } .page-theme.theme-affiliation-vigilantes ~ .pagetabs li > :only-child::before { background-color: #ffffff; } .page-theme.theme-affiliation-vigilantes ~ .pagetabs li > .selflink:only-child { background-color: #ffffff; color: #ea783f; } .page-theme.theme-affiliation-vigilantes ~ .pagetabs li > .selflink:only-child a { color: #ea783f; } .page-theme.theme-affiliation-vigilantes ~ .pagetabs li > .selflink:only-child::before { background-color: #ea783f; } .page-theme.theme-affiliation-vigilantes ~ .portable-infobox { border-color: #e76828; } .page-theme.theme-affiliation-vigilantes ~ .portable-infobox .pi-title, .page-theme.theme-affiliation-vigilantes ~ .portable-infobox .pi-header, .page-theme.theme-affiliation-vigilantes ~ .portable-infobox .pi-navigation { background-color: #ea783f; color: #ffffff; } .page-theme.theme-affiliation-vigilantes ~ .portable-infobox .pi-title a, .page-theme.theme-affiliation-vigilantes ~ .portable-infobox .pi-header a, .page-theme.theme-affiliation-vigilantes ~ .portable-infobox .pi-navigation a { color: #ffffff; } /* [themes] by affiliation: villains */ /*  - NB: for text, the contrast ratio is 18.42:1, which passes WCAG 2's enhanced contrast requirements */ .page-theme.theme-affiliation-villains ~ blockquote.themed { border-color: #0d0d0d; color: #ffffff; } .page-theme.theme-affiliation-villains ~ blockquote.themed a { color: #ffffff; } .page-theme.theme-affiliation-villains ~ blockquote.themed > div { background-color: #141414; } .chargallery.theme-affiliation-villains .wikia-gallery-item { background-color: #141414; border-color: #0d0d0d; } .chargallery.theme-affiliation-villains .chargallery-profile-caption, .chargallery.theme-affiliation-villains .chargallery-profile-subcaption { color: #ffffff; } .chargallery.theme-affiliation-villains .chargallery-profile-caption a, .chargallery.theme-affiliation-villains .chargallery-profile-subcaption a { color: #ffffff; } .customheader.theme-affiliation-villains { background-color: #141414; color: #ffffff; } .customheader.theme-affiliation-villains a { color: #ffffff; } .navibox.theme-affiliation-villains { border-color: #0d0d0d; } .navibox.theme-affiliation-villains .navibox-title, .navibox.theme-affiliation-villains .navibox-header, .navibox.theme-affiliation-villains .navibox-group { background-color: #141414; color: #ffffff; } .navibox.theme-affiliation-villains .navibox-title a, .navibox.theme-affiliation-villains .navibox-header a, .navibox.theme-affiliation-villains .navibox-group a { color: #ffffff; } .page-theme.theme-affiliation-villains ~ .pagetabs li > :only-child { background-color: #141414; border-color: #141414; color: #ffffff; } .page-theme.theme-affiliation-villains ~ .pagetabs li > :only-child a { color: #ffffff; } .page-theme.theme-affiliation-villains ~ .pagetabs li > :only-child::before { background-color: #ffffff; } .page-theme.theme-affiliation-villains ~ .pagetabs li > .selflink:only-child { background-color: #ffffff; color: #141414; } .page-theme.theme-affiliation-villains ~ .pagetabs li > .selflink:only-child a { color: #141414; } .page-theme.theme-affiliation-villains ~ .pagetabs li > .selflink:only-child::before { background-color: #141414; } .pi-theme-affiliation-villains, .page-theme.theme-affiliation-villains ~ .portable-infobox { border-color: #0d0d0d; } .pi-theme-affiliation-villains .pi-title, .pi-theme-affiliation-villains .pi-header, .pi-theme-affiliation-villains .pi-navigation, .page-theme.theme-affiliation-villains ~ .portable-infobox .pi-title, .page-theme.theme-affiliation-villains ~ .portable-infobox .pi-header, .page-theme.theme-affiliation-villains ~ .portable-infobox .pi-navigation { background-color: #141414; color: #ffffff; } .pi-theme-affiliation-villains .pi-title a, .pi-theme-affiliation-villains .pi-header a, .pi-theme-affiliation-villains .pi-navigation a, .page-theme.theme-affiliation-villains ~ .portable-infobox .pi-title a, .page-theme.theme-affiliation-villains ~ .portable-infobox .pi-header a, .page-theme.theme-affiliation-villains ~ .portable-infobox .pi-navigation a { color: #ffffff; } /* [themes] by page type: groups */ /*  - NB: for text, the contrast ratio is 4.25:1, which partially passes WCAG 2's minimum contrast requirements (failing AA for non-bold text < 18pt and bold text < 14pt) */ .pi-theme-page_type-groups { border-color: #145530; } .pi-theme-page_type-groups .pi-title, .pi-theme-page_type-groups .pi-header, .pi-theme-page_type-groups .pi-navigation { background-color: #2e8b57; color: #ffffff; } .pi-theme-page_type-groups .pi-title a, .pi-theme-page_type-groups .pi-header a, .pi-theme-page_type-groups .pi-navigation a { color: #ffffff; } /* [themes] by page type: music */ /*  - NB: for text, the contrast ratio is 5.32:1, which partially passes WCAG 2's enhanced contrast requirements (failing AAA for non-bold text < 18pt and bold text < 14pt) */ .navibox.theme-page_type-music { border-color: #2f4f4f; } .navibox.theme-page_type-music .navibox-title, .navibox.theme-page_type-music .navibox-header, .navibox.theme-page_type-music .navibox-group { background-color: #00796b; color: #ffffff; } .navibox.theme-page_type-music .navibox-title a, .navibox.theme-page_type-music .navibox-header a, .navibox.theme-page_type-music .navibox-group a { color: #ffffff; } .pi-theme-page_type-music { border-color: #2f4f4f; } .pi-theme-page_type-music .pi-title, .pi-theme-page_type-music .pi-header, .pi-theme-page_type-music .pi-navigation { background-color: #00796b; color: #ffffff; } .pi-theme-page_type-music .pi-title a, .pi-theme-page_type-music .pi-header a, .pi-theme-page_type-music .pi-navigation a { color: #ffffff; } /* [themes] by page type: Quirks */ /*  - NB: for text, the contrast ratio is 1.65:1, which fails WCAG 2's minimum contrast requirements */ .navibox.theme-page_type-quirks { border-color: #ffd700; } .navibox.theme-page_type-quirks .navibox-title, .navibox.theme-page_type-quirks .navibox-header, .navibox.theme-page_type-quirks .navibox-group { background-color: #ffbf00; color: #ffffff; } .navibox.theme-page_type-quirks .navibox-title a, .navibox.theme-page_type-quirks .navibox-header a, .navibox.theme-page_type-quirks .navibox-group a { color: #ffffff; } .pi-theme-page_type-quirks { border-color: #ffd700; } .pi-theme-page_type-quirks .pi-title, .pi-theme-page_type-quirks .pi-header, .pi-theme-page_type-quirks .pi-navigation { background-color: #ffbf00; color: #ffffff; } .pi-theme-page_type-quirks .pi-title a, .pi-theme-page_type-quirks .pi-header a, .pi-theme-page_type-quirks .pi-navigation a { color: #ffffff; }