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: 335px; background: #e9effb; color: #3769AB; padding: 2px; border: 1.5px #006699 solid; border-radius: 28px; margin: 0 0 1em 1em; }

.portable-infobox .pi-border-color { border-color: transparent; }

.portable-infobox .pi-item-spacing { padding: 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: #5887C4; font-weight: bold; font-size: small; line-height: 25px; color: #e9effb; 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 { display: flex; justify-content: center; align-items: center; }

.portable-infobox .pi-image-collection-tabs:after { content: "•"; order: 2; margin: 0 5px; }

.portable-infobox .pi-navigation, .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: transparent; font-weight: normal; border: 0; }

.portable-infobox .pi-tab-link:hover { text-decoration: underline; }

.portable-infobox .pi-tab-link.current { color: #00B7B7; }

.portable-infobox .pi-tab-link + .pi-tab-link { order: 3; }

.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; }   .portable-infobox .pi-group:last-child { padding-bottom: 0.5em; } /**/

/* 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: 250px; color: inherit; }

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