MediaWiki:Wikia.css

/** * @Description:   Applies aesthetic themes to all Portable Infoboxes * @Authors:       Veralann  *                 Dark Yada  *                 Ursuul  *                 Contact them if issues arise. */ @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Themes.css"); /* All Infoboxes — General */ .portable-infobox { width: 320px; background: #FFF4F0; color: #A83914; padding: 2.2px; border: 1px #CA6341 solid; border-radius: 28px; margin: 0 0 1em 1em; } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-item-spacing { padding: 5.5px 0; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-font { line-height: 20px; }/**/ /* All Infoboxes — Titles & Headers */ .portable-infobox .pi-title, .portable-infobox .pi-header { background: #A83914; font-weight: bold; font-size: small; line-height: 25px; color: #EBF6F9; text-align: center; padding: 0; border-radius: 25px 25px 0 0; } .portable-infobox .pi-title:only-child, .portable-infobox .pi-header { line-height: inherit; border-radius: 25px; } .portable-infobox .pi-header { line-height: 24px; } .portable-infobox .pi-title + .pi-group:first-of-type .pi-header { border-radius: 0 0 25px 25px; margin: 1px 0 0 0; }/**/ /* All Infoboxes — Images */ .portable-infobox .pi-image-collection-tabs, .portable-infobox .pi-image-collection { margin: 10px 0; } .portable-infobox .pi-image { margin: 6px 0; } .portable-infobox .pi-navigation, .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: #FFF4F0; font-weight: normal; border: 0; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:first-child) { background: url("data:image/svg+xml; utf8,  image/svg+xml  ") no-repeat 3% 51%; padding-left: 15px; box-sizing: content-box; } .portable-infobox .pi-tab-link:hover { text-decoration: underline; } .portable-infobox .pi-tab-link.current { color: #00B7B7; } .portable-infobox .pi-image-collection-tab-content { background: #A83914; } .portable-infobox .pi-image img { max-width: 100%; height: auto; }/**/ /* All Infoboxes — Data */ .portable-infobox .pi-group:last-child { padding-bottom: 5px; } .portable-infobox .pi-data { padding: 1px 0; } .portable-infobox .pi-data:first-of-type { padding-top: 5px; } .portable-infobox .pi-data:last-of-type { padding-bottom: 5px; } .portable-infobox .pi-data-label { flex-basis: 35%; text-align: right; } .portable-infobox .pi-data-value { flex-grow: 1; padding: 0 0 0 6px; } .portable-infobox .pi-data-value:only-child { text-align: center; } .portable-infobox .pi-smart-group .pi-smart-data-label { flex-grow: 1; font-size: medium; text-align: center; } .portable-infobox .pi-smart-group .pi-smart-data-value { padding: 0; }/**/ /* Theme — Charcat */ .portable-infobox.pi-theme-charcat .pi-data-label { flex-basis: 40%; }/**/ /* Theme — Book */ .portable-infobox.pi-theme-book .pi-image img { max-width: 65%; } .portable-infobox.pi-theme-book .pi-image-collection-tabs { margin-bottom: 3px; } .portable-infobox.pi-theme-book .pi-image { margin-top: 0; }/**/ /* Theme — Clan */ .portable-infobox.pi-theme-clan { width: 275px; color: #FFF4F0; } .portable-infobox.pi-theme-clan .pi-font { line-height: 180%; }/**/