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 */

	#content a:link,
	#content a:visited {
		color: #0645AD;
	}
	#content a:hover:link,
	#content a:hover:visited,
	#content a:focus:link,
	#content a:focus:visited {
		color: #06C;
	}

	#content a.new:link,
	#content a.new:visited {
		color: #BA0000;
	}
	#content a.new:hover:link,
	#content a.new:hover:visited,
	#content a.new:focus:link,
	#content a.new:focus:visited {
		color: #B00;
	}

	#content a.oo-ui-buttonElement-button {
		color: #D33;
	}

	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;
		overflow: auto;
	}
	/* Leave it compact on RecentChanges */
	body:not(.mw-special-Recentchanges) code,
	body:not(.mw-special-Recentchanges) pre {
		display: block;
	}

	/* <tt> is obsolete */
	var,
	tt {
		background-color: whitesmoke;
		font-family: "Lucida Console", Consolas, monospace;
		font-size: 0.9em;
		font-style: normal;
		line-height: 1.4em;
		padding: 0.2em 0.3em;
	}

	code,
	pre,
	#wpTextbox1 {
		tab-size: 4;
		-moz-tab-size: 4;
	}

	code.inline {
		border-color: #ADC9E2;
		display: inline !important;
		margin: 0;
		padding: 0.33em;
		white-space: pre-wrap;
	}

	.mw-highlight {
		background-color: transparent;
	}


	/* WIKI Style */
	#p-navigation {
		margin-top: -36px !important; /* base on wiki's logo internal margin */
	}


	/* 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:Keyboard */

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

	table tr th.na-cell,
	table tr td.na-cell {
		background: #ECECEC;
		color: grey;
		font-size: 0.8em;
		text-align: center;
		vertical-align: middle;
	}

	/* 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;
	}

	.toc {
		border-radius: 0.3rem;
	}

	/*

	*/
	.code-comment {
		color: #00F;
		font-style: italic;
	}

	/*
		[[Template:TOC]]
	*/
	.toc-abc {
		border: 1px solid #AAA;
		display: flex;
		margin: 1em auto;
		text-align: center;
		max-width: 70em;
	}
	.toc-abc a {
		flex-grow: 1;
		padding: 0.25em 0.5em;
	}

	.toc-horizontal {
		width: 100% !important;
		overflow: auto;
	}
	.toc-horizontal .toc ul li {
		display: inline-table;
		margin: 0;
	}
	.toc-horizontal .toc ul ul li {
		margin: 0 1em 0 0;
	}

	.toc-side {
		float: right;
		margin: 0 0 0.5em 1.5em;
		max-width: 25%;
	}

	.toc-nonum .tocnumber {
		display: none;
	}

	.toc-nonum .toc ul {
		line-height: 1.5em;
		list-style: none;
		margin: .3em 0 0;
		padding: 0;
	}
	.toc-nonum .toc ul ul {
		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;
	}

	/* PRE tag without borders for Box_File template */

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

	/* Main Page floating boxes */

		/* Default base */

		div.floating-box-container {
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}

		div.floating-box {
			border: 1px solid #DDD;
			color: #404040;
			float: left;
			height: 12.5em;
			margin: 0.5em;
			padding: 0 0.5em;
			text-align: center;
			width: 21.5em;
		}
		div.floating-box h2 {
			margin: 0.2em 0;
		}
		div.floating-box p {
			margin: 0.25em;
		}

	/**
	* GVI
	* [[Template:GVI]]
	*/

	span.gvi2 {
		background-color: #CCC;
		display: inline-block;
		font-size: 12px;
		height: 32px;
		margin: 1px;
		overflow: hidden;
		position: relative;
		text-align: center;
		vertical-align: middle;
		width: 32px;
	}

	span.gvi2 span.icon {
		background-color: #FFF;
		display: flex;
		align-items: center;
		justify-content:center;
		overflow: hidden;
		position: absolute;
			top: 1px;
			left: 1px;
			right: 1px;
			bottom: 1em;
		text-align: center;
	}

	span.gvi2 span.version {
		box-sizing: border-box;
		display: block;
		font-family: consolas, monospace;
		font-weight: bold;
		line-height: 1em;
		max-height: 1em;
		position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
	}
	span.gvi2 span.version a {
		display: block;
		color: inherit !important;
	}
	span.gvi2 span.version a:hover {
		text-decoration: none;
	}

	span.gvi2.gvi-alpha {
		background-color: #ADBF83;
	}

	span.gvi2.gvi-beta {
		background-color: #668C9B; /* old: #8396BF; */
	}
	span.gvi2.gvi-beta span.version a {
		color: #FFF !important;
	}

	span.gvi2.gvi-dev {
		background-color: #E87600;
	}
	span.gvi2.gvi-dev span.version a {
		color: #FFF !important;
	}

	span.gvi2.gvi-diag {
		background-color: #62A762;
	}
	span.gvi2.gvi-diag span.version a {
		color: #FFF !important;
	}

	span.gvi2.gvi-ofp span.icon {
		background-color: #333;
	}
	span.gvi2.gvi-arma2   span.icon,
	span.gvi2.gvi-arma2oa span.icon {
		background-color: #333;
	}

	/**
	* Icon2
	* [[Template:Icon2]]
	*/

	span.icon2 {
		background-color: #CCC;
		color: #000;
		display: inline-block;
		font-size: .725em;
		height: 32px;
		position: relative;
		text-align: center;
		vertical-align: middle;
		width: 32px;
	}

	span.icon2 span.background {
		background-color: #FFF;
		background: radial-gradient(#FFF 66%, #DDD);
		font-family: Consolas, serif;
		font-size: .9em;
		letter-spacing: -0.025em;
		line-height: 1.75em;
		position: absolute;
			top: 1px;
			left: 1px;
			right: 1px;
			bottom: 1em;
	}
	span.icon2 span.background span.letter-1 {
		color: blue;
		font-family: 'DejaVu serif', 'Times New Roman', serif;
		font-size: 2.4em;
		font-weight: bold;
		vertical-align: bottom;
	}

	span.icon2 span.background span.letter-2 {
		color: #333;
		font-size: 2.33em;
		font-weight: bold;
	}

	span.icon2 span.subtext {
		position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			height: 1em;
			line-height:1em;
	}

	/**
	* Icon2 - verbose version
	* [[Template:Icon2]]
	*/

	span.icon2.icon2-verbose {
		font-size: 1em;
		width: 64px;
	}

	span.icon2.icon2-verbose span.background {
		background: unset;
		background-color: #FFF;
		bottom: 1px;
		font-size: .85em;
		line-height: 1.125em;
	}
	span.icon2.icon2-verbose span.background span.letter-1 {
		font-size: 1.5em;
		vertical-align: inherit;
	}
	span.icon2.icon2-verbose span.background span.letter-2 {
		font-size: 1.5em;
	}

	/**
	* 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 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: ":";
	}

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

	._description {
		margin: auto;
		max-width: 100em;
	}
	._description h3 {
		/* clear: both; this is done by the Clear template now */
		margin-top: 0.66em;
		padding:0.33em 2em;
		font-size: 1.2em;
		font-weight: bold;
		border-bottom: 0.0625em solid transparent;
	}
	._description.cmd h3 {
		color: #6788C2;
		background-color: #E0F0FF;
		border-color: #6788C2;
	}
	._description.fnc h3 {
		color: #25A1A1;
		background-color: #E0FFFF;
		border-color: #25A1A1;
	}
	._description.tool h3 {
		color: #62A762;
		background-color: #E5FFE5;
		border-color: #62A762;
	}

	._description .top-icons .gvi-icons {
		display: inline-block;
	}
	._description .top-icons .gvi-icons .gvi2 {
		margin-right: .5rem;
	}
	._description .top-icons .locality-icons {
		display: inline-block;
		margin-left:3em;
	}
	._description .top-icons .locality-icons a {
		margin-right: .5rem;
	}
	._description .top-icons .top-icons-info {
		color: grey;
		font-size: small;
	}

	._description pre,
	._description code {
		overflow: auto;
	}
	._description.cmd pre,
	._description.cmd code {
		border-color: #6788C2;
	}
	._description.fnc pre,
	._description.fnc code {
		border-color: #25A1A1;
	}
	._description.tool pre,
	._description.tool code {
		border-color: #62A762;
	}
	._description dt {
		clear: both;
		font-weight: bold;
		padding: .3em;
		position: absolute;
		width: 8.4em;
	}
	._description dd {
		margin: 0;
		padding: .3em .3em .3em 9em;
	}
	._description dd:after {
		clear: both;
		content: '';
		display: block;
	}

	._description dl.syntax dd:nth-child(4n+6) {
		background-color: #F5F5F5;
	}
	._description dl.syntax dd:last-child {
		background-color: inherit;
	}

	._description dd.alias,
	._description dd.groups,
	._description dd.seealso {
		column-count: 4;
	}

	._description dd.alias a,
	._description dd.groups a,
	._description dd.seealso a {
		display: block;
	}

	dl.notes dd {
		font-size: small;
		padding-left: unset;
		text-align: center;
	}
	dl.notes dd a:last-child {
		background-image: unset;
		border: 0.0625em solid #7A9CD3;
		display: block;
		margin: 0.5em auto;
		padding: 0.5em 1em;
		width: 5em;
	}

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

	dl.command_description {
		margin: auto;
		max-width: 100em;
	}
	dl.command_description dt.note {
		font-weight: bold;
		padding: .3em;
		position: absolute;
		width: 9em;
	}
	dl.command_description dd:after {
		clear: both;
		content: '';
		display: block;
	}
	dl.command_description dd.note {
		margin: 0;
		padding: .3em .3em .3em 9em;
		background-color: #EEE;
	}
	dl.command_description dd.notedate {
		margin: 0;
		padding: .125em;
		clear: both;
		font-size: 0.9em;
		text-align: right;
		border-bottom: 1px solid #CCC;
	}
	dl.command_description dd.note {
		margin-bottom: 1.5em;
	}
	dl.command_description.usernote_ofp dd.note,
	dl.command_description.usernote_arma0 dd.note {
		border-right: 0.25em solid #AA8;
	}
	dl.command_description.usernote_arma1 dd.note {
		border-right: 0.25em solid #FFDD7F;
	}
	dl.command_description.usernote_arma2 dd.note {
		border-right: 0.25em solid #6EA859;
	}
	dl.command_description.usernote_arma2oa dd.note {
		border-right: 0.25em solid #E1D6A8;
	}
	dl.command_description.usernote_arma3 dd.note {
		border-right: 0.25em solid #ADBF83;
	}
	dl.command_description.usernote_tkoh dd.note {
		border-right: 0.25em solid #8CF;
	}

	dl.command_description code {
		overflow: auto;
	}

	/*
		MOBILES
	*/
	@media screen and (orientation: portrait) {
		._description {
			width: 100%;
		}
		dl.command_description {
			width: 100%;
		}
	}


/*

	TOP MENU

*/

.topmenu {
	box-shadow: 0 0 1em 0 rgba(0,0,0,0.25);
	display: flex;
	flex-wrap: wrap;
	font-size: 1.1em;
	margin: 1em auto; /* 1em shadow */
	font-weight: bold;
	justify-content: center;
	line-height: 3em;
	text-align: center;
}
.topmenu a {
	flex-grow: 1;
	padding: 0.5em;
	white-space: nowrap;
}


.messagebox {
	color: #FFF;
	display: flex;
	align-items: center;
	margin: 0.5em 0;
}

.messagebox > div:nth-child(1) {
	min-width: 28px;
	max-width: 60px;
	min-height: 28px;
	max-height: 44px;
	flex-shrink: 0;
	font-size: 28px;
	margin: 0 8px;
	overflow: hidden;
	text-align: center;
}

.messagebox > div:nth-child(2) {
	background-color: #FFF;
	color: #333;
	flex-grow: 1;
	height: 100%;
	margin: 0.25em 0.25em 0.25em 0;
	overflow: auto;
	padding: 0.5em
}

.messagebox-spoiler {
	background-color:#FAA;
	border: 0.25em solid #D00;
	box-shadow: 0 0 1em 0 rgba(0,0,0,0.25);
	margin: 2em auto;
	padding: 0.25em;
	text-align:
	center; width: 60em;
	min-width: 30em;
	max-width: 100%
}
	.messagebox-spoiler .spoiler-title {
		font-size: large;
		font-weight: bold;
	}

.navboxWiki {
	border: 0.25em solid #CCC;
	font-size: .85em;
	margin: 1em auto;
	min-width: 75%;
}
.navboxWiki th {
	background-color: #EEE;
	padding: .5em 1em;
	min-width: 6em;
	width: 8em;
	max-width: 25%;
}
.navboxWiki td {
	padding: 0.125em 0.5em;
}
.navboxWiki td[colspan="2"] {
	padding: 0.5em;
	text-align: center;
}
.navboxWiki > tbody > tr:first-of-type {
	background-color: #DDD;
}
.navboxWiki tr:first-of-type th {
	font-size: 1.25em;
	position: relative;
}
.navboxWiki tr:first-of-type th span.mw-collapsible-toggle {
	background-color: #FFF;
	border: solid 0.0625em #888;
	font-size:0.65em;
	margin: .5em;
	padding: 0.125em 0.5em;
	position: absolute;
		top: 0;
		right: 0;
}
.navboxWiki tr:first-of-type th span.mw-collapsible-toggle:before,
.navboxWiki tr:first-of-type th span.mw-collapsible-toggle:after {
	content: '';
}
.navboxWiki .navboxWiki { /* sub-navbox */
	border: none;
	font-size: 1em;
	margin: -0.25em -0.5em;
	width: 100%;
}
.navboxWiki .navboxWiki > tbody > tr:first-of-type {
	background-color: inherit;
}
.navboxWiki .navboxWiki tr:first-of-type th {
	font-size: inherit;
}

/*

	TABS

*/

.biki-tab-title {
	border: 0.0625em solid transparent;
	cursor: pointer;
	display: inline-block;
	padding: 1em;
}
.biki-tab-title.selected {
	border-top-color: #DDD;
	border-left-color: #DDD;
	border-right-color: #DDD;
	border-bottom-color: #FFF;
}
.biki-tab-title:hover:not(.selected) {
	background-color: #EEE;
	color: #333;
}
.biki-tab-content {
	border: 0.0625em solid #DDD;
	margin-top: -0.0625em;
	padding: 1em;
}

.sticky-top,
.sticky-bottom {
	background-color: #FFF;
	padding: 0.25em 2em;
	min-height: 2em;
	position: sticky;
		left: 0;
		right: 0;
}
.sticky-top {
	border-bottom: solid 0.0625em #888;
		top: 0;
}
.sticky-bottom {
	border-top: solid 0.0625em #888;
		bottom: 0;
}

.columns {
	margin-top: 0.3em;
}
.columns > ul,
.columns > ol {
	margin-top: 0;
}

/*

	TKOM

*/

table.tkom-patch {
	width: 100%;
}

table.tkom-patch tr th {
	background-color: #FC0;
}

table.tkom-patch tr th:first-child {
	width: 80%;
}

table.tkom-patch tr.added {
	background-color: #DCDCDC;
}

table.tkom-patch tr.changed {
	background-color: #94E9FF;
}

table.tkom-patch tr.fixed {
	background-color: #FFFF6A;
}

table.tkom-patch tr.removed {
	background-color: #F99;
}

table.tkom-patch tr td:nth-child(2) {
	background-color: ECECEC;
	color: grey;
	text-align: center;
	vertical-align: middle;
}

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

	/* 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;
	}

	/* Reduce line-height for <sup> and <sub> */
	sup, sub {
		line-height: 1em;
	}

.collapseButton {				/* 'show'/'hide' buttons created dynamically	*/
	float: right;				/* by the CollapsibleTables javascript in		*/
	font-weight: normal;		/* [[MediaWiki:Common.js]] are styled here		*/
	text-align: right;			/* so they can be customised.					*/
	width: auto;
}

/*
	ARMA REFORGER BANNER
*/

.arma-reforger-banner {
	background-color: #000;
	background-image: image.jpg;
	color: #CCC;
	min-height: 20em;
	margin: 1em;
	padding: 2em;
}
.arma-reforger-banner img {
	float: right;
}
.arma-reforger-banner h3 {
	border-left: 1.5em #E2A750 solid;
	color: #CCC;
	font-size: 2.5em;
	padding-top: 0;
	padding-left: 1em;
}
.arma-reforger-banner strong {
	display: block;
	font-size: 1.25em;
	margin: 1em 0 0 0;
}
.arma-reforger-banner a {
  color: #E2A750 !important;
  font-weight: bold;
}

/*
	IE fixes
*/

@media all and (-ms-high-contrast:none)
{
	/* prevents globLoc/argEff linear background to be a big block in IE11 */
	span.icon2 span.background span.letter-1 {
		background-image: none !important;
		color: inherit !important;
	}
}



/*
	temp code/sqf tag visual indicator
*/
._description code:not(.inline) {
	position: relative;
}
._description code:not(.inline):after {
	content: "<CODE>";
	color: #55F;
	font-size: .8em;
	position: absolute;
		top: 0;
		right: 0.5em;
}