User:Ursuul/overlord.css

/** * @Name:          Overlord.css * @Description:   Applies aesthetic themes to all Portable Infoboxes * @For Europa?:   Yes * @Author:        Ursuul  */ /* All Infoboxes — General */ .portable-infobox.pi-background { background: #000000; padding: 0 4px 4px 4px; border: 1px solid #333333; border-radius: 10px; }

.portable-infobox .pi-item-spacing { padding: 0 0 0 2px; }

.portable-infobox .pi-item { margin: 4px 0 0 0; }/**/

/* All Infoboxes — Titles & Headers */ .portable-infobox .pi-title, .portable-infobox .pi-header { background: #3D3C3A; font-size: medium; border-radius: 5px; padding: 4px 0; }

.portable-infobox .pi-header { font-size: small; padding: 0; margin: 0 0 4px 0; }/**/

/* All Infoboxes — Images */ .portable-infobox .pi-image { margin: 4px 2px 0 2px; }

.portable-infobox .pi-image img { width: auto; max-width: 100%; max-height: 350px; }

.portable-infobox .pi-image-collection { margin-top: 2px; }

.portable-infobox .pi-image-collection-tabs { display: flex; justify-content: center; flex-wrap: wrap; background: transparent; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link { background: transparent; font-weight: bold; color: #FFFFFF; text-align: center; padding: 2px 6px; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:first-child) { margin-left: 2px; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link.current { background: #3D3C3A; border-radius: 4px; }/**/

/* All Infoboxes — Data */ .portable-infobox .pi-data-label { flex-basis: 28%; align-self: center; color: #FFFFFF; }

.portable-infobox .pi-data-value { flex-grow: 2; }

.portable-infobox .pi-data-value ul { margin: 0 0 .5em 2.5em; list-style: square; }

.portable-infobox .pi-data-value li { padding: 0; }/**/

/* Themes — Episode, New Volume, & Manga */ .portable-infobox.pi-theme-episode .pi-title:not(:only-child), .portable-infobox.pi-theme-volume .pi-title:not(:only-child), .portable-infobox.pi-theme-manga .pi-title:not(:only-child) { font-size: small; padding: 0; border-radius: 5px 5px 0 0; }

.portable-infobox.pi-theme-episode .pi-title + .pi-header, .portable-infobox.pi-theme-volume .pi-title + .pi-header, .portable-infobox.pi-theme-manga .pi-title + .pi-header { font-size: medium; border-radius: 0 0 5px 5px; }

.portable-infobox.pi-theme-episode .pi-data-label, .portable-infobox.pi-theme-volume .pi-data-label, .portable-infobox.pi-theme-manga .pi-data-label { flex-basis: 45%; }/**/

/* Image resizes by request of the Administrators */ .portable-infobox.pi-theme-episode .pi-image img, .portable-infobox.pi-theme-drama .pi-image img { max-height: 400px; }

.portable-infobox.pi-theme-volume .pi-image img, .portable-infobox.pi-theme-manga .pi-image img, .portable-infobox.pi-theme-true .pi-image img { min-width: 100%; max-height: initial; height: auto; }/**/