FANDOM


 
Line 7: Line 7:
 
}
 
}
   
.portable-infobox, .portable-infobox .pi-group .pi-header, .portable-infobox .pi-group .pi-data {
+
.portable-infobox, .portable-infobox .pi-group .pi-data {
 
background-color: #FFFFFF;
 
background-color: #FFFFFF;
 
}
 
}
   
 
.portable-infobox .pi-group .pi-data .pi-data-label, .pi-smart-group .pi-smart-data-label,
 
.portable-infobox .pi-group .pi-data .pi-data-label, .pi-smart-group .pi-smart-data-label,
.portable-infobox .pi-secondary-background {
+
.portable-infobox .pi-secondary-background, .portable-infobox .pi-group .pi-header {
 
background-color: #C9CDAC;
 
background-color: #C9CDAC;
 
}
 
}

Latest revision as of 19:41, January 4, 2019

/* Background groups */
 
.portable-infobox > div, .portable-infobox .pi-title {
    background-color: #044D22;
    background-image: url(https://images.wikia.nocookie.net/fallout/images/d/d1/WidgetBackground.jpg);
    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-style: italic;
    margin-bottom: -6px;
}
 
.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-weight: bold;
    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 {
    font-size:15px;
    font-weight:900!important;
    text-align:center;
}
 
.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
}
Community content is available under CC-BY-SA unless otherwise noted.