Infoboksy.css

/*** PRZENOŚNE INFOBOXY ***/

.portable-infobox {
    display: flex;
    flex-flow: column;
    background: #fff;
    border-radius: 4px;
    border: 0px solid #d0d0d0;
    box-shadow: 0px 0px 5px 0px #666666;
    overflow: hidden
}

.portable-infobox .pi-title {
    background: #8196a0;
    color: #fff;
    text-align: center;
    font-family: Nunito;
    font-weight: Bold;
    padding-top: 1px;
    padding-bottom: 1px;
}

.portable-infobox .pi-data-label {
    flex: 0 75px;
    line-height: normal;
    padding: 0;
    margin: 0;
    color: #212a46;
    font-family: Arial;
}

.portable-infobox .pi-caption {
    text-align: center;
    line-height: 1.5;
    font-size: 80%;
    font-weight: bold;
    color: #212a46;
}

.pi-collapse .pi-header:first-child::after {
    border-color: #fff;
}

.pi-theme-Seria .pi-navigation.pi-item-spacing.pi-secondary-background.pi-secondary-font {
    padding: 0px;
}

.portable-infobox .pi-header { background: #8196a0; color: #fff; font-size: 100%; text-align: center; font-family: Nunito; font-weight: bold}
.portable-infobox .pi-border-color { border-color: #d0d0d0 }
.portable-infobox .pi-caption { text-align: center; line-height: 1.5; font-size: 80% }
.portable-infobox .pi-data { align-items: center }
.portable-infobox .pi-data-label { flex: 0 75px; line-height: normal; padding: 0; margin: 0 }
.portable-infobox .pi-data-value { flex: 1 }
.portable-infobox .pi-navigation { background: transparent; border-color: inherit; padding: 3px }

.portable-infobox > .pi-title  { order: -1 }
.portable-infobox > .pi-title + .pi-image + .pi-navigation, .portable-infobox > .pi-title + .pi-image-collection + .pi-navigation, .portable-infobox > .pi-title + .pi-image-collection + .pi-item + .pi-navigation  { order: -1; border-bottom: 0px solid}
.portable-infobox > .pi-image + .pi-navigation + .pi-group { border-style: solid; border-top-width: 1px }

/** Motywy **/
/* The Sims */
.pi-theme-The-Sims .pi-title,
[class*=" pi-theme-The-Sims_"] .pi-title,
[class*=" pi-theme-The-Sims-_"] .pi-title {
    background: #c83c3c;
    color: #fff; }
.pi-theme-The-Sims .pi-header,
[class*=" pi-theme-The-Sims_"] .pi-header,
[class*=" pi-theme-The-Sims-_"] .pi-header { background: #c83c3c }

/* The Sims 2 i historie */
[class*=" pi-theme-The-Sims-Historie"] .pi-title,
[class*=" pi-theme-The-Sims-2"] .pi-title {
    background: #4a6aa2;
    color: #fff; }
[class*=" pi-theme-The-Sims-2"] .pi-header,
[class*=" pi-theme-The-Sims-Historie"] .pi-header { background: #4a6aa2 }

/* The Sims 3 */
[class*=" pi-theme-The-Sims-3"] .pi-title {
    background: #88bb68;
    color: #fff; }
[class*=" pi-theme-The-Sims-3"] .pi-header { background: #88bb68 }

/* The Sims 4 */
[class*=" pi-theme-The-Sims-4"] .pi-title {
    background: #61c3e9;
    color: #fff; }
[class*=" pi-theme-The-Sims-4"] .pi-header { background: #61c3e9 }

/* The Sims Średniowiecze */
[class*=" pi-theme-The-Sims-Średniowiecze"] .pi-title { background: #dbc974; color: #fff }
[class*=" pi-theme-The-Sims-Średniowiecze"] .pi-header { background: #dbc974 }

/* TS Bustin' Out */
.pi-theme-The-Sims-Bustin_-Out .pi-title {
    background: linear-gradient(to right,#ED5F22,#FEB324);
    color: #fff
}

.pi-theme-The-Sims-Bustin_-Out .pi-header {
    background: #ED5F22
}

/* The Urbz */
.pi-theme-The-Urbz_-Sims-in-the-City .pi-title {
    background: linear-gradient(to right,#030A0C,#63646A);
    color: #fff
}

.pi-theme-The-Urbz_-Sims-in-the-City .pi-header {
    background: #030A0C
}

/* The Sims Social */
.pi-theme-The-Sims-Social .pi-title {
    background: linear-gradient(to right,#195695,#0FA2E5);
    color: #fff
}

.pi-theme-The-Sims-Social .pi-header {
    background: #0FA2E5
}

/* FreePlay */
.pi-theme-The-Sims-FreePlay .pi-title {
    background: linear-gradient(to right,#EC4B19,#F68A41);
    color: #fff
}

.pi-theme-The-Sims-FreePlay .pi-header {
    background: #F68A41
}

/* The Sims Mobile */
.pi-theme-The-Sims-Mobile .pi-title {
    background: linear-gradient(to right,#0F994A,#93C73D);
    color: #fff
}

.pi-theme-The-Sims-Mobile .pi-header {
    background: #93C73D
}

/* MySims */
[class*=" pi-theme-MySims"] .pi-title {
    background: #FF923A;
    color: #fff
}

[class*=" pi-theme-MySims"] .pi-header {
    background: #FF923A
}

/* SimsVille */
.pi-theme-SimsVille .pi-title, .pi-theme-SimsVille .pi-header {
    background: #0088c7
}

/* Seria */
[class*=" pi-theme-The-Sims-_seria"] .pi-title,
.pi-theme-Seria .pi-title {
    background: linear-gradient(to right,#355BA7,#28A5DD);
    color: #fff
}

[class*=" pi-theme-The-Sims-_seria"] .pi-header,
.pi-theme-Seria .pi-header {
    background: #355BA7
}

/* SimCity */
/** Ogólne **/
[class*=" pi-theme-SimCity"] .pi-title {
    background: #057ec3;
    color: #fff
}

[class*=" pi-theme-SimCity"] .pi-header {
    background: #057ec3
}

/** SimCity Classic **/
.pi-theme-SimCity-Classic .pi-title, .pi-theme-SimCity-Classic .pi-header {
    background: #14438f
}

/** SimCity 2000 **/
.pi-theme-SimCity-2000 .pi-title, .pi-theme-SimCity-2000 .pi-header {
    background: #4b3f15
}

/** SimCity 3000 **/
.pi-theme-SimCity-3000 .pi-title {
    background: linear-gradient(to right,#6e5934,#f5f4b8);
}

.pi-theme-SimCity-3000 .pi-header {
    background: #f5f4b8
}

/** SimCity 4 **/
.pi-theme-SimCity-4 .pi-title {
    background: linear-gradient(to right,#7a221b,#e64333);
}

.pi-theme-SimCity-4 .pi-header {
    background: #e64333
}

/* SIM */
/** Ant **/
.pi-theme-SimAnt .pi-title, .pi-theme-SimAnt .pi-header {
    background: #f9be02
}

/** Town **/
.pi-theme-SimTown .pi-title, .pi-theme-SimTown .pi-header {
    background: #ca0a02
}

/** Earth **/
.pi-theme-SimEarth .pi-title, .pi-theme-SimEarth .pi-header {
    background: #55b1e2
}

/** Copter **/
.pi-theme-SimCopter .pi-title, .pi-theme-SimCopter .pi-header {
    background: #f9011d
}

/** Life **/
.pi-theme-SimTown .pi-title, .pi-theme-SimTown .pi-header {
    background: #e74f00
}