MediaWiki:Common.css

From Before Darkness Falls Wiki
Jump to navigation Jump to search

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.
@import url('https://fonts.googleapis.com/css2?family=Aldrich&display=swap');
/* main */

body {
	background: #141414 url(https://beforedarknessfalls.wiki.gg/images/0/0b/WikiBackground.png) center bottom / cover no-repeat fixed;
}

.mw-body,
h1, h2, h3, h4, h5, h6, p, label, b, li, th, td, i, legend{
	color: #dbdbdb;
	font-family: sans-serif;
}

#mw-page-base{
	background: #ffffff00;
}

#p-logo a { background-size: cover; }
.mw-body{
	background-color: #080e18e6;
	border: 0px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

@media screen and (min-width: 982px){
	.mw-body{
		margin-right: 3em;
	}
}

#right-navigation{
	margin-right: 3em;
}

.vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited{
	color:#b08b6b;
}

.vector-menu-tabs .selected{
	background: #080e18e6;
}

.vector-menu-tabs li{
	background: #02060de6;
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
	background: #ffffff00;
}

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, .vector-menu-tabs li a, .vector-menu-tabs li a:visited{
	color: #dbdbdb;
}

.vector-menu-dropdown .vector-menu-content{
	background-color: #141414;
}

.vector-menu-dropdown .mw-list-item a{
	color: #dbdbdb;
}

.toc, .toccolours{
	background-color: #141414;
}

.toc{
	display: none;
}

.tocnumber{
	color: #dbdbdb;
}

.toctext,  .mw-parser-output a.external:visited,  .mw-parser-output a.external, a, a:visited, .toctogglelabel{
	color: #b08b6b;
}

.tabber__tab--active, .tabber__tab:hover, .tabber__tab--active:visited{
	box-shadow: inset 0 -2px 0 0 #b08b6b;
	color: #b08b6b;
}

.tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited{
	color: #b08b6b;
}

.tabber__indicator{
	background: #b08b6b;
}

.mw-parser-output a.external{
	background-image: url(https://beforedarknessfalls.wiki.gg/images/b/bd/ExternalLink.png);
	background-size: 13px;
	background-position: right;
}

/* bdf infobox */

.bdf-infobox-main{
	background-color: #0f0f0f; 
	float: right; 
	width: 270px; 
	margin: 0 0 1em 1em;
}

.bdf-infobox-title-box{
	background-color:#ebebeb; 
	padding: 0.4em 0.6em; 
	display: flex
}

.bdf-infobox-title{
	border-bottom: 0; 
	margin: 0; text-align: left; 
	color: #000000;
	font-family: aldrich;
	
}

.bdf-infobox-title-extra{
	background: #ffffff00 url(https://beforedarknessfalls.wiki.gg/images/8/82/UIDecal_5b2.png) center no-repeat;
	height: 28px;
	width: 71px;
	min-width: 71px;
	margin-left: auto;
}

.bdf-infobox-image{
	text-align: center;
}

.bdf-infobox-tab-holder{
	/*soon*/
}

.bdf-infobox-tab{ 
	display: flex; 
	box-shadow: inset 0 -1px 0 0 #737373;
}

.bdf-infobox-section-tab{
	padding: 0.5em;
	color: #737373;
	font-family: aldrich;
	cursor: pointer;
	font-size:15px;
	width: 100%;;
	justify-content: center;
	display: flex;
}

.bdf-infobox-section-tab:hover{
	box-shadow: inset 0 -2px 0 0 #b08b6b;
	color: #b08b6b;
}

.bdf-infobox-section-tab-selected{
	box-shadow: inset 0 -2px 0 0 #b08b6b;
	color: #b08b6b;
}

.bdf-infobox-section-tab-content-closed{
	display: none;
}

.bdf-infobox-value-main{
	width:260px; 
	background:#242424; 
	margin: 5px; 
	display:flex;
}

.bdf-infobox-value-title-box{
	width: 40%;
	margin: 5px;
	display: flex;
	align-items: center;
    justify-content: center;
    font-size: 12px;
}

.bdf-infobox-value-box{
	width: 60%;
	background: #303030; 
	margin: 5px;
	display: flex;
	align-items: center;
    justify-content: center;
    font-size: 12px;
}

.bdf-infobox-value-text{
	font-weight: bold; 
	text-align: center; 
	vertical-align: middle;
	line-height: 1;
}

.bdf-infobox-section-main{
	background: #303030; 
	width: 270px; 
	min-height: 32px;
	display: flex;
}

.bdf-infobox-section-extra{
	background: #ffffff00 url(https://beforedarknessfalls.wiki.gg/images/2/26/UIDecal_4a.png) center no-repeat;
	height: 18px;
	width: 18px;
	padding: 6px;
	background-size: 24px;
}

.bdf-infobox-section-title{
	border-bottom: 0; 
	margin: 3px; 
	text-align: left; 
	color: #dbdbdb;
	font-family: aldrich;
}

@media screen and (max-width: 500px){
	.bdf-infobox-main{
		width: auto;
		float: none;
		margin: 0
	}
	
	.bdf-infobox-section-main{
		width: auto;
	}
	
	.bdf-infobox-value-main{
		width: auto;
	}
}

.bdf-tab-holder{
	/*soon*/
}

.bdf-tab{ 
	display: flex; 
	box-shadow: inset 0 -1px 0 0 #737373;
}

.bdf-section-tab{
	padding: 0.5em;
	color: #737373;
	font-family: aldrich;
	cursor: pointer;
	font-size:15px;
	width: auto;
	display: flex;
}

.bdf-section-tab:hover{
	box-shadow: inset 0 -2px 0 0 #b08b6b;
	color: #b08b6b;
}

.bdf-tab-selected{
	box-shadow: inset 0 -2px 0 0 #b08b6b;
	color: #b08b6b;
}

.bdf-section-tab-content-closed{
	display: none;
}

/* Message Box */

.bdf-messagebox-main{
	background-color: #0f0f0f;
	margin: 0.5em 0;
}

.bdf-messagebox-titlebox{
	background-color: #e7ab20;
	padding: .4em .6em;
	display: flex;
}

.bdf-messagebox-title{
	font-size: 1.0em;
	border: 0;
	color: #000;
}

.bdf-messagebox-title-extra{
	background: #ffffff00 url(https://beforedarknessfalls.wiki.gg/images/8/82/UIDecal_5b2.png) center no-repeat;
	height: 22px;
	width: 71px;
	margin-left: auto;
}

.bdf-messagebox-message{
	padding: 0.5em;
}

.bdf-infobox-resources-main{
	padding: 0.25em;
}

.bdf-infobox-resources-submain{
	display: flex;
}

.bdf-infobox-resources-box{
	width: 100%;
	background: #242424;
	margin: 2.5px;
}

.bdf-infobox-resources-title-box{
	justify-content: center;
	display: flex;
	margin: 0.5em;
}

.bdf-infobox-resources-text-box{
	background: #303030;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	line-height: 1;
	margin: 0.5em;
}

/* Research Data */

.bdf-research-main{
	background-color: #0f0f0f; 
	float: right; 
	width: 100%; 
	margin: 0 0 1em 0;
}

.bdf-research-title-box{
	background-color:#ebebeb; 
	padding: 0.4em 0.6em; 
	display: flex;
}

.bdf-research-title{
	border-bottom: 0; 
	margin: 0; text-align: left; 
	color: #000000;
	font-family: aldrich;
	
}

.bdf-research-title-extra{
	background: #ffffff00 url(https://beforedarknessfalls.wiki.gg/images/8/82/UIDecal_5b2.png) center no-repeat;
	height: 28px;
	width: 71px;
	min-width: 71px;
	margin-left: auto;
}

/* edit only */
.editOptions{
	background-color: #141414;
}

/* CSS placed here will be applied to all skins */

.portable-infobox.pi-theme-W section:nth-of-type(1) li:first-child > ul.tabbernav li a {
  color: #2e2f2e;
}
.portable-infobox.pi-theme-W section:nth-of-type(1) li:nth-of-type(2) > ul.tabbernav li a {
  color: #878587;
}
.portable-infobox.pi-theme-W section:nth-of-type(1) li:nth-of-type(3) > ul.tabbernav li a {
  color: #5084b1;
}
.portable-infobox.pi-theme-W section:nth-of-type(1) li:nth-of-type(4) > ul.tabbernav li a {
  color: #5b9585;
}
.portable-infobox.pi-theme-W section:nth-of-type(1) li:nth-of-type(5) > ul.tabbernav li a {
  color: #6b5687;
}
.portable-infobox.pi-theme-W section:nth-of-type(1) li:last-child > ul.tabbernav li a {
  color: #8b7e3e;
}


.portable-infobox.pi-theme-Weapon0 .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-Weapon0 .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-Weapon0 .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-Weapon0 .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-Weapon0 .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-Weapon0 .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-Weapon0 .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-Weapon0 .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-Weapon0 section:nth-of-type(1) li:first-child > .wds-tabs__tab-label {
  color: #2e2f2e;
}
.portable-infobox.pi-theme-Weapon0 section:nth-of-type(1) li:nth-of-type(2) > .wds-tabs__tab-label {
  color: #878587;
}
.portable-infobox.pi-theme-Weapon0 section:nth-of-type(1) li:nth-of-type(3) > .wds-tabs__tab-label {
  color: #5084b1;
}
.portable-infobox.pi-theme-Weapon0 section:nth-of-type(1) li:nth-of-type(4) > .wds-tabs__tab-label {
  color: #5b9585;
}
.portable-infobox.pi-theme-Weapon0 section:nth-of-type(1) li:nth-of-type(5) > .wds-tabs__tab-label {
  color: #6b5687;
}
.portable-infobox.pi-theme-Weapon0 section:nth-of-type(1) li:last-child > .wds-tabs__tab-label {
  color: #8b7e3e;
}


.portable-infobox.pi-theme-Weapon .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-Weapon .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-Weapon .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-Weapon .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-Weapon .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-Weapon .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-Weapon .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-Weapon .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-Weapon section:nth-of-type(1) li:first-child > .wds-tabs__tab-label {
  color: #878587;
}
.portable-infobox.pi-theme-Weapon section:nth-of-type(1) li:nth-of-type(2) > .wds-tabs__tab-label {
  color: #5084b1;
}
.portable-infobox.pi-theme-Weapon section:nth-of-type(1) li:nth-of-type(3) > .wds-tabs__tab-label {
  color: #5b9585;
}
.portable-infobox.pi-theme-Weapon section:nth-of-type(1) li:nth-of-type(4) > .wds-tabs__tab-label {
  color: #6b5687;
}
.portable-infobox.pi-theme-Weapon section:nth-of-type(1) li:last-child > .wds-tabs__tab-label {
  color: #8b7e3e;
}


.portable-infobox.pi-theme-T6 .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-T6 .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-T6 .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-T6 .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-T6 .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-T6 .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-T6 .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-T6 .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-T6 section:nth-of-type(1) li:first-child > ul.tabbernav li a {
  color: #bebebe;
}
.portable-infobox.pi-theme-T6 section:nth-of-type(1) li:nth-of-type(2) > .wds-tabs__tab-label {
  color: orange;
}


.portable-infobox.pi-theme-Armor0 .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-Armor0 .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-Armor0 .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-Armor0 .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-Armor0 .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-Armor0 .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-Armor0 .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-Armor0 .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-Armor0 section:nth-of-type(1) li:first-child > .wds-tabs__tab-label {
  color: #2e2f2e;
}
.portable-infobox.pi-theme-Armor0 section:nth-of-type(1) li:nth-of-type(2) > .wds-tabs__tab-label {
  color: #878587;
}
.portable-infobox.pi-theme-Armor0 section:nth-of-type(1) li:nth-of-type(3) > .wds-tabs__tab-label {
  color: #5084b1;
}
.portable-infobox.pi-theme-Armor0 section:nth-of-type(1) li:nth-of-type(4) > .wds-tabs__tab-label {
  color: #5b9585;
}
.portable-infobox.pi-theme-Armor0 section:nth-of-type(1) li:nth-of-type(5) > .wds-tabs__tab-label {
  color: #6b5687;
}
.portable-infobox.pi-theme-Armor0 section:nth-of-type(1) li:last-child > .wds-tabs__tab-label {
  color: #8b7e3e;
}


.portable-infobox.pi-theme-Armor .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-Armor .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-Armor .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-Armor .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-Armor .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-Armor .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-Armor .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-Armor .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-Armor section:nth-of-type(1) li:first-child > .wds-tabs__tab-label {
  color: #878587;
}
.portable-infobox.pi-theme-Armor section:nth-of-type(1) li:nth-of-type(2) > .wds-tabs__tab-label {
  color: #5084b1;
}
.portable-infobox.pi-theme-Armor section:nth-of-type(1) li:nth-of-type(3) > .wds-tabs__tab-label {
  color: #5b9585;
}
.portable-infobox.pi-theme-Armor section:nth-of-type(1) li:nth-of-type(4) > .wds-tabs__tab-label {
  color: #6b5687;
}
.portable-infobox.pi-theme-Armor section:nth-of-type(1) li:last-child > .wds-tabs__tab-label {
  color: #8b7e3e;
}


.portable-infobox.pi-theme-AG .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-AG .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-AG .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-AG .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-AG .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-AG .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-AG .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-AG .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}


.portable-infobox.pi-theme-PGS .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-PGS .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-PGS .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-PGS .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-PGS .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-PGS .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-PGS .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-PGS .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-PGS section:nth-of-type(1) li:first-child > .wds-tabs__tab-label {
  color: #878587;
}
.portable-infobox.pi-theme-PGS section:nth-of-type(1) li:nth-of-type(2) > .wds-tabs__tab-label {
  color: #5084b1;
}
.portable-infobox.pi-theme-PGS section:nth-of-type(1) li:nth-of-type(3) > .wds-tabs__tab-label {
  color: #5b9585;
}
.portable-infobox.pi-theme-PGS section:nth-of-type(1) li:nth-of-type(4) > .wds-tabs__tab-label {
  color: #6b5687;
}
.portable-infobox.pi-theme-PGS section:nth-of-type(1) li:last-child > .wds-tabs__tab-label {
  color: #8b7e3e;
}


.portable-infobox.pi-theme-PG .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-PG .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-PG .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-PG .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-PG .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-PG .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-PG .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-PG .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}


.portable-infobox.pi-theme-PGC .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-PGC .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-PGC .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-PGC .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-PGC .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-PGC .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-PGC .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-PGC .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-PGC section:nth-of-type(1) li:first-child > .wds-tabs__tab-label {
  color: #878587;
}
.portable-infobox.pi-theme-PGC section:nth-of-type(1) li:nth-of-type(2) > .wds-tabs__tab-label {
  color: #5084b1;
}
.portable-infobox.pi-theme-PGC section:nth-of-type(1) li:last-child > .wds-tabs__tab-label {
  color: #5b9585;
}


.portable-infobox.pi-theme-Class .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-Class .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-Class .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-Class .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-Class .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-Class .pi-data-value {
   background-color: #121212;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-Class .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-Class .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}


.portable-infobox.pi-theme-Vehicle .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-Vehicle .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-Vehicle .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-Vehicle .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-Vehicle .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-Vehicle .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-Vehicle .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-Vehicle .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}


.portable-infobox.pi-theme-Ally .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-Ally .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-Ally .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-Ally .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-Ally .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-Ally .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-Ally .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-Ally .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}


.portable-infobox.pi-theme-Zerg .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-Zerg .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-Zerg .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-Zerg .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-Zerg .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-Zerg .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-Zerg .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-Zerg .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}


.portable-infobox.pi-theme-Desserters .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-Desserters .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-Desserters .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-Desserters .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-Desserters .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-Desserters .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-Desserters .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-Desserters .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}


.portable-infobox.pi-theme-Miscellanius .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-Miscellanius .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-Miscellanius .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-Miscellanius .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-Miscellanius .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-Miscellanius .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-Miscellanius .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-Miscellanius .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}


.portable-infobox.pi-theme-M .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-M .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-M .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-M .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-M .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-M .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-M .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-M .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}


.portable-infobox.pi-theme-V1 .pi-secondary-background {
   background-color: #361611;
}
.portable-infobox.pi-theme-V1 .pi-groups {
   padding-top: 5px;
   padding-bottom: 5px;
}
.portable-infobox.pi-theme-V1 .pi-data {
   background-color: #373737;
   padding: 0px;
}
.portable-infobox.pi-theme-V1 .pi-data {
   padding-top: 1px;
   padding-bottom: 1px;
}
.portable-infobox.pi-theme-V1 .pi-data-label {
   background-color: #4a4a4a;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 2px;
   padding-right: 2px;
}
.portable-infobox.pi-theme-V1 .pi-data-value {
   background-color: #121212;
   padding: 8px;
}
.portable-infobox.pi-theme-V1 .pi-image {
   background-color: #121212;
}
.portable-infobox.pi-theme-V1 .wds-tabs {
   background-color: #4a4a4a;
   padding-top: 1px;
   padding-bottom: 1px;
}