MediaWiki:Themes.css

/* Portable infobox styling */ /** Main infobox styling **/ .portable-infobox { background: #f9f9f9; color: #000; font-size: 85%; line-height: 1.5em; } .portable-infobox .pi-item-spacing { padding: 5px 10px; } /** Infobox element styling **/ .portable-infobox .pi-title { background: #006cb0; color: #fff; text-align: center; font-size: 15px; font-weight: bold; } .portable-infobox .pi-header { text-align: left; background: #006cb0; color: #fff; font-weight: bold; } .portable-infobox .pi-navigation { background: none; border-color: #aaa; border-style: dotted; font-size: smaller; text-align: center; } .portable-infobox .pi-data-label { flex-basis: 120px; } .portable-infobox .pi-group:last-child .pi-item-spacing:last-child { margin-bottom: 5px; } .pi-border-color { border-color: #f9f9f9; } /** Infobox image styling **/ .portable-infobox .pi-image { background: #fff; } .portable-infobox .pi-image img { max-width: 100%; height: auto; } .portable-infobox .pi-caption { background: #000; color: #fff; font-size: x-small; font-style: initial; padding: 2px 10px; text-align: center; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: none; border-style: none; color: #006cb0; margin: 0; padding: 0; font-weight: bold; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: #222; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:after { content: "•"; font-weight: normal; width: 1em; padding-right: 3px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:last-of-type:after { content: none; }

/** Infobox data styling **/ /*** List customisation ***/ .portable-infobox ul { margin: 0; margin-left: 2em; list-style-position: outside; } /*** Horizontal data customisation ***/ .portable-infobox .pi-horizontal-group-item { font-size: 85%; } /*** Link footer customisation ***/ .portable-infobox .pi-navigation:last-child { border-top-width: 1px; }

/** Infobox theme styling **/ /*** ***/ .pi-theme-character .pi-title, .pi-theme-character .pi-header { background: #000; } .portable-infobox.pi-theme-circus .pi-title, .portable-infobox.pi-theme-circus .pi-header { background: #900020; } .portable-infobox.pi-theme-volume .pi-title, .portable-infobox.pi-theme-volume .pi-header, .portable-infobox.pi-theme-ghost .pi-title, .portable-infobox.pi-theme-ghost .pi-header { background: #696969; } .portable-infobox.pi-theme-zoo .pi-title, .portable-infobox.pi-theme-zoo .pi-header { background: #ED9121; } .portable-infobox.pi-theme-aquarium .pi-title, .portable-infobox.pi-theme-aquarium .pi-header { background: #082567; } .portable-infobox.pi-theme-ability .pi-title, .portable-infobox.pi-theme-ability .pi-header { background: #413A96; } .portable-infobox.pi-theme-arc .pi-title, .portable-infobox.pi-theme-arc .pi-header { background: #1A2421; }