MediaWiki:Common.css
From GTA Portugal Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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;
}