MediaWiki:Themes.css

/** * @Description:   Applies aesthetic themes to all Portable Infoboxes * @Authors:       Veralann  *                 Dark Yada  *                 Ursuul  *                 Contact them if issues arise. */

/* All Infoboxes — General */ .portable-infobox { width: 320px; background: #EBF6F9; color: #0c3a6a; padding: 2.2px; border: 1px #006699 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: #0c3a6a; 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-image-collection-tabs .pi-tab-link, .portable-infobox .pi-navigation { background: transparent; font-weight: normal; border: 0; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link { max-width: none; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:first-child) { background: url("data:image/svg+xml; utf8,  image/svg+xml  ") no-repeat 6px 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: transparent; }

.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: inherit; }

.portable-infobox.pi-theme-clan .pi-font { line-height: 180%; }

/* Theme — Arc */ .portable-infobox.pi-theme-arc { width: 250px; color: inherit; } .portable-infobox.pi-theme-arc .pi-font { line-height: 180%; }

/* Theme — Movie */ .portable-infobox.pi-theme-movie .pi-image img { max-width: 65%; }

.portable-infobox.pi-theme-movie .pi-image-collection-tabs { margin-bottom: 3px; }

.portable-infobox.pi-theme-movie .pi-image { margin-top: 0; }