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: #3665A2; padding: 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: 4px 0; }/**/

/* All Infoboxes — Titles & Headers */ .portable-infobox .pi-title, .portable-infobox .pi-header { background: #3665A2; 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-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, .portable-infobox .pi-image { margin: 10px 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-data-label { flex-basis: 35%; align-self: center; 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; }/**/

/* All Infoboxes — Charcat */ .portable-infobox .pi-data-label { flex-basis: 50%; }/**/

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

/* Themes — Boxed & Box-Clan */ .portable-infobox.pi-theme-boxed-clan { width: 250px; color: inherit; }

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

.portable-infobox.pi-theme-boxed { width: 310px; }

.portable-infobox.pi-theme-boxed-clan .pi-title + .pi-group:first-of-type .pi-header, .portable-infobox.pi-theme-boxed-clan .pi-header, .portable-infobox.pi-theme-boxed-clan .pi-title, .portable-infobox.pi-theme-boxed-clan, .portable-infobox.pi-theme-boxed .pi-title + .pi-group:first-of-type .pi-header, .portable-infobox.pi-theme-boxed .pi-header, .portable-infobox.pi-theme-boxed .pi-title, .portable-infobox.pi-theme-boxed { border-radius: 0; }/**/