BioShock Wiki

Welcome to the BioShock Wiki. Log in and join the community.

READ MORE

BioShock Wiki
BioShock Wiki
(Remove now-obsolete code)
mNo edit summary
Line 605: Line 605:
 
}
 
}
 
/* End of Customizing Tabber */
 
/* End of Customizing Tabber */
  +
  +
/**
  +
* EraIcon styling.
  +
* See https://dev.fandom.com/wiki/EraIcons
  +
*/
  +
.eraicon-dropdown {
  +
margin: 0.5em;
  +
}

Revision as of 09:55, 19 August 2019

/* ######################################################################## */
/* ### CSS placed here will be applied to all skins on the entire site. ### */
/* ###     See also: MediaWiki:Wikia.css ; MediaWiki:Monobook.css       ### */
/* ######################################################################## */
/* Import Portable Infobox CSS from MediaWiki:Infoboxes.css */
@import "/load.php?mode=articles&articles=MediaWiki:Infoboxes.css&only=styles";
/**** Mark redirects in Special:Allpages and Special:Watchlist ****/
.allpagesredirect { font-style: italic; }
.watchlistredir { font-style: italic; }

/**** Remove firstHeading and category bar on main page ****/
body.page-BioShock_Wiki h1.firstHeading {display: none;}
body.page-BioShock_Wiki .catlinks { display: none;}

/**** Remove category bar from the bottom of Userpages ****/
body.ns-2 .catlinks { display: none;}

/*** Suppress the formation of redlinks in templates with expensive #ifexist functions ***/
.hidden-redlink a.new { display:none; }

/**** Recent changes indicators ****/
.mw-plusminus-pos { color: #00FF00;}
.mw-plusminus-neg { color: #FF0000;}
.mw-tag-marker { color: #FF0000;}

/**** Make the width of polls customizable ****/
div.ajax-poll { width:auto !important; }

/**** Options box on search result pages  ****/
.mw-search-formheader, fieldset#mw-searchoptions {
	background-color: #09101D;
	color: #FFFFFF;
}

/**** Thumb margins ****/
div.tright, iframe.tright { margin-left: 5px;}
figure.thumb, div.thumb { margin-top: 5px;}

/**** pre and code format ****/
.WikiaArticle pre, pre {
	background-color: #013354 !important;
	border: 1px dashed #2F6FAB;
}
code{ background-color: #013354;}
.javascript.source-javascript .co1,
.javascript.source-javascript .coMULTI  { color: #449944 !important;}
.javascript.source-javascript .kw1 { color: #444499 !important;}
.javascript.source-javascript .kw2 { color: #0055FF !important;}
.javascript.source-javascript .me1 { color: #993399 !important;}
.css.source-css .st0 { color: #88FF33 !important;}

/**** Transparent navy background for template creation ****/
.navytrans{ background:url("https://images.wikia.nocookie.net/__cb20100710021933/bioshock/images/b/b4/80opacitynavy.png") repeat scroll 0 0 transparent;}

/**** Codes for easy replacement of deprecated HTML tags ****/
tr.valigntop td{vertical-align:top;}

/* ############################ */
/* ##      FILE PAGES        ## */
/* ############################ */

/* Image width */
.ns-6 #file img{
	height:auto;
	max-width:100%;
}

/* Background for transparent images */
.filehistory a img, #file img:hover {
    background: url("https://images.wikia.nocookie.net/bioshock/images/8/8f/Checker.gif") repeat scroll 0 0 transparent;
}

/* ############################ */
/* ##    FORUM FORMATTING    ## */
/* ############################ */

/* Forum Lists */
.forumlist{ 
	border: 1px solid #9999AA; 
	background-color: #0E1019;
}
.forumlist th.forum_title, .forumlist th.forum_edited, .forumlist th.forum_editor{
	text-align: left;
	padding-left: 5px;
	background-color: #3A5766;
	background-image: -moz-linear-gradient(left center , #0E1519 0pt, #3A5766 50%, #0E1519 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(40%, #3A5766), color-stop(100%, #0E1519));
	border: 1px solid #000000;
}
.forumlist th div { background-image: url("https://images.wikia.nocookie.net/__cb41832/common/skins/oasis/images/checkers.png");}
.forumlist td.forum_title {
	padding-left: 20px;
	text-indent: -20px;
}
.forumlist td {
	line-height: 16px;
	background-color: #12212E;
	border: 1px solid #000000;
	vertical-align: top;
}

.forumlist td.forum_title a { padding-left: 20px;}
.forumlist td.forum_title a.forum_new {
	font-weight: bold;
	background: url(/images/4/4e/Forum_new.gif) center left no-repeat;
	padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
	font-weight: normal; 
	background: none; 
	padding-left: 20px;
}
.forumlist td.forum_edited a {
	color: #FFFFFF !important;
	text-decoration: none
}

/* Forum Headers */
.forumheader {
	border: 1px solid #aaa;
	background-color: #09101D;
	margin-top: 1em;
	padding: 12px;
}

/* ############################### */
/* ##  CATEGORY PAGE GALLERIES  ## */
/* ############################### */
.WikiaArticle ul.gallery{ margin:0;}
li.gallerybox {
	background: url("https://images.wikia.nocookie.net/__cb20100710021933/bioshock/images/b/b4/80opacitynavy.png") repeat scroll 0 0 transparent;
	border-color: #555;
}
li.gallerybox div.thumb {
	background:url("https://images.wikia.nocookie.net/__cb20100710021933/bioshock/images/b/b4/80opacitynavy.png") repeat scroll 0 0 transparent !important;
	border: 1px solid #333;
}

/* ############################################################## */
/* ###  WIKITABLES (and other tables used on interface pages) ### */
/* ############################################################## */
table.wikitable, .WikiaTable, .article-table, table.mw_metadata td, table.mw_metadata th, table.mw-abuselog-details, table.mw-abusefilter-diff{
	background: url("https://images.wikia.nocookie.net/__cb20100710021933/bioshock/images/b/b4/80opacitynavy.png") repeat scroll 0 0 transparent;
	border: 1px solid gray;
	border-collapse: collapse;
	color: #FFFFFF;
	padding: 4px;
}
table.wikitable th, table.wikitable > tr > th, table.wikitable > * > tr > th, .WikiaTable th, .article-table th , table.mw-abuselog-details th, .mw-abusefilter-diff-context, .mw-abusefilter-diff-multiline .diff-context{
	background: none repeat scroll 0 0 transparent;
}
.WikiaTable th, .article-table th, .WikiaTable td, .article-table td{
	border: 1px solid #A6A6A6;
}
.mw-abusefilter-history-changed { background: none repeat scroll 0 0 #013354;}

/* ######################### */
/* ##  TABVIEW EXTENSION  ## */
/* ######################### */

/* Border around content (in articles) */
.ui-tabs, .ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-nav li {
	background: none repeat scroll 0 0 transparent !important;
	border: medium none !important;
}
.ui-tabs .ui-tabs-panel {
	background: none repeat scroll 0 0 transparent;
	border: 2px groove gray !important;
	padding: 0 !important;
	-moz-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

/* Tab navigation styles */
.ui-tabs .ui-tabs-nav li a {
	background-color: #CCCCCC;
	background-image: -moz-linear-gradient(center top , #E5E5E5 50%, #D6D6D6 100%);
	background-image: -moz-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#d6d6d6));
	background-image: -webkit-linear-gradient(top, #e5e5e5 0%,#d6d6d6 100%);
	background-image: -o-linear-gradient(top, #e5e5e5 0%,#d6d6d6 100%);
	background-image: -ms-linear-gradient(top, #e5e5e5 0%,#d6d6d6 100%);
	background-image: linear-gradient(to bottom, #e5e5e5 0%,#d6d6d6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#d6d6d6',GradientType=0 );
	-moz-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	color: #3A3A3A;
	display: inline-block;
	font-size: 12px;
	margin-top: 7px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	background-color: #7FB5D7;
	background-image: -moz-linear-gradient(center top , #7FB5D7 50%, #3289BF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fb5d7), color-stop(100%,#3289bf));
	background-image: -webkit-linear-gradient(top, #7fb5d7 0%,#3289bf 100%);
	background-image: -o-linear-gradient(top, #7fb5d7 0%,#3289bf 100%);
	background-image: -ms-linear-gradient(top, #7fb5d7 0%,#3289bf 100%);
	background-image: linear-gradient(to bottom, #7fb5d7 0%,#3289bf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fb5d7', endColorstr='#3289bf',GradientType=0 );
	color: white;
	cursor: text;
	font-weight: bold;
}

/*Specific page style adjustments*/
body.page-Fontaine_Futuristics_Level .ui-tabs .ui-tabs-nav li a { margin-top:0;}
body.page-Fontaine_Futuristics_Level .ui-tabs .ui-tabs-nav li:nth-child(6n) { clear:both;}

/* Oasis */
.skin-oasis.ns-0 .WikiaPageHeader,
.skin-oasis.ns-4 .WikiaPageHeader,
.skin-oasis.ns-110 .WikiaPageHeader,
.skin-oasis.ns-502 .WikiaBlogListingHeader { margin-bottom: 15px;}
.skin-oasis.mainpage .WikiaPageHeader { margin-bottom: 10px;}


/* ########################### */
/* ##   Template:Toclimit   ## */
/* ########################### */

.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul { display: none; }

/* ########################### */
/* ##    NAVBOX TEMPLATES   ## */
/* ########################### */

.navbox {
	background-color:#013354;
	border:1px solid #DDDDDD;
	clear:both;
	border-spacing:0;
	color:#FFFFFF;
	font-size:90%;
	margin:0;
	padding:4px;
	text-align:left;
	width:100%;
}
.navbox th {
	background-color:#0E192D;
	font-weight:bold;
	text-align:center;
	padding:0px 4px;
	border:1px solid #013354;
}

.navbox td {
	padding:0 4px;
	font-size:11px;
}
.navbox td.first { border-bottom:1px solid #215374;}
.navbox td.middle { border-top:1px solid #215374; border-bottom:1px solid #215374;}
.navbox td.last { border-top:1px solid #215374;}
.navbox td.left { border-right:1px solid #215374;}
.navbox td.center { border-right:1px solid #215374; border-left:1px solid #215374; width:auto !important; text-align:left !important;}
.navbox td.right {border-left:1px solid #215374;}

.navbox td a {white-space: nowrap;}

/* ########################### */
/* ##    PRICELIST TABLES   ## */
/* ########################### */

table.pricelist {
	text-align: center; 
	margin: 0px; 
	border-spacing: 1px; 
	border-color:#000; 
	background-color: black; 
	border: 1px groove #666;
}
.pricelist th.header {
	background-color: #051f35;
	border: 1px groove #999999;
}
.pricelist th {
	background-color: #000C1C;
	border: 1px groove #334E63;
}
.pricelist td { border: none;}
.pricelist tr { background-color: #00060E;}
.pricelist tr.free { background-color: #09121D;}

/* ################################################### */
/* ##  MAINPAGE SLIDER- Template:MainPage_Contents  ## */
/* ################################################### */

.portal_container { }
.portal_section ul  { list-style: disc;}
.portal_section { 
	border: 1px solid rgb(135,206,250)  !important; 
	margin: 0 0 10px 0; 
	background: url("https://images.wikia.nocookie.net/bioshock/images/d/df/Slider_gradient.png") repeat scroll 0 0 transparent !important; 
	-moz-box-shadow:0px 0px 4px rgba(240,248,255,0.5);  
	-webkit-box-shadow: 0px 0px 4px rgba(240,248,255,0.5);
	box-shadow: 0px 0px 4px rgba(240,248,255,0.5); 
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em; 
}
.subheader {
	border-bottom: 1px solid #ABABAB;
	color: #EFEFEF;
	font-size: 110%;
	font-weight: bold;
	line-height: 15px;
	padding: 5px 1px 0;
}

#portal_slider { 
	padding: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	position: relative; 
	height: 450px;
	width: 100%;
}
#portal_slider #portal_next, #portal_slider #portal_prev { 
	text-align: center; 
	cursor: pointer; 
	border: 0px solid #FEC356;
	height: 30px !important; 
	width: 20px; 
	font-family: arial, san-serif; 
	font-size: 36px; 
	line-height: 22px; 
	font-weight: bold; 
	cursor: pointer; 
	position: absolute; 
	bottom: 8px; 
	background: transparent; 
	-moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); 
	-webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); 
	box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); 
	background-image: -moz-linear-gradient(bottom, rgb(0,128,170) 0, rgb(85,213,255) 100%); 
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(0,128,170)), color-stop(100%, rgb(85,213,255))); 
	text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); 
	color: rgb(0, 143, 191); 
	-moz-user-select: none; 
	-webkit-user-select: none; 
	user-select: none; 
}
#portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { 
	background-image: -moz-linear-gradient(bottom, rgb(0,175,234) 0, rgb(149,228,255) 100%); 
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(0,175,234)), color-stop(100%, rgb(149,228,255))); 
	color: rgb(0,175,234); 
}
#portal_slider #portal_next { 
	right: 10px; 
	-moz-border-radius-topright: 8px; 
	-moz-border-radius-bottomright: 8px; 
	-webkit-border-top-right-radius: 8px; 
	-webkit-border-bottom-right-radiust: 8px; 
	border-top-right-radius: 8px; 
	border-bottom-right-radius: 8px; 
}
#portal_slider #portal_prev { 
	right: 31px; 
	-moz-border-radius-topleft: 8px; 
	-moz-border-radius-bottomleft: 8px; 
	-webkit-border-top-left-radius: 8px; 
	-webkit-border-bottom-left-radius: 8px; 
	border-top-left-radius: 8px; 
	border-bottom-left-radius: 8px; 
}
#portal_slider > .portal_body {     
	height: 100%;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%; 
}

#portal_content { font-size: 0.9em; line-height: 1.7em; }
#portal_content .portal_body > table { height: 400px; }
#portal_content ul { 
	list-style: disc outside;
	margin-left: 22px;
}
#portal_content ul ul { margin-left: 1em;}

/* main page jquery tabs/sliders */
.ui-tabs .portal_body { position: relative; padding: .2em; zoom: 1;}
.ui-tabs .portal_body .ui-tabs-nav { margin: 0; padding: .2em .2em 0;}
.ui-tabs .portal_body .ui-tabs-nav li { 
	list-style: none; 
	float: left; 
	position: relative; 
	top: 1px; 
	margin: 0 .2em 1px 0; 
	border-bottom: 0 !important; 
	padding: 0; 
	white-space: nowrap; 
}
.ui-tabs .portal_body .ui-tabs-nav li a { 
	float: left; 
	padding: .5em 1em; 
	text-decoration: none; 
}
.ui-tabs .portal_body  .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0;}
.ui-tabs .portal_body .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;}
.ui-tabs .portal_body .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;} 
.ui-tabs .portal_body .ui-tabs-panel { display: block; border-width: 0 !important; padding: 0; background: none;}
.ui-tabs .portal_body .ui-tabs-hide { display: none !important;}
.portal_body .ui-tabs-hide { display: none !important;}

/* ############################ */
/* ##  Template:MP Bloglist  ## */
/* ############################ */

.navybackground { background:url("https://images.wikia.nocookie.net/__cb20100710021933/bioshock/images/b/b4/80opacitynavy.png") !important;}
td.navybackground div.wk_blogs_panel{
	margin:0 2px 0 0;
	width:auto !important;
}
td.navybackground div.wk_blogs_panel .wk_blogs_summary{ margin-left:2px;}
td.navybackground div.wk_blogs_panel ul.list { margin:0 0 0 4px;}
td.navybackground div.wk_blogs_panel ul.list li {
	border-bottom:1px solid gray;
	margin-top:4px !important;
}
td.navybackground div.wk_blogs_panel .wk_blogs_title { display:none;}
td.navybackground a.wikia-button { display:none;}

/* ############################ */
/* ##   Template:HeadingA    ## */
/* ############################ */

.mpheading{
	margin:0; 
	background-color:#024672; 
	font-size:120%; 
	font-weight:bold; 
	border:1px solid #71D1EF; 
	text-align:left; 
	color:#FFF; 
	padding:0.2em 0.4em;
}

/* ############################ */
/* ##   Template:Platforms   ## */
/* ############################ */

span.ps3icon img {
	background-color: #EEEEEE;
	border-radius: 5px 5px 5px 5px;
	padding-left: 2px;
	padding-right: 2px;
}

/* ############################### */
/* ##  Template:Little Sisters  ## */
/* ############################### */
.extraLS img{
	background: url("https://images.wikia.nocookie.net/__cb20091222193552/bioshock/images/thumb/4/42/Ungathered_Icon.png/70px-Ungathered_Icon.png") no-repeat scroll 0 0 transparent;
}

/* ############################ */
/* ##  Template:Novelsource  ## */
/* ############################ */
.source-note {display:none;}
.source-note:first-of-type {
	display:inline; 
	border-bottom:1px dotted #ffffff; 
	vertical-align:super; 
	font-size:85%; 
	cursor:help;
}
.rsource{
	background:url("https://images.wikia.nocookie.net/__cb20100710021933/bioshock/images/b/b4/80opacitynavy.png") repeat scroll 0 0 transparent;
	border-bottom: 1px solid gray; 
	border-top: 1px solid gray; 
	font-size: 11px; 
	line-height: 16px; 
	padding: 3px 5px;
}

/* ##################################### */
/* ##  Template:MapKey (Bio1 & Bio2)  ## */
/* ##################################### */
.key-item-top, .key-item-bottom{
display: inline-block;
vertical-align: bottom;
margin:3px 2px;
padding:2px 4px;
background:#0E192D;
border:2px solid #111122;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.key-item-top{height: 33px;}
.key-item-bottom{height: 40px;}

.key-icon{
display:inline-block;
vertical-align:bottom;
}

.key-text-top, .key-text-bottom, .key-text-bottom-single, .key-text-top-single{
font-weight:bold;
display:inline-block;
text-align:left;
padding-left: 4px;
}
.key-text-top{padding-top:2px;}
.key-text-bottom{padding-top:6px; padding-bottom:3px;}
.key-text-bottom-single{line-height: 38px; vertical-align:top;}
.key-text-top-single{line-height: 30px;}

/* ################################# */
/* ## Template:Audio Diary File   ## */
/* ################################# */
table.filedoc{
	width:100%;
	background-color:#013354;
	color:#FFFFFF;
	border:2px groove grey;
}
table.filedoc th{ background-color:#005477;}
.filedoc-rowtitle{
	text-align:right;
	padding-right:0.5em;
	width:120px;
}
table.filedoc th code{
	background-color: #054565;
	color: #EEFFDD;
	padding: 1px 2px 2px;
}
/* Customizing Tabber */
/* Source: dev.wikia.com/wiki/TabberDesign */
/* Active headers in Tabber */
 .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { 
    display:block !important; 
}
/* Remove white border */
.tabberlive {
	 border: 0px solid !important;
	 border-bottom: 0px solid !important;
}
.tabberlive > .tabbertab:not(.tabbertabhide) {
	 border: 0px solid !important;
}
/* add spaces to tabview tabs */
.tabberlive > ul.tabbernav > li {
    margin-right: 2px;
}
    /* not applying on the last tabview tabs */
    .tabberlive > ul.tabbernav > li:last-child {
        margin-right: 0;
    }
 
.tabbernav {
    background: transparent;
    padding: 3px 0 !important;
    border: none !important;
}
 
ul.tabbernav li a {
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-topright: 5px !important;
    background: #013354 !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border: none !important;
    color: white !important;
    font-weight: normal !important;
    margin-left: 0 !important;
    padding: 3px 0.5em !important;
    position: relative;
}
 
ul.tabbernav li.tabberactive a {
    background-color: #005F9C !important;
    border: none !important;
    color: white !important;
    cursor: default;
    font-weight: normal !important;
}
 
ul.tabbernav li.tabberactive {
    line-height: 0 !important;
}
 
    ul.tabbernav li.tabberactive:first-child a {
        margin-left: 0 !important;
    }
 
.tabbertab .ajax-poll {
    border: none !important;
}
.tabbernav :not(.tabberactive) a:hover {
    background: #19547B !important;
}
/* End of Customizing Tabber */

/**
 * EraIcon styling.
 * See https://dev.fandom.com/wiki/EraIcons
 */
.eraicon-dropdown {
    margin: 0.5em;
}