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: ; } .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; } /* 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; } /* 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: ; } .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/185735 with dart-sass 1.20.3. /* 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-title .mw-collapsible-toggle { color: inherit; } .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 Reika-Sama */ /*  - NB: for text, the contrast ratio is 7.33:1, which passes WCAG 2's enhanced contrast requirements */ blockquote.themed.theme-Reika-Sama, .page-theme.theme-Reika-Sama ~ blockquote.themed { border-color: #8d2424; color: #ffffff; } blockquote.themed.theme-Reika-Sama a, .page-theme.theme-Reika-Sama ~ blockquote.themed a { color: #ffffff; } blockquote.themed.theme-Reika-Sama > div, .page-theme.theme-Reika-Sama ~ blockquote.themed > div { background-color: #a12929; } .chargallery.theme-Reika-Sama .wikia-gallery-item { background-color: #a12929; border-color: #8d2424; } .chargallery.theme-Reika-Sama .chargallery-profile-caption, .chargallery.theme-Reika-Sama .chargallery-profile-subcaption { color: #ffffff; } .chargallery.theme-Reika-Sama .chargallery-profile-caption a, .chargallery.theme-Reika-Sama .chargallery-profile-subcaption a { color: #ffffff; } .customheader.theme-Reika-Sama { background-color: #a12929; color: #ffffff; } .customheader.theme-Reika-Sama a { color: #ffffff; } .navibox.theme-Reika-Sama { border-color: #8d2424; } .navibox.theme-Reika-Sama .navibox-title, .navibox.theme-Reika-Sama .navibox-header, .navibox.theme-Reika-Sama .navibox-group { background-color: #a12929; color: #ffffff; } .navibox.theme-Reika-Sama .navibox-title a, .navibox.theme-Reika-Sama .navibox-header a, .navibox.theme-Reika-Sama .navibox-group a { color: #ffffff; } .pagetabs.theme-Reika-Sama li > :only-child, .page-theme.theme-Reika-Sama ~ .pagetabs li > :only-child { background-color: #a12929; border-color: #a12929; color: #ffffff; } .pagetabs.theme-Reika-Sama li > :only-child a, .page-theme.theme-Reika-Sama ~ .pagetabs li > :only-child a { color: #ffffff; } .pagetabs.theme-Reika-Sama li > :only-child::before, .page-theme.theme-Reika-Sama ~ .pagetabs li > :only-child::before { background-color: #ffffff; } .pagetabs.theme-Reika-Sama li > .selflink:only-child, .page-theme.theme-Reika-Sama ~ .pagetabs li > .selflink:only-child { background-color: #ffffff; color: #a12929; } .pagetabs.theme-Reika-Sama li > .selflink:only-child a, .page-theme.theme-Reika-Sama ~ .pagetabs li > .selflink:only-child a { color: #a12929; } .pagetabs.theme-Reika-Sama li > .selflink:only-child::before, .page-theme.theme-Reika-Sama ~ .pagetabs li > .selflink:only-child::before { background-color: #a12929; } .pi-theme-Reika-Sama, .page-theme.theme-Reika-Sama ~ .portable-infobox { border-color: #8d2424; } .pi-theme-Reika-Sama .pi-title, .pi-theme-Reika-Sama .pi-header, .pi-theme-Reika-Sama .pi-navigation, .page-theme.theme-Reika-Sama ~ .portable-infobox .pi-title, .page-theme.theme-Reika-Sama ~ .portable-infobox .pi-header, .page-theme.theme-Reika-Sama ~ .portable-infobox .pi-navigation { background-color: #a12929; color: #ffffff; } .pi-theme-Reika-Sama .pi-title a, .pi-theme-Reika-Sama .pi-header a, .pi-theme-Reika-Sama .pi-navigation a, .page-theme.theme-Reika-Sama ~ .portable-infobox .pi-title a, .page-theme.theme-Reika-Sama ~ .portable-infobox .pi-header a, .page-theme.theme-Reika-Sama ~ .portable-infobox .pi-navigation a { color: #ffffff; }

/* saga navibox theme */ .navibox.theme-saga { border-color: #000000; } .navibox.theme-saga .navibox-title, .navibox.theme-saga .navibox-header, .navibox.theme-saga .navibox-group { background-color: #8b0000; color: #ffffff; } .navibox.theme-saga .navibox-title a, .navibox.theme-saga .navibox-header a, .navibox.theme-saga .navibox-group a { color: #ffffff; }