User:Ursuul/foe.css

/** * @Name:          FoE.css * @Description:   Applies aesthetic themes to all Portable Infoboxes * @For Europa?:   No * @Author:         Ursuul  */ /* All Infoboxes */ .portable-infobox { width: 350px; background: rgba(0, 0, 0, 0.5); font-size: 89%; border: 1px solid #888888; border-radius: 5px; }

.portable-infobox .pi-group:first-child .pi-header:first-child, .portable-infobox .pi-group:first-child .pi-title:first-child, .portable-infobox > .pi-header:first-child, .portable-infobox > .pi-title:first-child { border-radius: 5px 5px 0 0; }

.portable-infobox .pi-header, .portable-infobox .pi-title { background:#800000; font-weight: bold; line-height: inherit; color: #FFFFFF; text-align: center; }

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

.portable-infobox .pi-title { font-size: 120%; padding: 1em 0; }

.portable-infobox .pi-image { padding: 5px 0; }

.portable-infobox .pi-caption { text-align: center; padding-bottom: 0; }

.portable-infobox .pi-data { padding: 3px 5px; }

.portable-infobox .pi-data-label { -ms-flex-preferred-size: 33.3%; -webkit-flex-basis: 33.3%; -moz-flex-basis: 33.3%; flex-basis: 33.3%; }

.portable-infobox .pi-group, .portable-infobox .pi-data { border-bottom: 0; }

.portable-infobox .pi-smart-data-label:not(:first-child), .portable-infobox .pi-smart-data-value:not(:first-child) { border-left: 0; }

.portable-infobox .pi-navigation { background: transparent; font-weight: normal; text-align: center; }/**/

/* Themes */ .portable-infobox.pi-theme-province .pi-data-label { -ms-flex-preferred-size: 38%; -webkit-flex-basis: 38%; -moz-flex-basis: 38%; flex-basis: 38%; }/**/