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; }