MediaWiki:Wikia.css

/* This style is used only in the Oasis skin. See also MediaWiki:Fandomdesktop.css/Infobox.css */

/* ########################################################################## */ /* ### TEMPORARY WORKAROUNDS                                             ### */ /* ### Workarounds for technical issues such as bugs. These should be    ### */ /* ### removed as soon as possible. ### */ /* ########################################################################## */

/* Prevent using different font in source editor preview */ .WikiaPageContentWrapper { /* Old skin only */ font-family: unset; }

/* ############################################ */ /* ### INFOBOX                             ### */ /* ############################################ */

/* 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-size: 13px; font-style: italic; margin-top: -3px; margin-bottom: 0; }

.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; 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: 0; padding-top: 0; width: 100.8%; }

.portable-infobox .pi-group .pi-data .pi-data-label { margin: 0 0 1 1 !important; padding-right: 0; 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: 0 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; 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; }

/* ############################################ */ /* ### Tabbed Infobox Styles               ### */ /* ### Used in: Tabbed Infoboxes           ### */ /* ############################################ */

[class*="pi-theme-"] .pi-section-navigation { border: 1px solid; border-color: #aaa; font-weight: bold; /* bold 12px Verdana,sans-serif;*/ padding: 1px 0 1px; position: relative; display: flex; flex-wrap: wrap; }

[class*="pi-theme-"] .pi-section-tab.pi-section-active { box-shadow: none; background-color: #fff; background-color: #c9cdac; border: 1px solid; border-color: #aaa; }

[class*="pi-theme-"] .pi-section-tab { background-color: #e7eada; margin: 0 1px; flex-grow: 1; text-align: center; font-size: 8px; border: 1px solid; border-color: #aaa; }

[class*="pi-theme-"] .pi-section-label { color: #000; text-transform: none; height: 15px; margin: 0 4px; }

[class*="pi-theme-"] .pi-section-tab.pi-section-active:hover { color: #000; background-color: #c9cdac; font-size: 8px; } [class*="pi-theme-"] .pi-section-tab.pi-section-active:hover .pi-section-label { color: #000 !important; }

[class*="pi-theme-"] .pi-section-tab:hover { background-color: #f1e7bb; border-color: #333; color: #aaa; }

.pi-theme-typedtab .pi-section-navigation:before { display: none; } .pi-theme-typedtab .pi-section-navigation:after { display: none; }

.pi-theme-typedtab .pi-section-content > .pi-data { margin: 0; padding: 0; }

/* ############################################ */ /* ### TABBER                              ### */ /* ### Applies to: Extension:Tabber        ### */ /* ### Used in:   various portals          ### */ /* ############################################ */ /* TODO: This section can be removed after migrating to the new skin */

border-bottom: 1px solid var(--theme-border-color); }
 * 1) content ul.tabbernav {

border: 1px solid var(--theme-border-color); background: var(--theme-page-background-color--quinary); border-radius: 5px 5px 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; }
 * 1) content ul.tabbernav li a {

color: var(--theme-page-text-color); }
 * 1) content ul.tabbernav li a:link,
 * 2) content ul.tabbernav li a:visited {

background: #d8ddc3; border: 1px solid var(--theme-border-color); }
 * 1) content ul.tabbernav li a:hover {

background-color: var(--theme-page-background-color--secondary); border-bottom: 1px solid var(--theme-border-color); font-weight: bold; }
 * 1) content ul.tabbernav li.tabberactive a {

color: var(--theme-page-text-color); background: var(--theme-page-background-color--secondary); border-bottom: 1px solid var(--theme-border-color); }
 * 1) content ul.tabbernav li.tabberactive a:hover {

border: 1px solid var(--theme-border-color); background: var(--theme-page-background-color--secondary); border-top: 0; }
 * 1) content .tabberlive .tabbertab {