Common.css – MediaWiki

/*****************************************************************************************
 * Any CSS here will be loaded for all users on every page load.
 *
 * As such, the content of this file page should be kept as minimal as possible.
 *
 *****************************************************************************************/

/*****************************************************************************************
 * Special styles for BIKI
 */

	/* global styles */

	button::-moz-focus-inner {
		padding: 0;
	}
	div.editsection {
		margin-top: 2em;
	}
	h2 {
		margin-top: 1.5em;
	}
	h3 {
		margin-top: 1em;
	}
	h4 {
		font-size: 1.1em;
	}
	table h3 {
		margin-top: 0;
	}
	code,
	pre {
		margin: 0.5em 0 0.5em 0.5em;
		padding: 0.5em;
		background-color: #f9f9f9;
		border: 1px dashed #2f6fab;
		font-family: "Lucida Console", monospace;
		font-size: 0.9em;
		line-height: 1.4em;
		white-space: pre;
		tab-size: 4;
		-moz-tab-size: 4;
		overflow: auto;
	}
	/*Leave it compact on RecentChanges*/
	body:not(.mw-special-Recentchanges) code,pre{
		display:block;
	}
	tt {
		font-family: "Lucida Console", Consolas;
		background-color: ghostwhite;
		padding: 0.2em 0.3em;
		opacity: 0.9;
	}
	#toc {
		border-radius: 3px;
	}

	#wpTextbox1 {
		tab-size: 4;
	}

	/* Handling for parts of biki unified see also. Specifics also added to "._description" below */

	.page-Bohemia_Interactive_Community_Biki_unified_see_also.action-view #mw-content-text {
		white-space: pre;
		font-family: "Lucida Console", Consolas, monospace;
		font-size: 0.9em;
	}
	.page-Bohemia_Interactive_Community_Biki_unified_see_also.action-view #mw-content-text a.external {
		background-image: none;
		padding-right: 0;
	}
	.page-Bohemia_Interactive_Community_Biki_unified_see_also.action-view #mw-content-text div#breadcrumbs {
		white-space: normal;
		font-family: sans-serif;
	}

	div#biki-unified-see-also {
		position: relative;
		padding: 1em 3em 1em 1em;
		margin-bottom: 1em;
		border: 1px solid #aaa;
		border-radius: 3px;
	}
	div#biki-unified-see-also span:before {
		content: "\0020|\0020";
	}
	div#biki-unified-see-also span:first-child:before {
		content: "";
	}
	div#biki-unified-see-also:before {
		content: "See also:\0020";
		font-weight: bold;
	}
	div#biki-unified-see-also dl {
		margin-left: 1.6em;
	}
	div#biki-unified-see-also div {
		position: absolute;
		top: 0;
		right: 0.2em;
	}

	/* Hide subtitle and categories on Main Page*/

	.page-Main_Page #contentSub {
		display: none;
	}

	.page-Main_Page #catlinks {
		display: none;
	}

	.page-Main_Page #firstHeading{
		display: none;
	}

	/* span.keyboard for visual keyboard button emulation. Used by Template:kb */

	span.keyboard {
		padding: 1px 4px;
		border: 2px outset #ccc;
		border-radius: 3px;
		background-color: #ddd;
		font-family: Consolas;
		color: #000;
		text-shadow: 1px 1px 0 #fff;
		font-weight: bold;
		white-space: nowrap;
		line-height: 2em;
	}

	/* wikitable class for skinning normal tables */

	table.wikitable {
		margin: 1em 1em 1em 0;
		background: #f9f9f9;
		border: 1px #aaa solid;
		border-collapse: collapse;
	}
	table.wikitable th, table.wikitable td {
		border: 1px #aaa solid;
		padding: 0.2em;
	}
	table.wikitable th {
		background: #f2f2f2;
		text-align: center; 
	}
	table.wikitable caption {
		margin-left: inherit;
		margin-right: inherit;
	}

	/* bikitable class for skinning normal tables*/

	table.bikitable {
		margin: 1em;
		background-color: #f4f4f4;
		border-collapse: collapse;
	}
	table.bikitable caption {
		font-weight: bold;
	}
	table.bikitable th,
	table.bikitable td {
		padding: 0.2em 0.5em;
		border: 1px solid #aaa;
	}
	table.bikitable th {
		padding: 0.3em 0.5em;
		background-color: #e0e0e0;
	}

	/* operator tables */

	table.operators {
		width: 500px;
		margin: 0 1em 1em 1em; 
		border: 1px solid #a3b0bf;
	}
	table.operators caption {
		margin-top: 1em;
		margin-bottom: 0.3em;
		color: #006;
	}
	table.operators th, table.operators td {
		padding: 2px 5px;
	}
	table.operators th {
		background-color: #cedff2;
	}
	table.operators td {
		background-color: #eee;
	}
	
	/**
	* Class handling presentation of horizontal Tables of Content (TOC)
	*  initialised by the use of "Template:Horizontoc".
	*/

	div.horizontoc {
		display: block;
		max-width: 100%;
		overflow: auto;
	}
	.horizontoc #toc ul a {
		display: inline-block;
	}
	.horizontoc #toc ul ul {
		margin-left: 1em !important;
	}
	.horizontoc li {
		padding: 1px 5px 0 5px;
		border-width: 1px 0 0 1px;
		border-color: #aaa;
		border-style: none;
		border-radius: 3px 3px 0 0;
		list-style: circle inside none;
	}
	.horizontoc.ht-1 li.toclevel-1,
	.horizontoc.ht-2 li.toclevel-2,
	.horizontoc.ht-3 li.toclevel-3,
	.horizontoc.ht-4 li.toclevel-4,
	.horizontoc.ht-5 li.toclevel-5,
	.horizontoc.ht-6 li.toclevel-6 {
		display: inline-table;
		margin-right: -3px;
		border-style: solid;
	}

	/* PRE tag without borders for Box_File template */

	.scroll pre {
		border: none;
		background-color: transparent;
	}

	/* Floating box */

	.floating_box1 {
		border: 1px solid #a3b0bf;
		background: #e7eeff;
		width: 170px;
		height: 200px;
		padding: 0 5px;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.floating_box1 h2 {
		margin-top: 0.5em;
	}

	/* Command and Function Group floating boxes */

		/* Default base */

		div.floating-box {
			width: 300px;
			height: 200px;
			float: left;
			margin: 0 10px 10px 0;
			padding: 0 7px;
			border: 1px solid #ddd;
			color: #404040;
		}
		div.floating-box h2 {
			margin: 0.2em 0 0.2em 0;
		}
		div.floating-box p {
			margin: 0.2em;
		}
		div.floating-box dl {
			margin-top: 0;
		}
		div.floating-box dl dt {
			float: left;
		}
		div.floating-box dl dd {
			margin-left: 2.3em;
		}

		/* Specifics for Command Groups */

		div.floating-box.cmd {
			background-color: #e5eef8;
		}
		div.floating-box.cmd a {
			color: #6788c2;
		}

		/* Specifics for Function Groups */

		div.floating-box.fnc {
			background-color: #daf5f5;
		}
		div.floating-box.fnc a {
			color: #25a1a1;
		}

	/**
	* Class handling presentation of game version image icons.
	* Use "Template:GVI" in conjunction.
	*/

	div.gvi {
		display: inline-block;
		width: 30px;
		height: 30px;
		vertical-align: middle;
	}
	div.gvi a {
		text-decoration: none;
	}
	div.gvi a img {
		position: relative;
		z-index: 100;
		margin: unset;
	}
	div.gvi span {
		position: absolute;
		min-width: 28px;
		height: 8px;
		padding: 1px;
		margin: 21px 0 0 -30px;
		line-height: 7px;
		background-color: #e0e0e0;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		color: #000;
		text-align: center;
		z-index: 99;
	}
	div.gvi span.alpha {
		background-color: #adbf83;
	}
	div.gvi span.beta {
		background-color: #8396bf;
	}
	div.gvi span.release {
		background-color: #000;
		color: #fff;
	}

	/**
	* Class handling presentation of "Cfg* Config Reference" pages.
	* Use "Template:Cfg ref" in conjunction.
	*/

	.cfg_reference {
		width: 85%;
	}
	.cfg_reference h2 {
		font-size: 1.8em;
		font-weight: bold;
		color: #404040;
		margin-top: 1em;
		padding-top: 0;
		border: none;
	}
	.cfg_reference h3 {
		color: #404040;
		margin-top: 1em;
		padding-top: 0;
	}
	.cfg_reference p {
		margin-left: 1.2em;
	}
	.cfg_reference table {
		margin-left: 2em;
	}
	.cfg_reference img {
		margin: 0 0 10px 3px;
	}
	.cfg_reference span.mw-editsection {
		vertical-align: top;
	}
	.cfg_reference div.mw-geshi {
		margin: 1em 0 1em 2em;
		border: none;
		border-left: 1px solid #a0a0a0;
		background-color: #f4f4f4;
	}
	.cfg_reference div.abc {
		border-left: 25px solid #dfdfdf;
	}
	.cfg_reference div.abc h2 {
		background-color: #fff;
		margin-left: -25px;
		padding: 0.5em 0 0.5em 0.2em;
	}
	.cfg_reference div.abc h3 {
		float: left;
		width: 25px;
		margin: 0 0 0 -25px;
		padding-top: 0.3em;
		border: none;
		border-top: 1px solid #a0a0a0;
		font-size: 1.7em;
		font-weight: bold;
		color: #404040;
		text-align: center;
	}
	.cfg_reference div.abc h3 span.mw-editsection {
		display: none;
	}
	.cfg_reference div.abc h4,
	.cfg_reference div.abc h5 {
		background-color: #dfdfdf;
		background: -webkit-linear-gradient(90deg, #dfdfdf, rgba(223, 223, 223, 0));
		background: -o-linear-gradient(90deg, #dfdfdf, rgba(223, 223, 223, 0));
		background: -moz-linear-gradient(90deg, #dfdfdf, rgba(223, 223, 223, 0));
		background: linear-gradient(90deg, #dfdfdf, rgba(223, 223, 223, 0));
		padding: 0.3em 0.5em 0.1em 0.5em;
		border-top: 1px solid #a0a0a0;
		font-size: 1.3em;
		font-weight: normal;
		font-family: "Lucida Console", monospace;
		color: #404040;
	}
	.cfg_reference div.abc h4 span.mw-editsection,
	.cfg_reference div.abc h5 span.mw-editsection {
		vertical-align: middle;
		font-family: sans-serif;
		font-size: 70%;
		float: right;
	}
	.cfg_reference div.abc h4 span.mw-editsection span.mw-editsection-bracket,
	.cfg_reference div.abc h5 span.mw-editsection span.mw-editsection-bracket {
		display: none;
	}
	.cfg_reference div.abc h5 {
		margin-left: 0.6em;
		margin-right: 0.6em;
		font-size: 1.1em;
	}
	.cfg_reference div.abc h5 span.mw-editsection {
		font-size: 80%;
	}
	.cfg_reference div.abc h5 span.mw-editsection span.mw-editsection-bracket {
		display: none;
	}
	.cfg_reference div.abc dl {
		margin-left: 1.2em;
	}
	.cfg_reference div.abc dt {
		float: left;
		margin-right: 1em;
	}
	.cfg_reference div.abc dt:after {
		content: ":";
	}

	/* Bug priorities */

	.bug_priority_1,
	.bug_priority_2,
	.bug_priority_3,
	.bug_priority_4,
	.bug_priority_5,
	.bug_priority_0,
	.bug_priority_x {
		border-top: 1px solid black;
		padding: 0 0 2px 10px;
	}
	.bug_priority_1 .priority,
	.bug_priority_2 .priority,
	.bug_priority_3 .priority,
	.bug_priority_4 .priority,
	.bug_priority_5 .priority,
	.bug_priority_0 .priority {
		width: 200px;
		float: right;
		padding: 2px 5px;
		margin: 0 0 0 5px;
		font-size: 0.8em;
		font-weight: bold;
		line-height: 1em;
	}
	.bug_priority_1 .fixed,
	.bug_priority_2 .fixed,
	.bug_priority_3 .fixed,
	.bug_priority_4 .fixed,
	.bug_priority_5 .fixed,
	.bug_priority_0 .fixed {
		display: none;
	}
	.bug_priority_1 {
		border-color: #e88;
		background-color: #fdc; 
	}
	.bug_priority_1 .priority {
		background-color: #e88;
		color: #a22;
	}
	.bug_priority_2 {
		border-color: #dd8;
		background-color: #ffb; 
	}
	.bug_priority_2 .priority {
		background-color: #dd8;
		color: #991;
	}
	.bug_priority_3 {
		border-color: #bee;
		background-color: #dff; 
	}
	.bug_priority_3 .priority {
		background-color: #bee;
		color: #099;
	}
	.bug_priority_4 {
		border-color: #bcd;
		background-color: #dde7ff; 
	}
	.bug_priority_4 .priority {
		background-color: #bcd;
		color: #469;
	}
	.bug_priority_5 {
		border-color: #ccc;
		background-color: #f6f6f6; 
	}
	.bug_priority_5 .priority {
		background-color: #ccc;
		color: #555;
	}
	.bug_priority_0 {
		border-color: #af9;
		background-color: #dfd; 
	}
	.bug_priority_0 .priority {
		background-color: #af9;
		color: #090;
	}
	.bug_priority_x {
		border-color: #ddd;
		background-color: #fafafa; 
		color: #777;
	}
	.bug_priority_x .priority {
		display: none;
	}
	.bug_priority_x .fixed {
		display: block;
		width: 200px;
		float: right;
		padding: 2px 5px;
		margin: 0 0 0 5px;
		font-size: 0.8em;
		font-weight: bold;
		line-height: 1em;
		background-color: #ddd;
	}

	/**
	* Classes handling presentation of scripting Commands and Functions, and for Tools
	* Each controlled by their relative Template.
	*/

	._description {
		width: 85%;
	}
	._description h2 {
		font-size: 1.8em;
		font-weight: bold;
		border: none;
	}
	._description.cmd h2 {
		color: #6788c2;
	}
	._description.fnc h2 {
		color: #25a1a1;
	}
	._description.tool h2 {
		color: #62a762;
	}
	._description h3 {
		clear: both;
		margin: 0;
		padding: 0.3em 0.5em;
		font-size: 1.2em;
		font-weight: bold;
		border: 1px solid #ddd;
	}
	._description.cmd h3 {
		color: #6788c2;
		background-color: #e5eef8;
	}
	._description.fnc h3 {
		color: #25a1a1;
		background-color: #daf5f5;
	}
	._description.tool h3 {
		color: #62a762;
		background-color: #e9fae9;
	}
	/* Same as h3 but used to hide h4 from table of content using toclimit template*/
	._description h4 {
		clear: both;
		margin: 0;
		padding: 0.3em 0.5em;
		font-size: 1.2em;
		font-weight: bold;
		border: 1px solid #ddd;
	}
	._description.cmd h4 {
		color: #6788c2;
		background-color: #e5eef8;
	}
	._description.cmd pre,
	._description.cmd code {
		border-color: #6788c2;
		overflow: auto;
	}
	._description.fnc pre,
	._description.fnc code {
		border-color: #25a1a1;
		overflow: auto;
	}
	._description.tool pre,
	._description.tool code {
		border-color: #62a762;
		overflow: auto;
	}
	._description dt {
		width: 100px;
		float: left;
		clear: both;
		padding: 5px 5px 0 5px;
		font-weight: bold;
	}
	._description dd {
		margin: 0;
		padding: 5px 5px 5px 120px;
	}
	._description dd.param {
		padding-left: 140px;
		text-indent: -20px;
		background-color: #f8f8f8;
	}
	._description dd.param * {
		text-indent: 0;
	}

	._description dd.seealso {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
		padding: 5px 0 0 10px;
	}
	._description dd.seealso a {
		display: block;
	}
/*
	._description dd.seealso.busa {
		-webkit-columns: auto auto;
		-moz-columns: auto auto;
		columns: auto auto;
		padding: 5px 5px 5px 120px;
	}
	._description dd.seealso.busa a {
		display: none;
	}
	._description dd.seealso div#biki-unified-see-also {
		padding: 0 3em 0 0;
		margin-bottom: 0;
		border: none;
		border-radius: 0;
	}
	._description dd.seealso div#biki-unified-see-also:before {
		content: "";
	}
	._description dd.seealso.busa div#biki-unified-see-also dl {
		margin-top: 0;
		margin-left: 0;
	}
	._description dd.seealso.busa div#biki-unified-see-also dt {
		clear: none;
		padding: 0;
	}
	._description dd.seealso.busa div#biki-unified-see-also dd {
		padding-top: 0;
	}
	._description dd.seealso.busa div#biki-unified-see-also a {
		display: inline;
	}
*/
/*
	._description img {
		margin: 0 0 10px 3px;
	}
*/
	._description div.gvi {
		margin: 0 0 10px 3px;
	}
	._description div.gvi img {
		margin: unset;
	}

	/* Legacy note handling for Command and Function pages */

	dl.command_description {
		width: 85%;
	}
	dl.command_description dt.note {
		width: 110px;
		float: left;
		padding: 5px;
		font-weight: bold;
	}
	dl.command_description dd.note {
		margin-left: 0;
		padding: 5px 5px 5px 120px;
		background-color: #e8e8e8;
	}
	dl.command_description dd.notedate {
		margin: 20px 0 0 0;
		padding: 2px;
		clear: both;
		font-size: 0.9em;
		text-align: right;
		border-bottom: 1px solid #ccc;
	}
	dl.command_description code{
		overflow: auto;
	}

/*****************************************************************************************/

/*****************************************************************************************
 * MediaWiki:Common.css copied from Wikipedia started here.
 *  Most is now gone :-)
 */

	/* Reduce excess space between category links.
	Remove this when bug 31547 is resolved/deployed */

	#catlinks li {
		line-height: 1em;
		margin: 0.25em 0;
		padding: 0 0.5em;
	}
	#catlinks li:first-child {
		padding-left: 0.25em;
	}

	/* Edit window toolbar */

	#toolbar {
		height: 22px;
		margin-bottom: 6px;
	}

	/* Margins for <ol> and <ul> */

	div#content ol, div#content ul,
	div#mw_content ol, div#mw_content ul {
		margin-bottom: 0.5em;
	}

	/* When <div class="nonumtoc"> is used on the table of contents,
	the ToC will display without numbers */

	.nonumtoc .tocnumber { display: none; }
	.nonumtoc #toc ul,
	.nonumtoc .toc ul {
		line-height: 1.5em;
		list-style: none;
		margin: .3em 0 0;
		padding: 0;
	}
	.nonumtoc #toc ul ul, 
	.nonumtoc .toc ul ul { 
		/* @noflip */margin: 0 0 0 2em; 
	}

	/* Allow limiting of which header levels are shown in a TOC;
	<div class="toclimit-3">, for instance, will limit to
	showing ==headings== and ===headings=== but no further
	(as long as there are no =headings= on the page, which
	there shouldn't be according to the MoS).*/

	.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;
	}

	/* Reduce line-height for <sup> and <sub> */

	sup, sub {
		line-height: 1em;
	}

	/* Fix so <syntaxhighlight> tags and .css and .js pages get normal text size.
	[[Bugzilla:26204]] */

	div.mw-geshi div,
	div.mw-geshi div pre,
	span.mw-geshi,
	pre.source-css,
	pre.source-javascript {
		font-family: monospace, "Courier New" !important;
	}


/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    text-align: center;      /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
.navbox-group {              /* Group style */
    white-space: nowrap;
    /* @noflip */text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}
.navbox, .navbox-subgroup {
    background: #fdfdfd;     /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
    background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;     /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
    background: transparent; /* Odd row striping */
}
 
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    /* @noflip */float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]] are styled here   */
    /* @noflip */text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Navbar]],    */
}                          /* so they need to be the same width.         */
 
.navbar {                  /* Navbox template links */
    font-size: 88%;        /* Default font-size */
    font-weight: normal;
}
.navbox .navbar {
    font-size: 100%;       /* Font-size when nested within navbox */
}