MediaWiki: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 8px 1px #a2a2a2;
    overflow: hidden
}

.portable-infobox .pi-title {
    background: #8196a0;
    color: #fff;
    text-align: center;
}

.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;
}

.portable-infobox .pi-header { background: #8196a0; color: #fff; font-size: 100%; text-align: center }
.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 { order: -1; border-bottom: 1px 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"],
[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: url("/Special:FilePath/Tło_pomarańczowy.png") #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 */
[class*=" .pi-theme-The-Sims-Mobile"] .pi-title {
    background: linear-gradient(to right,#0F994A,#93C73D);
    color: #fff
}

[class*=" .pi-theme-The-Sims-Mobile"] .pi-header {
    background: #93C73D
}

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

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

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

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

/* Seria */
.pi-theme-Seria .pi-title {
    background: linear-gradient(to right,#355BA7,#28A5DD);
    color: #fff
}

.pi-theme-Seria .pi-header {
    background: #355BA7
}