dev

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

/**
 * @Name:           AC.css
 * @Description:    Applies aesthetic themes to all Portable Infoboxes
 * @For Europa?:    No
 * @Author:         Ursuul <https://dev.fandom.com/wiki/User:Ursuul>
 */
/* All Infoboxes — General */
.portable-infobox {
    width: 305px;
    background: #76ACDA;
    border: 3px solid #174A75;
    margin: 0 0 10px 10px;
}

.portable-infobox > .pi-item:not(.pi-title):not(.pi-image):not(.pi-group):not(.pi-data) {
    margin: 0.2em 0;
}

.portable-infobox .pi-horizontal-group-item:not(:first-child),
.pi-smart-data-value:not(:first-child),
.pi-smart-data-label:not(:first-child),
.portable-infobox .pi-border-color {
    border: none;
}/**/

/* All Infoboxes — Titles & Headers */
.portable-infobox .pi-header,
.portable-infobox .pi-title {
    font-weight: bold;
    font-size: 20px;
    line-height: 110%;
    color: #FFFFFF;
    text-align: center;
}

.portable-infobox .pi-title:first-child {
    padding: 3px 0 6px;
}

.portable-infobox .pi-title + .pi-title {
    background: #FFFFFF;
    font-weight: normal;
    font-size: small;
    color: #3A3A3A;
    text-align: center;
    margin: 0 2px 0.2em;
}

.portable-infobox .pi-title [lang="ja"] {
    font-weight: bold;
}

.portable-infobox .pi-header {
    background: #B1D1ED;
    font-size: 13px;
    color: #3A3A3A;
    margin: 0 0.15em 0.15em 0.15em;
}/**/

/* All Infoboxes — Images */
.portable-infobox .pi-image-collection,
.portable-infobox .pi-image.pi-item {
    width: 98%;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    margin: 0 auto 0.2em;
}

.portable-infobox .pi-group .pi-image:not(:first-child):not(:only-child) {
    border-top: none;
    margin-top: 0;
}

.portable-infobox .pi-group .pi-image:not(:last-child):not(:only-child) {
    border-bottom: none;
    margin-bottom: 0;
}

.portable-infobox .pi-image-collection {
    padding: 0.5em 0 0 0;
}

.portable-infobox .pi-image-collection-tab-content {
    background: transparent;
    margin: 0.5em 0 0 0;
}

.portable-infobox .pi-image-collection-tabs .current {
    background: #B1D1ED;
}

.portable-infobox .pi-image-collection .pi-tab-link {
    font-weight: bold;
    line-height: 100%;
    border: none;
}

.portable-infobox:not(.pi-theme-winter):not(.pi-theme-spring):not(.pi-theme-summer):not(.pi-theme-autumn) .pi-image-thumbnail {
    width: 100%;
    height: auto;
}

.portable-infobox .pi-image .pi-caption {
    color: #3A3A3A;
    text-align: center;
    padding: 2px 0;
}/**/

/* All Infoboxes — Vanilla Groups */
.portable-infobox .pi-data.pi-item {
    padding: 0;
    margin: 0 0 0.15em 0.15em;
}

.portable-infobox .pi-data .pi-data-label {
    flex: 0 0 45.1%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: #B1D1ED;
    font-size: 13px;
    line-height: 170%;
    text-align: right;
    padding: 0 6px 2px;
    margin: 0 2px 0 0;
}

.portable-infobox .pi-data .pi-data-value {
    flex: 0 0 45%;
    background: #FFFFFF;
    font-size: 13px;
    line-height: 170%;
    padding: 1px 6px;
}

.portable-infobox .pi-data .pi-data-value:only-child {
    flex-basis: 94.5%;
    text-align: center;
    margin-right: 0.15em;
}/**/

/* All Infoboxes — Horizontal & Smart Groups */
.portable-infobox .pi-horizontal-group {
    width: 98%;
    border-spacing: 2px;
    margin: 0 auto;
}

.portable-infobox .pi-horizontal-group-item,
.portable-infobox .pi-smart-data-label,
.portable-infobox .pi-smart-data-value {
    font-size: 13px;
    padding: 3px 0;
}

.portable-infobox .pi-horizontal-group-item.pi-data-label {
    padding: 3px 6px 4px;
}

.portable-infobox .pi-horizontal-group-item.pi-data-value {
    padding: 3px 6px 2px;
}

.portable-infobox .pi-smart-group {
    margin: 0.15em;
}

.portable-infobox .pi-smart-group-head {
    margin-bottom: 0.1em;
}

.portable-infobox .pi-smart-data-label + .pi-smart-data-label,
.portable-infobox .pi-smart-data-value + .pi-smart-data-value {
    margin-left: 2px;
}

.portable-infobox .pi-horizontal-group-item.pi-data-label,
.portable-infobox .pi-smart-data-label {
    background: #B1D1ED;
}

.portable-infobox .pi-horizontal-group-item.pi-data-value,
.portable-infobox .pi-smart-data-value {
    background: #FFFFFF;
}/**/

/* All Infoboxes — Border Radii */
.portable-infobox .pi-horizontal-group-item.pi-data-label:first-child,
.portable-infobox .pi-group > .pi-data:first-of-type .pi-data-label {
    -khtml-border-radius: 10px 0 0 0;
    -icab-border-radius: 10px 0 0 0;
    -o-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
}

.portable-infobox .pi-horizontal-group-item.pi-data-label:last-child,
.portable-infobox .pi-group > .pi-data:first-of-type .pi-data-value {
    -khtml-border-radius: 0 10px 0 0;
    -icab-border-radius: 0 10px 0 0;
    -o-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
}


.portable-infobox .pi-group .pi-image:first-child:not(:only-child) .image:only-child .pi-image-thumbnail,
.portable-infobox .pi-group .pi-image:only-child .image:not(:only-child) .pi-image-thumbnail,
.portable-infobox .pi-group > .pi-data:first-child .pi-data-value:only-child,
.portable-infobox .pi-horizontal-group-item.pi-data-label:only-child,
.portable-infobox .pi-group .pi-image:first-child,
.portable-infobox .pi-smart-data-label {
    -khtml-border-radius: 10px 10px 0 0;
    -icab-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

.portable-infobox .pi-horizontal-group-item.pi-data-value:first-child,
.portable-infobox .pi-group > .pi-data:last-of-type .pi-data-label {
    -khtml-border-radius: 0 0 0 10px;
    -icab-border-radius: 0 0 0 10px;
    -o-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px;
}

.portable-infobox .pi-horizontal-group-item.pi-data-value:last-child,
.portable-infobox .pi-group > .pi-data:last-of-type .pi-data-value {
    -khtml-border-radius: 0 0 10px 0;
    -icab-border-radius: 0 0 10px 0;
    -o-border-radius: 0 0 10px 0;
    border-radius: 0 0 10px 0;
}

.portable-infobox .pi-group .pi-image:last-of-type .image:only-child .pi-image-thumbnail,
.portable-infobox .pi-group > .pi-data:last-child .pi-data-value:only-child,
.portable-infobox .pi-horizontal-group-item.pi-data-value:only-child,
.portable-infobox .pi-group .pi-image:last-child,
.portable-infobox .pi-smart-data-value {
    -khtml-border-radius: 0 0 10px 10px;
    -icab-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

.portable-infobox .pi-group .pi-data:only-child .pi-data-label,
.portable-infobox > .pi-data .pi-data-label {
    -khtml-border-radius: 10px 0 0 10px;
    -icab-border-radius: 10px 0 0 10px;
    -o-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}

.portable-infobox .pi-group .pi-data:only-child .pi-data-label + .pi-data-value,
.portable-infobox > .pi-data .pi-data-value {
    -khtml-border-radius: 0 10px 10px 0;
    -icab-border-radius: 0 10px 10px 0;
    -o-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}

.portable-infobox .pi-group .pi-image:only-child .image:only-child .pi-image-thumbnail,
.portable-infobox .pi-group > .pi-data:only-child .pi-data-value:only-child,
.portable-infobox > .pi-image-collection .pi-image .pi-image-thumbnail,
.portable-infobox > .pi-data .pi-data-value:only-child,
.portable-infobox > .pi-image-collection .pi-image,
.portable-infobox > .pi-image .pi-image-thumbnail,
.portable-infobox .pi-group .pi-image:only-child,
.portable-infobox.pi-theme-building .pi-header,
.portable-infobox .pi-title + .pi-title,
.portable-infobox .pi-image-collection,
.portable-infobox .pi-tab-link,
.portable-infobox > .pi-image,
.portable-infobox {
    -khtml-border-radius: 10px;
    -icab-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}/**/

/* Themes — short & long labels */
.portable-infobox.pi-theme-species .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-vgservice .pi-data .pi-data-label,
.portable-infobox.pi-theme-painting .pi-data .pi-data-label,
.portable-infobox.pi-theme-building .pi-data .pi-data-label,
.portable-infobox.pi-theme-special .pi-data .pi-data-label,
.portable-infobox.pi-theme-company .pi-data .pi-data-label,
.portable-infobox.pi-theme-fossil .pi-data .pi-data-label,
.portable-infobox.pi-theme-vginfo .pi-data .pi-data-label,
.portable-infobox.pi-theme-winter .pi-data .pi-data-label,
.portable-infobox.pi-theme-spring .pi-data .pi-data-label,
.portable-infobox.pi-theme-summer .pi-data .pi-data-label,
.portable-infobox.pi-theme-autumn .pi-data .pi-data-label,
.portable-infobox.pi-theme-system .pi-data .pi-data-label,
.portable-infobox.pi-theme-season .pi-data .pi-data-label,
.portable-infobox.pi-theme-flora .pi-data .pi-data-label,
.portable-infobox.pi-theme-item .pi-data .pi-data-label,
.portable-infobox.pi-theme-pc .pi-data .pi-data-label {
    flex-basis: 28.9%;
}

.portable-infobox.pi-theme-vgservice .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-painting .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-building .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-special .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-company .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-vginfo .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-fossil .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-winter .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-spring .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-summer .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-autumn .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-system .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-season .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-flora .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-item .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-pc .pi-data .pi-data-value:not(:only-child),
.portable-infobox.pi-theme-species .pi-data .pi-data-label {
    flex-basis: 61.1%;
}/**/

/* Themes — Villager */
.portable-infobox.pi-theme-winter {
    background: url("https://vignette.wikia.nocookie.net/animalcrossing/images/5/50/Wiki-background/revision/20150226215615");
    border-color: #2B53B5;
}

.portable-infobox.pi-theme-winter .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-winter .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-winter .pi-data .pi-data-label,
.portable-infobox.pi-theme-winter .pi-smart-data-label,
.portable-infobox.pi-theme-winter .pi-header {
    background: #89BBDE;
}

.portable-infobox.pi-theme-spring {
    background: url("https://vignette.wikia.nocookie.net/animalcrossing/images/c/c4/Grass_spring.png");
    border-color: #285F00;
}

.portable-infobox.pi-theme-spring .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-spring .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-spring .pi-data .pi-data-label,
.portable-infobox.pi-theme-spring .pi-smart-data-label,
.portable-infobox.pi-theme-spring .pi-header {
    background: #8AD88A;
}

.portable-infobox.pi-theme-summer {
    background: url("https://images.wikia.nocookie.net/__cb20131107162135/animalcrossing/images/8/8f/Grass_summer.png");
    border-color: #285F00;
}

.portable-infobox.pi-theme-summer .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-summer .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-summer .pi-data .pi-data-label,
.portable-infobox.pi-theme-summer .pi-smart-data-label,
.portable-infobox.pi-theme-summer .pi-header {
    background: #93D997;
}

.portable-infobox.pi-theme-autumn {
    background: url("https://images.wikia.nocookie.net/__cb20131107162459/animalcrossing/images/5/5b/Grass_autumn.png");
    border-color: #58130A;
}

.portable-infobox.pi-theme-autumn .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-autumn .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-autumn .pi-data .pi-data-label,
.portable-infobox.pi-theme-autumn .pi-smart-data-label,
.portable-infobox.pi-theme-autumn .pi-header {
    background: #CCA47C;
}

.portable-infobox.pi-theme-winter .pi-title:first-child,
.portable-infobox.pi-theme-spring .pi-title:first-child,
.portable-infobox.pi-theme-summer .pi-title:first-child,
.portable-infobox.pi-theme-autumn .pi-title:first-child {
    text-shadow: -1px -1px 0 #444444, 1px -1px 0 #444444, -1px 1px 0 #444444, 1px 1px 0 #444444;
}/**/

/* Theme — Bug */
.portable-infobox.pi-theme-bug {
    background: #92B05A;
    border-color: #709035;
}

.portable-infobox.pi-theme-bug .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-bug .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-bug .pi-data .pi-data-label,
.portable-infobox.pi-theme-bug .pi-smart-data-label,
.portable-infobox.pi-theme-bug .pi-header {
    background: #BAD38B;
}/**/

/* Theme — Special */
.portable-infobox.pi-theme-special {
    background: #006CB0;
    border-color: #00304F;
}

.portable-infobox.pi-theme-special .pi-image.pi-item .image-thumbnail .pi-image-thumbnail {
    width: 70%;
}

.portable-infobox.pi-theme-special .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-special .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-special .pi-data .pi-data-label,
.portable-infobox.pi-theme-special .pi-smart-data-label,
.portable-infobox.pi-theme-special .pi-header {
    background: #C1E5FD;
}/**/

/* Theme — Event */
.portable-infobox.pi-theme-event {
    background: #5C8133;
    border-color: #43681B;
}

.portable-infobox.pi-theme-event .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-event .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-event .pi-data .pi-data-label,
.portable-infobox.pi-theme-event .pi-smart-data-label,
.portable-infobox.pi-theme-event .pi-header {
    background: #A4C581;
}/**/

/* Theme — Building */
.portable-infobox.pi-theme-building {
    background: #9F9FFF;
    border-color: #7777FD;
}

.portable-infobox.pi-theme-building .pi-group .pi-image:not(:last-child):not(:only-child) {
    padding-bottom: 0;
    border-bottom: none;
}

.portable-infobox.pi-theme-building .pi-group .pi-image:not(:first-child) {
    padding-top: 0;
    border-top: none;
}

.portable-infobox.pi-theme-building .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-building .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-building .pi-data .pi-data-label,
.portable-infobox.pi-theme-building .pi-smart-data-label,
.portable-infobox.pi-theme-building .pi-header {
    background: #CCCCFF;
}/**/

/* Theme — Painting */
.portable-infobox.pi-theme-painting {
    background: #E5A000;
    border-color: #B78409;
}

.portable-infobox.pi-theme-painting .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-painting .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-painting .pi-data .pi-data-label,
.portable-infobox.pi-theme-painting .pi-smart-data-label,
.portable-infobox.pi-theme-painting .pi-header {
    background: #FFD672;
}/**/

/* Theme — VGinfo */
.portable-infobox.pi-theme-vginfo {
    background: #DBBE94;
    border-color: #B7945F;
}

.portable-infobox.pi-theme-vginfo .pi-image.pi-item .image-thumbnail .pi-image-thumbnail {
    width: 90%;
}

.portable-infobox.pi-theme-vginfo .pi-image:not(:first-child):not(:only-child) {
    padding-top: 0.2em;
}

.portable-infobox.pi-theme-vginfo .pi-image:not(:last-child):not(:only-child) {
    padding-bottom: 0.2em;
}

.portable-infobox.pi-theme-vginfo .pi-data .pi-data-label {
    align-items: flex-start;
}

.portable-infobox.pi-theme-vginfo .pi-group.pi-item .pi-image.pi-item .image.image-thumbnail .pi-image-thumbnail {
    -khtml-border-radius: 0;
    -icab-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.portable-infobox.pi-theme-vginfo .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-vginfo .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-vginfo .pi-data .pi-data-label,
.portable-infobox.pi-theme-vginfo .pi-smart-data-label,
.portable-infobox.pi-theme-vginfo .pi-header {
    background: #FFEBCD;
}/**/

/* Theme — Species */
.portable-infobox.pi-theme-species {
    background: #A0522D;
    border-color: #76300E;
}

.portable-infobox.pi-theme-species .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-species .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-species .pi-data .pi-data-label,
.portable-infobox.pi-theme-species .pi-smart-data-label,
.portable-infobox.pi-theme-species .pi-header {
    background: #F3B395;
}/**/

/* Theme — Item */
.portable-infobox.pi-theme-item {
    background: #D6D926;
    border-color: #96981b;
}

.portable-infobox.pi-theme-item .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-item .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-item .pi-data .pi-data-label,
.portable-infobox.pi-theme-item .pi-smart-data-label,
.portable-infobox.pi-theme-item .pi-header {
    background: #FBFE99;
}/**/

/* Theme — Dive */
.portable-infobox.pi-theme-dive {
    background: #3895A2;
    border-color: #047583;
}

.portable-infobox.pi-theme-dive .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-dive .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-dive .pi-data .pi-data-label,
.portable-infobox.pi-theme-dive .pi-smart-data-label,
.portable-infobox.pi-theme-dive .pi-header {
    background: #8ED1DB;
}

.portable-infobox.pi-theme-dive .pi-image + .pi-group .pi-smart-group-head,
.portable-infobox.pi-theme-dive .pi-image + .pi-group .pi-smart-group-body {
    justify-content: center;
}

.portable-infobox.pi-theme-dive .pi-image + .pi-group .pi-smart-data-label,
.portable-infobox.pi-theme-dive .pi-image + .pi-group .pi-smart-data-value {
    width: calc(1 / 2 * 100%) !important;
}/**/

/* Theme — Fossil */
.portable-infobox.pi-theme-fossil {
    background: #6A62A7;
    border-color: #1C125A;
}

.portable-infobox.pi-theme-fossil .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-fossil .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-fossil .pi-data .pi-data-label,
.portable-infobox.pi-theme-fossil .pi-smart-data-label,
.portable-infobox.pi-theme-fossil .pi-header {
    background: #BEB9E0;
}/**/

/* Theme — Flora */
.portable-infobox.pi-theme-flora {
    background: #FF7F68;
    border-color: #C1361D;
}

.portable-infobox.pi-theme-flora .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-flora .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-flora .pi-data .pi-data-label,
.portable-infobox.pi-theme-flora .pi-smart-data-label,
.portable-infobox.pi-theme-flora .pi-header {
    background: #FFC2B7;
}/**/

/* Theme — PC */
.portable-infobox.pi-theme-pc {
    background: #FA6042;
    border-color: #B42308;
}

.portable-infobox.pi-theme-pc .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-pc .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-pc .pi-data .pi-data-label,
.portable-infobox.pi-theme-pc .pi-smart-data-label,
.portable-infobox.pi-theme-pc .pi-header {
    background: #FFA291;
}/**/

/* Theme — System */
.portable-infobox.pi-theme-system {
    background: #FF9A39;
    border-color: #9B4C00;
}

.portable-infobox.pi-theme-system .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-system .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-system .pi-data .pi-data-label,
.portable-infobox.pi-theme-system .pi-smart-data-label,
.portable-infobox.pi-theme-system .pi-header {
    background: #FFC287;
}/**/

/* Theme — VGService */
.portable-infobox.pi-theme-vgservice {
    background: #DDDDDD;
    border-color: #888888;
}

.portable-infobox.pi-theme-vgservice .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-vgservice .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-vgservice .pi-data .pi-data-label,
.portable-infobox.pi-theme-vgservice .pi-smart-data-label,
.portable-infobox.pi-theme-vgservice .pi-header {
    background: #EEEEEE;
}/**/

/* Theme — Manga */
.portable-infobox.pi-theme-manga {
    background: #29A048;
    border-color: #036A1E;
}

.portable-infobox.pi-theme-manga .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-manga .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-manga .pi-data .pi-data-label,
.portable-infobox.pi-theme-manga .pi-smart-data-label,
.portable-infobox.pi-theme-manga .pi-header {
    background: #9DE2AF;
}/**/

/* Theme — Season */
.portable-infobox.pi-theme-season {
    background: #CF72B1;
    border-color: #9D2D78;
}

.portable-infobox.pi-theme-season .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-season .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-season .pi-data .pi-data-label,
.portable-infobox.pi-theme-season .pi-smart-data-label,
.portable-infobox.pi-theme-season .pi-header {
    background: #F4CFE8;
}/**/

/* Theme — Movie */
.portable-infobox.pi-theme-movie {
    background: #596CBA;
    border-color: #142777;
}

.portable-infobox.pi-theme-movie .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-movie .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-movie .pi-data .pi-data-label,
.portable-infobox.pi-theme-movie .pi-smart-data-label,
.portable-infobox.pi-theme-movie .pi-header {
    background: #B0BCEA;
}/**/

/* Theme — Geography */
.portable-infobox.pi-theme-geo {
    background: #228b22;
    border-color: #0C700C;
}

.portable-infobox.pi-theme-geo .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-geo .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-geo .pi-data .pi-data-label,
.portable-infobox.pi-theme-geo .pi-smart-data-label,
.portable-infobox.pi-theme-geo .pi-header {
    background: #68C468;
}/**/

/* Theme — Company */
.portable-infobox.pi-theme-company {
    background: #C14E4E;
    border-color: #8B0000;
}

.portable-infobox.pi-theme-company .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-company .pi-image-collection-tabs .current,
.portable-infobox.pi-theme-company .pi-data .pi-data-label,
.portable-infobox.pi-theme-company .pi-smart-data-label,
.portable-infobox.pi-theme-company .pi-header {
    background: #DC8D8D;
}/**/