MediaWiki:Common.css: Difference between revisions

From GTA Portugal Wiki
No edit summary
No edit summary
Line 1: Line 1:
/**
/* Portable infoboxes */
* Common TemplateStyles used by [[Template:Extension]], [[Template:Skin]],
.portable-infobox {
* [[Template:Tool]], etc.
*/
.infobox {
box-sizing: border-box;
border: 2px solid #a2a9b1;
width: 280px;
border-collapse: collapse;
border-spacing: 0;
background-color: white;
color: #333;
/* these are overriden by .infobox-rtl on the templates of interest */
/* @noflip */
clear: right;
/* @noflip */
float: right;
float: right;
/* @noflip */
    background: rgba(144,210,255,0.1);
margin: 0 0 0.5em 0.5em;
    border-radius: 8px 8px 0 0;
    border: 2px solid #0F253A;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: #999;
}
}


html.skin-night-mode-clientpref-1 .infobox {
.portable-infobox .pi-secondary-background {
background-color: inherit;
    background-color: #001b9f;
color: inherit;
    text-align: center;
    font-size: 13.5px !important;
    line-height: 20px !important;
}
.portable-infobox .pi-secondary-font {
    line-height: 14px;
}
 
.portable-infobox .pi-border-color {
    border-color: #DDD;
}
.portable-infobox .pi-title {
    font-size: 18px;
    color: #FFF;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    line-height: 15px;
    background-color: #001b9f;
}
.portable-infobox .pi-title .pi-header a,
.portable-infobox .pi-title .pi-header .plainlinks a {
    color: #FFF !important;
}
.portable-infobox .pi-title:nth-of-type(1) {
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    line-height: 22px;
    text-align: center;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
}
 
.portable-infobox .pi-item-spacing {
    padding: 7px 10px;
}
 
.portable-infobox .pi-tab-link {
    padding: 2px 10px !important;
}
 
ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #001b9f;
    text-shadow: none;
}
 
/** Character infobox colors **/
.pi-theme-infernites .pi-title,
.pi-theme-infernites .pi-header {
    background-color:#F20500;
}
.pi-theme-infernites ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-infernites ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-infernites ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #F20500;
    text-shadow: none;
}
 
.pi-theme-cragsters .pi-title,
.pi-theme-cragsters .pi-header {
    background-color:#686668;
}
.pi-theme-cragsters ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-cragsters ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-cragsters ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #686668;
    text-shadow: none;
}
 
.pi-theme-electroids .pi-title,
.pi-theme-electroids .pi-header {
    background-color:#FED900;
}
.pi-theme-electroids ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-electroids ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-electroids ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #FED900;
    text-shadow: none;
}
 
.pi-theme-frosticons .pi-title,
.pi-theme-frosticons .pi-header {
    background-color:#217BC8;
}
.pi-theme-frosticons ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-frosticons ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-frosticons ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #217BC8;
    text-shadow: none;
}
 
.pi-theme-fanggang .pi-title,
.pi-theme-fanggang .pi-header {
    background-color:#6F3813;
}
.pi-theme-fanggang ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-fanggang ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-fanggang ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #6F3813;
    text-shadow: none;
}
 
.pi-theme-flexers .pi-title,
.pi-theme-flexers .pi-header {
    background-color:#FE860B;
}
.pi-theme-flexers ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-flexers ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-flexers ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #FE860B;
    text-shadow: none;
}
 
.pi-theme-glorpcorp .pi-title,
.pi-theme-glorpcorp .pi-header {
    background-color:#83D83C;
}
.pi-theme-glorpcorp ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-glorpcorp ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-glorpcorp ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #83D83C;
    text-shadow: none;
}
 
.pi-theme-spikels .pi-title,
.pi-theme-spikels .pi-header {
    background-color:#9D894F;
}
.pi-theme-spikels ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-spikels ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-spikels ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #9D894F;
    text-shadow: none;
}
 
.pi-theme-wiztastics .pi-title,
.pi-theme-wiztastics .pi-header {
    background-color:#8414C1;
}
.pi-theme-wiztastics ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-wiztastics ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-wiztastics ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #8414C1;
    text-shadow: none;
}
 
.pi-theme-orbitons .pi-title,
.pi-theme-orbitons .pi-header {
    background-color:#92B945;
}
.pi-theme-orbitons ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-orbitons ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-orbitons ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #92B945;
    text-shadow: none;
}
 
.pi-theme-glowkies .pi-title,
.pi-theme-glowkies .pi-header {
    background-color:#22425B;
}
.pi-theme-glowkies ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-glowkies ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-glowkies ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #22425B;
    text-shadow: none;
}
 
.pi-theme-klinkers .pi-title,
.pi-theme-klinkers .pi-header {
    background-color:#858585;
}
.pi-theme-klinkers ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-klinkers ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-klinkers ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #858585;
    text-shadow: none;
}
 
.pi-theme-lixers .pi-title,
.pi-theme-lixers .pi-header {
    background-color:#FFDF0B;
}
.pi-theme-lixers ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-lixers ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-lixers ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #FFDF0B;
    text-shadow: none;
}
 
.pi-theme-weldos .pi-title,
.pi-theme-weldos .pi-header {
    background-color:#FDCE0E;
}
.pi-theme-weldos ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-weldos ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-weldos ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #FDCE0E;
    text-shadow: none;
}
 
.pi-theme-munchos .pi-title,
.pi-theme-munchos .pi-header {
    background-color:#AF48FF;
}
.pi-theme-munchos ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-munchos ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-munchos ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #AF48FF;
    text-shadow: none;
}
 
.pi-theme-mcpd .pi-title,
.pi-theme-mcpd .pi-header {
    background-color:#2076C3;
}
.pi-theme-mcpd ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-mcpd ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-mcpd ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #2076C3;
    text-shadow: none;
}
 
.pi-theme-medivals .pi-title,
.pi-theme-medivals .pi-header {
    background-color:#A3A2A3;
}
.pi-theme-medivals ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-medivals ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-medivals ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #A3A2A3;
    text-shadow: none;
}
 
.pi-theme-mixies .pi-title,
.pi-theme-mixies .pi-header {
    background-color:#F1CD02;
}
.pi-theme-mixies ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-mixies ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-mixies ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #F1CD02;
    text-shadow: none;
}
 
.pi-theme-mcfd .pi-title,
.pi-theme-mcfd .pi-header {
    background-color:#E82610;
}
.pi-theme-mcfd ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-mcfd ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-mcfd ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #E82610;
    text-shadow: none;
}
 
.pi-theme-pyrratz .pi-title,
.pi-theme-pyrratz .pi-header {
    background-color:#733A0F;
}
.pi-theme-pyrratz ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-pyrratz ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-pyrratz ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #733A0F;
    text-shadow: none;
}
 
.pi-theme-medix .pi-title,
.pi-theme-medix .pi-header {
    background-color:#08A8D1;
}
.pi-theme-medix ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-medix ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-medix ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #08A8D1;
    text-shadow: none;
}
 
.pi-theme-trashoz .pi-title,
.pi-theme-trashoz .pi-header {
    background-color:#058558;
}
.pi-theme-trashoz ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-trashoz ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-trashoz ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #058558;
    text-shadow: none;
}
 
.pi-theme-nindjas .pi-title,
.pi-theme-nindjas .pi-header {
    background-color:#F18311;
}
.pi-theme-nindjas ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-nindjas ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-nindjas ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #F18311;
    text-shadow: none;
}
 
.pi-theme-newzers .pi-title,
.pi-theme-newzers .pi-header {
    background-color:#4E4D4E;
}
.pi-theme-newzers ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-newzers ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-newzers ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #4E4D4E;
    text-shadow: none;
}
 
.pi-theme-nixels .pi-title,
.pi-theme-nixels .pi-header {
    background-color:#444244;
}
.pi-theme-nixels ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-nixels ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-nixels ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #444244;
    text-shadow: none;
}
 
.pi-theme-actor .pi-title,
.pi-theme-actor .pi-header {
    background-color:#FFA70E;
}
.pi-theme-actor ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-actor ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-actor ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #FFA70E;
    text-shadow: none;
}
 
.pi-theme-object .pi-title,
.pi-theme-object .pi-header {
    background-color:#F3EB00;
}
.pi-theme-object ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-object ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-object ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #F3EB00;
    text-shadow: none;
}
 
.pi-theme-episode .pi-title,
.pi-theme-episode .pi-header {
    background-color:#FD531F;
}
.pi-theme-episode ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-episode ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-episode ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #FD531F;
    text-shadow: none;
}
}


.infobox-rtl {
.pi-theme-s1 .pi-title,
/* @noflip */
.pi-theme-s1 .pi-header {
clear: left;
    background-color:#5FAEEA;
/* @noflip */
float: left;
/* @noflip */
margin: 0 0.5em 0.5em 0;
}
}


.infobox th {
.pi-theme-s2 .pi-title,
/* @noflip */
.pi-theme-s2 .pi-header {
text-align: left;
    background-color:#6CB254;
padding: 0.2em 0.5em;
vertical-align: top;
}
}


.infobox-rtl th {
.pi-theme-s3 .pi-title,
/* @noflip */
.pi-theme-s3 .pi-header {
text-align: right;
    background-color:#D82128;
}
}


@media (max-width: 719px) {
.pi-theme-s4 .pi-title,
/* high specificity to ensure specific infoboxes won't override these
.pi-theme-s4 .pi-header {
* properties with their own tstyles inadvertently */
    background-color:#0B3963;
body.mediawiki .infobox {
float: none;
clear: both;
width: 100%;
margin: 0 0 .5em 0;
}
}
}


.infobox td {
.pi-theme-s5 .pi-title,
border: none;
.pi-theme-s5 .pi-header {
padding: 0.2em 0.5em;
    background-color:#C4D33F;
vertical-align: top;
}
}


.infobox-header {
.pi-theme-s6 .pi-title,
background-color: #a2a9b1;
.pi-theme-s6 .pi-header {
color: #FFF;
    background-color:#F2952E;
text-align: left;
}
}


.infobox-header a {
.pi-theme-s7 .pi-title,
color: #FFF;
.pi-theme-s7 .pi-header {
    background-color:#323232;
}
}


.infobox-header td,
.pi-theme-s8 .pi-title,
.infobox-header th {
.pi-theme-s8 .pi-header {
padding: 0.5em 0.5em;
    background-color:#00A5C9;
}
}


.infobox-header img {
.pi-theme-s9 .pi-title,
padding: 0 0.2em 0 0.5em;
.pi-theme-s9 .pi-header {
    background-color:#D67916;
}
}

Revision as of 22:30, 8 March 2024

/* Portable infoboxes */
.portable-infobox {
	float: right;
    background: rgba(144,210,255,0.1);
    border-radius: 8px 8px 0 0;
    border: 2px solid #0F253A;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: #999;
}

.portable-infobox .pi-secondary-background {
    background-color: #001b9f;
    text-align: center;
    font-size: 13.5px !important;
    line-height: 20px !important;
}
.portable-infobox .pi-secondary-font {
    line-height: 14px;
}

.portable-infobox .pi-border-color {
    border-color: #DDD;
}
.portable-infobox .pi-title {
    font-size: 18px;
    color: #FFF;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    line-height: 15px;
    background-color: #001b9f;
}
.portable-infobox .pi-title .pi-header a,
.portable-infobox .pi-title .pi-header .plainlinks a {
    color: #FFF !important;
}
.portable-infobox .pi-title:nth-of-type(1) {
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    line-height: 22px;
    text-align: center;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
}

.portable-infobox .pi-item-spacing {
    padding: 7px 10px;
}

.portable-infobox .pi-tab-link {
    padding: 2px 10px !important;
}

ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #001b9f;
    text-shadow: none;
}

/** Character infobox colors **/
.pi-theme-infernites .pi-title,
.pi-theme-infernites .pi-header {
    background-color:#F20500;
}
.pi-theme-infernites ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-infernites ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-infernites ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #F20500;
    text-shadow: none;
}

.pi-theme-cragsters .pi-title,
.pi-theme-cragsters .pi-header {
    background-color:#686668;
}
.pi-theme-cragsters ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-cragsters ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-cragsters ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #686668;
    text-shadow: none;
}

.pi-theme-electroids .pi-title,
.pi-theme-electroids .pi-header {
    background-color:#FED900;
}
.pi-theme-electroids ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-electroids ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-electroids ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #FED900;
    text-shadow: none;
}

.pi-theme-frosticons .pi-title,
.pi-theme-frosticons .pi-header {
    background-color:#217BC8;
}
.pi-theme-frosticons ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-frosticons ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-frosticons ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #217BC8;
    text-shadow: none;
}

.pi-theme-fanggang .pi-title,
.pi-theme-fanggang .pi-header {
    background-color:#6F3813;
}
.pi-theme-fanggang ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-fanggang ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-fanggang ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #6F3813;
    text-shadow: none;
}

.pi-theme-flexers .pi-title,
.pi-theme-flexers .pi-header {
    background-color:#FE860B;
}
.pi-theme-flexers ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-flexers ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-flexers ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #FE860B;
    text-shadow: none;
}

.pi-theme-glorpcorp .pi-title,
.pi-theme-glorpcorp .pi-header {
    background-color:#83D83C;
}
.pi-theme-glorpcorp ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-glorpcorp ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-glorpcorp ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #83D83C;
    text-shadow: none;
}

.pi-theme-spikels .pi-title,
.pi-theme-spikels .pi-header {
    background-color:#9D894F;
}
.pi-theme-spikels ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-spikels ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-spikels ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #9D894F;
    text-shadow: none;
}

.pi-theme-wiztastics .pi-title,
.pi-theme-wiztastics .pi-header {
    background-color:#8414C1;
}
.pi-theme-wiztastics ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-wiztastics ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-wiztastics ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #8414C1;
    text-shadow: none;
}

.pi-theme-orbitons .pi-title,
.pi-theme-orbitons .pi-header {
    background-color:#92B945;
}
.pi-theme-orbitons ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-orbitons ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-orbitons ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #92B945;
    text-shadow: none;
}

.pi-theme-glowkies .pi-title,
.pi-theme-glowkies .pi-header {
    background-color:#22425B;
}
.pi-theme-glowkies ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-glowkies ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-glowkies ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #22425B;
    text-shadow: none;
}

.pi-theme-klinkers .pi-title,
.pi-theme-klinkers .pi-header {
    background-color:#858585;
}
.pi-theme-klinkers ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-klinkers ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-klinkers ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #858585;
    text-shadow: none;
}

.pi-theme-lixers .pi-title,
.pi-theme-lixers .pi-header {
    background-color:#FFDF0B;
}
.pi-theme-lixers ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-lixers ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-lixers ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #FFDF0B;
    text-shadow: none;
}

.pi-theme-weldos .pi-title,
.pi-theme-weldos .pi-header {
    background-color:#FDCE0E;
}
.pi-theme-weldos ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-weldos ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-weldos ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #FDCE0E;
    text-shadow: none;
}

.pi-theme-munchos .pi-title,
.pi-theme-munchos .pi-header {
    background-color:#AF48FF;
}
.pi-theme-munchos ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-munchos ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-munchos ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #AF48FF;
    text-shadow: none;
}

.pi-theme-mcpd .pi-title,
.pi-theme-mcpd .pi-header {
    background-color:#2076C3;
}
.pi-theme-mcpd ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-mcpd ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-mcpd ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #2076C3;
    text-shadow: none;
}

.pi-theme-medivals .pi-title,
.pi-theme-medivals .pi-header {
    background-color:#A3A2A3;
}
.pi-theme-medivals ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-medivals ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-medivals ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #A3A2A3;
    text-shadow: none;
}

.pi-theme-mixies .pi-title,
.pi-theme-mixies .pi-header {
    background-color:#F1CD02;
}
.pi-theme-mixies ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-mixies ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-mixies ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #F1CD02;
    text-shadow: none;
}

.pi-theme-mcfd .pi-title,
.pi-theme-mcfd .pi-header {
    background-color:#E82610;
}
.pi-theme-mcfd ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-mcfd ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-mcfd ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #E82610;
    text-shadow: none;
}

.pi-theme-pyrratz .pi-title,
.pi-theme-pyrratz .pi-header {
    background-color:#733A0F;
}
.pi-theme-pyrratz ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-pyrratz ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-pyrratz ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #733A0F;
    text-shadow: none;
}

.pi-theme-medix .pi-title,
.pi-theme-medix .pi-header {
    background-color:#08A8D1;
}
.pi-theme-medix ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-medix ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-medix ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #08A8D1;
    text-shadow: none;
}

.pi-theme-trashoz .pi-title,
.pi-theme-trashoz .pi-header {
    background-color:#058558;
}
.pi-theme-trashoz ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-trashoz ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-trashoz ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #058558;
    text-shadow: none;
}

.pi-theme-nindjas .pi-title,
.pi-theme-nindjas .pi-header {
    background-color:#F18311;
}
.pi-theme-nindjas ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-nindjas ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-nindjas ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #F18311;
    text-shadow: none;
}

.pi-theme-newzers .pi-title,
.pi-theme-newzers .pi-header {
    background-color:#4E4D4E;
}
.pi-theme-newzers ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-newzers ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-newzers ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #4E4D4E;
    text-shadow: none;
}

.pi-theme-nixels .pi-title,
.pi-theme-nixels .pi-header {
    background-color:#444244;
}
.pi-theme-nixels ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-nixels ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-nixels ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #444244;
    text-shadow: none;
}

.pi-theme-actor .pi-title,
.pi-theme-actor .pi-header {
    background-color:#FFA70E;
}
.pi-theme-actor ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-actor ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-actor ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #FFA70E;
    text-shadow: none;
}

.pi-theme-object .pi-title,
.pi-theme-object .pi-header {
    background-color:#F3EB00;
}
.pi-theme-object ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-object ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-object ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #F3EB00;
    text-shadow: none;
}

.pi-theme-episode .pi-title,
.pi-theme-episode .pi-header {
    background-color:#FD531F;
}
.pi-theme-episode ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #CFE0ED;
    color: black;
}
.pi-theme-episode ul.pi-image-collection-tabs li {
    font-size: 14px;
    border: none;
}
.pi-theme-episode ul.pi-image-collection-tabs li.current {
    background-color: #D0E9FE;
    color: black;
    border-top: 10px #FD531F;
    text-shadow: none;
}

.pi-theme-s1 .pi-title,
.pi-theme-s1 .pi-header {
    background-color:#5FAEEA;
}

.pi-theme-s2 .pi-title,
.pi-theme-s2 .pi-header {
    background-color:#6CB254;
}

.pi-theme-s3 .pi-title,
.pi-theme-s3 .pi-header {
    background-color:#D82128;
}

.pi-theme-s4 .pi-title,
.pi-theme-s4 .pi-header {
    background-color:#0B3963;
}

.pi-theme-s5 .pi-title,
.pi-theme-s5 .pi-header {
    background-color:#C4D33F;
}

.pi-theme-s6 .pi-title,
.pi-theme-s6 .pi-header {
    background-color:#F2952E;
}

.pi-theme-s7 .pi-title,
.pi-theme-s7 .pi-header {
    background-color:#323232;
}

.pi-theme-s8 .pi-title,
.pi-theme-s8 .pi-header {
    background-color:#00A5C9;
}

.pi-theme-s9 .pi-title,
.pi-theme-s9 .pi-header {
    background-color:#D67916;
}