MediaWiki:Themes.css

/* Infobox customization stylesheet: Adapted from Boku no Hero Academia Fandom */

/* Main styling */ .portable-infobox { border: 1px dashed #DE1C4E; font-size: 12px; border-radius: 12px; background-color: white; padding:2px; width: 280px; } .portable-infobox .pi-image-collection-tab-content { background: transparent; } .portable-infobox .pi-image-collection-tabs { text-align: center; background: transparent; } .portable-infobox .pi-font { font-size: 12px; } .portable-infobox .pi-secondary-font { font-size: 12px; font-family: "Lucida Grande","Trebuchet MS",Arial,Verdana; } /** Data customization: Adapted from Boku no Hero Academia Fandom **/ .portable-infobox .pi-title { text-align: center; color: #FFFFFF; background: #de1c4e; font-weight: bold; font-family: "Lucida Grande","Trebuchet MS",Arial,Verdana; border-color: transparent; padding: 4px; border-radius:9px 9px 0 0; font-size: 16px; } .portable-infobox .pi-header { text-align: center; color: #FFFFFF; font-family: "Lucida Grande","Trebuchet MS",Arial,Verdana; background: #de1c4e; font-weight: bold; border-color: transparent; padding: 4px; font-size: 12px; } .portable-infobox .pi-border-color { border-color: #E0C0E0; } /* Infobox Tab */

.portable-infobox .pi-image-collection-tabs .pi-tab-link { background: transparent; border-style: none; margin: 0; padding: 0; color: #E6348D; font-weight: bold; font-size: 11px; } .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; background: transparent; font-weight: bold; width: 1em; padding-right: 3px; font-size: 11px; text-align: center; } .portable-infobox .pi-group, .portable-infobox .pi-group .pi-data:last-child { border: none; } .portable-infobox .pi-data { padding: 4px; } /** Navigation footer styling: Adapted from Boku no Hero Academia Fandom **/ .portable-infobox .pi-navigation { text-align: center; font-weight: bold; background: transparent; padding: 2px; } .portable-infobox .pi-navigation a { color: #810484; text-align: center; } /** Subtle nav links: Adapted from Boku no Hero Academia Fandom **/ .portable-infobox .pi-navigation { background: transparent; border-top: 1px dashed #E0C0E0; padding: 0; } /** Image customization **/ .portable-infobox .pi-image-thumbnail { width: 280px; height: auto; display: block; margin-left: auto; margin-right: auto; } .portable-infobox .pi-horizontal-group { text-align: center; background: transparent; background-color: transparent; } .portable-infobox .pi-image-collection { text-align:center; background: transparent; } /** collapsible button **/ .pi-collapse-closed .pi-header::after { color:#fff; } .pi-collapse .pi-header:after { color:#fff; } /** Adapted from Boku no Hero Academia Fandom **/ .pi-theme-saga .pi-data-label { flex-basis: 120px; } /** Cover  **/ .pi-theme-cover { border: 1px solid transparent; width: 200px; background-color: transparent; } .pi-theme-cover .pi-image-thumbnail { width: 200px; height: auto; display: block; margin-left: auto; margin-right: auto; } .pi-theme-cover .pi-image-collection-tabs { margin-top: -11px; } /** **/ .portable-infobox.pi-theme-navbox { border-radius: 0px; border: 1px solid #DE1C4E; float: none; padding: 3px; margin: 0; /* fallback width */ width: 100%; /* (1px border + 0.5em padding) * 2 = 16px */ width: calc(100% - 1em - 2px); } .pi-theme-navbox .pi-header a { color: white; } .pi-theme-navbox .pi-data-value { flex-basis: 600px; width: 100%; } .pi-theme-navbox .pi-data-label { flex-basis: 200px; } .pi-collapse .pi-header:first-child::after { border-color: white; } /** INFOBOXES coloring **/ /*** ICHIKA ***/ .pi-theme-ichika {   border: 1px dashed #FABE00;} .pi-theme-ichika .pi-title, .pi-theme-ichika .pi-header { background: #FABE00;} .pi-theme-ichika .pi-border-color {   border-color: #e2d29e;}

/*** NINO ***/ .pi-theme-nino {   border: 1px dashed #c45ea2;} .pi-theme-nino .pi-title, .pi-theme-nino .pi-header {   background: #c45ea2;} /*** MIKU ***/ .pi-theme-miku {   border: 1px dashed #79BDE6;} .pi-theme-miku .pi-title, .pi-theme-miku .pi-header {   background: #79BDE6;} .pi-theme-miku .pi-border-color {   border-color: #a1cae2;}

/*** YOTSUBA ***/ .pi-theme-yotsuba {border: 1px dashed #8FC31F;} .pi-theme-yotsuba .pi-title, .pi-theme-yotsuba .pi-header { background: #8FC31F;}

.pi-theme-yotsuba .pi-border-color {border-color: #c5d89c;} /*** ITSUKI ***/ .pi-theme-itsuki { border: 1px dashed #E60012;} .pi-theme-itsuki .pi-title, .pi-theme-itsuki .pi-header {   background: #E60012;} /*** Page Themes ***/ .page-theme.theme-affiliation-civilians ~ blockquote.themed { border-color: #267728; 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: #267728; } .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: #267728; } .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 ~ .pagetabs-bottomline {border-color: #2C8A2E;} .page-theme.theme-affiliation-civilians ~ .portable-infobox { border-color: #267728; } .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; } /**** YOTSUBA ****/ .navibox.theme-yotsuba { border-color: #267728; } .navibox.theme-yotsuba .navibox-title, .navibox.theme-yotsuba .navibox-header, .navibox.theme-yotsuba .navibox-group { background-color: #3f9641; color: #ffffff; } .navibox.theme-yotsuba .navibox-title a, .navibox.theme-yotsuba .navibox-header a, .navibox.theme-yotsuba .navibox-group a { color: #ffffff; } .page-theme.theme-yotsuba ~ .pagetabs li > :only-child { background-color: #5db05f;} .page-theme.theme-yotsuba ~ .pagetabs li > .selflink:only-child { background-color: #ffffff; color: #3f9641; } .page-theme.theme-yotsuba ~ .pagetabs-bottomline {border-color: #3f9641;} .page-theme.theme-yotsuba ~ .portable-infobox { border-color: #3f9641; } .page-theme.theme-yotsuba ~ .portable-infobox .pi-title, .page-theme.theme-yotsuba ~ .portable-infobox .pi-header, .page-theme.theme-yotsuba ~ .portable-infobox .pi-navigation { background-color: #3f9641; color: #ffffff; } .page-theme.theme-yotsuba ~ .portable-infobox .pi-title a, .page-theme.theme-yotsuba ~ .portable-infobox .pi-header a, .page-theme.theme-yotsuba ~ .portable-infobox .pi-navigation a { color: #ffffff; } .page-theme.theme-yotsuba ~ .portable-infobox .pi-image-collection-tabs .pi-tab-link {color: #3F9641;}