dev

Note: After publishing, you may have to bypass your browser's cache to see the changes.

/**
 * @Name:           FoE.css
 * @Description:    Applies aesthetic themes to all Portable Infoboxes
 * @For Europa?:    No
 * @Author:         Ursuul <https://dev.fandom.com/wiki/User: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%;
}/**/