Wikia.css/Infobox.css

/* Background groups */

.portable-infobox > div, .portable-infobox .pi-title {

   background-color: #044D22;
   background-image: url();
   color: #FFFFFF;

}

.portable-infobox, .portable-infobox .pi-group .pi-data {

   background-color: #FFFFFF;

}

.portable-infobox .pi-group .pi-data .pi-data-label, .pi-smart-group .pi-smart-data-label, .portable-infobox .pi-secondary-background, .portable-infobox .pi-group .pi-header {

   background-color: #C9CDAC;

}

.portable-infobox .pi-group .pi-data .pi-data-value, .portable-infobox .pi-horizontal-group-item, .pi-image, .pi-smart-data-value {

   background: #E7EADA;

}

/* Common border handler */

.portable-infobox, .portable-infobox .pi-group .pi-header, .portable-infobox .pi-group .pi-data .pi-data-label, .portable-infobox .pi-group .pi-data .pi-data-value, .portable-infobox .pi-horizontal-group-item, .pi-smart-group .pi-smart-data-label, .pi-smart-data-value {

   border: 1px solid #AAA;

}

/* Common font groups */ .portable-infobox, .portable-infobox .pi-group .pi-data .pi-data-label, .portable-infobox .pi-group .pi-data .pi-data-value, .portable-infobox .pi-horizontal-group-item, .pi-smart-group .pi-smart-data-label, .pi-smart-data-value {

   font-size: 11px;

}

.portable-infobox > div, .portable-infobox > div div {

   font-size: 10px;

}

/* Line height */

.portable-infobox, .portable-infobox > div, .portable-infobox > div div, .portable-infobox .pi-group .pi-data .pi-data-label, .portable-infobox .pi-group .pi-data .pi-data-value, .portable-infobox .pi-horizontal-group-item, .pi-smart-data-value {

   line-height: 14px;

}

.portable-infobox > div {

   border: none !important;
   font-size: 13px;
   font-style: italic;

margin-top: -3px;

   margin-bottom: 0px;

}

.portable-infobox > div div {

   color: #FFFFFF;
   font-style: italic;
   margin-left: auto;
   margin-right: auto;

}

.portable-infobox > div div a {

   color: #AFA000 !important;

}

/* "Unique" handlers */ .portable-infobox {

   width:246px!important;
   -moz-box-shadow:2px 2px 2px #AAA;
   -webkit-box-shadow:2px 2px 2px #AAA;
   -o-box-shadow:2px 2px 2px #AAA;
   -ms-box-shadow:2px 2px 2px #AAA;
   box-shadow:2px 2px 2px #AAA;
   padding: 1px;

}

.portable-infobox .pi-title {

   font-size: 18px;
   font-weight: 900 !important;
   padding-bottom: 5px !important;
   padding-top: 5px !important;
   text-align: center;

}

.portable-infobox .pi-group {

   border: none !important;

}

.portable-infobox .pi-header {

   padding:0;
   margin:0;
   font-weight:bold;
   text-align:center;
   color:#000;

}

.portable-infobox .pi-group .pi-header {

   font-weight: bold;
   margin-bottom: 1px;
   text-align: center;

}

.portable-infobox .pi-group .pi-data {

   border-bottom: none;
   margin-left: -1px;
   padding: 0px;
   padding-top: 0px;
   width: 100.8%;

}

.portable-infobox .pi-group .pi-data .pi-data-label {

   margin: 0px 0.0px 1px 1px  !important;
   padding-right: 0px;
   text-align: right;

}

.portable-infobox .pi-group .pi-data .pi-data-label h3 {

   overflow: hidden !important;

}

.portable-infobox .pi-group .pi-data .pi-data-value {

   width: 100%;
   padding-left: 2px !important;
   margin: 0px 0.5px 1px 1px  !important;

}

.portable-infobox section:last-of-type {

   margin-bottom: -1px !important;

}

.portable-infobox .pi-title a, .portable-infobox .pi-title a:link, .portable-infobox .pi-title a:visited {

   color:#AFA000!important

}

.pi-border-color {

   border-color:transparent;

}

.pi-data .pi-data-label {

   font-weight:normal;
   text-align:right;
   -ms-flex-preferred-size: auto;
   -webkit-flex-basis:auto;
   -moz-flex-basis:auto;
   /*flex-basis:auto;
   display:-webkit-flex;
   display:flex;
   -webkit-align-items:center;
   align-items:center; 
   -webkit-justify-content:center;
   justify-content:center;*/
   line-height:140%;
   color:#2a3439;
   width:40%;
   padding-right:2px!important;

}

.pi-data .pi-data-value {

   text-align:left;
   -ms-flex-preferred-size: auto;
   -webkit-flex-basis:auto;
   -moz-flex-basis:auto;
   flex-basis:auto;
   line-height:140%;
   width:auto;

} .pi-data-value:first-child {

   text-align:center

}

/* Image handling */ .pi-image {

   border:1px solid grey;
   margin:0;
   padding:1px;
   line-height:130%;

}

img.pi-image-thumbnail {

   max-width:100%!important;
   height:auto;

}

.portable-infobox .pi-image figcaption {

   border:none!important;
   border-left: 1px solid #AAAAAA;
   border-right: 1px solid #AAAAAA;
   color: #000;
   text-align: center;

}

.portable-infobox .pi-image {

   border-bottom: 1px solid #AAAAAA;
   margin-bottom: 1px;

}

div.pi-data-value.pi-font img {

   display:inline!important;

}

/* Horizontal groups */

.pi-horizontal-group .pi-horizontal-group-item {

   vertical-align:middle;

} .pi-horizontal-group .pi-data-label {

   background-color:#C9D0AC;
   width:50%;

}

/*#####################################*/ /*### Smart group fix for infoboxes ###*/ /*#####################################*/

.pi-smart-group .pi-smart-data-label {

   font-weight: bold;
   margin-bottom: 1px;
   text-align: center;

}

.portable-infobox section:last-of-type .pi-smart-group-body {

   margin-bottom:1px!important;

}

/* ====================

  Themes 
  ==================== */

.portable-infobox.pi-theme-event {

   max-width:300px;
   min-width:300px;
   width:100%

} .portable-infobox.pi-theme-event img.pi-image-thumbnail {

   max-width:100%;
   min-width:100%;
   height:auto

}

.portable-infobox.pi-theme-gamebryoammo .pi-horizontal-group {

   table-layout:inherit!important

} /* .portable-infobox.pi-theme-armor .pi-image {

  float:left!important;
  margin-bottom:-10px;
  padding: 30px 16px 30px 16px;
  border:none;

}

/* This does the "resistances" line .portable-infobox.pi-theme-armor .pi-secondary-background {

  padding:0;

}

• /

.pi-theme-armor-fobos .pi-horizontal-group .pi-data-label:first-child {

     width:148%!important;

}

.pi-theme-armor-fobos .pi-horizontal-group .pi-data-value:first-child {

     width:60%!important;
     background-color:#c9d0ac!important

}

/* ############################################ */ /* ### Infobox Sub Container ### */ /* ### Used in: Template:Infobox location ### */ /* ############################################ */

.portable-infobox .pi-group .pi-group .pi-data .pi-data-label {

   background-color: #e0e4c1;

}

.portable-infobox .pi-group .pi-group {

   width: 96%;
   margin: auto;
   padding: 0;

}

.portable-infobox .pi-group .pi-group .pi-header {

   font-size: 1em;
   background-color: #e0e4c1;

}