Common.css – MediaWiki

From Bohemia Interactive Community
Jump to navigation Jump to search
(Add Messagebox/BI template CSS class)
m (Add Steam linear gradient)
 
Line 1,315: Line 1,315:
font-style: italic;
font-style: italic;
}
}
.biki-messagebox.feature-steam { background-color: #171D25; }
.biki-messagebox.feature-steam { background-color: #171D25; background: linear-gradient(#111D2E, #1387B9); }
.biki-messagebox.feature-tkoh { background-color: #8CF; }
.biki-messagebox.feature-tkoh { background-color: #8CF; }
.biki-messagebox.feature-warning { background-color: #F00; }
.biki-messagebox.feature-warning { background-color: #F00; }

Latest revision as of 21:33, 30 October 2024

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


/*******************************************************************************
 * MediaWiki Styles Override
 */

div.mw-changeslist-legend { /* recent changes legend */
	background-color: #EEF5FF;
}
div.mw-changeslist-legend dt { /* main page legend */
	float: left;
}
div.mw-references-wrap { /* reference notes */
	font-size: 0.9em;
}
div.mw-references-wrap:before {
	border-bottom: 1px solid #A2A9B1;
	content: 'Notes and References';
	display: block;
	font-family: monospace;
	font-size: 1.75em;
	margin: 3em auto 0.75em;
}

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

/* Fix the <h3>&nbsp;</h3> at the top of the category pages list */
.mw-category > .mw-category-group:only-child > h3 {
	display: none;
}
.mw-category > .mw-category-group:first-child > h3 {
	margin: 0;
}

.toc {
	border-radius: 0.3rem;
}

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

.mw-body-content h2 { margin-top: 1.75em; }
.mw-body-content h3 { margin-top: 1.00em; }

/* h1 { font-size: 2.00em !important; } */
.mw-body-content h2 { font-size: 1.75em; }
.mw-body-content h3 { font-size: 1.50em; }
.mw-body-content h4 { font-size: 1.25em; }
.mw-body-content h5 { font-size: 1.00em; }
.mw-body-content h6 { font-size: 0.90em; }

h1 > span.mw-editsection,
h2 > span.mw-editsection { /* because section editing removes the double-space above the section */
	font-style: italic;
	font-size: 0.5em;
}
h1 > span.mw-editsection > span.mw-editsection-bracket,
h2 > span.mw-editsection > span.mw-editsection-bracket {
	display: none;
}

span.mw-editsection {
	float: right;
}

/*
	hides the "Variants" v1.35 tab near Page|Discussion tabs
*/
#p-variants {
	display: none;
}

/*
	hides the Preferences > Appearance > Skin > Vector 2022
*/
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-radioOptionWidget:has( > span > input[value="vector-2022"]) {
	display:none;
}

pre {
	border-color: #DDD;
}

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

/* table header style */
table.wikitable > thead > tr > th,
table.wikitable > tbody > tr > th {
	background-color: #F2F2F2; /* from Kronzky on 11 August 2006 @ 17:48 */
}

/*
	rounded corners
	https://unused-css.com/blog/css-rounded-table-corners/ does not work with merged cells, using a box shadow to mimic it
*/
table.wikitable {
	box-shadow: 0 0 0.125em #A2A9B1;
}

/*
	nowikitable - remove a wikitable sub-table style
*/
table.wikitable table.nowikitable tbody > tr > td,
table.wikitable table.nowikitable thead > tr > th,
table.wikitable table.nowikitable tbody > tr > th {
	background-color: unset;
	border: unset;
}

.mw-body-content table h2,
.mw-body-content table h3,
.mw-body-content table h4,
.mw-body-content table h5,
.mw-body-content table h6 {
	margin-top: 0;
	padding-top: 0;
}
.mw-body-content table .mw-editsection {
	display: block;
	float: initial;
	font-size: 0.66em;
}
.mw-body-content table .mw-editsection .mw-editsection-bracket {
	display: none;
}

/* vertical alignment */
table.valign-top th, table.valign-top td, table tr.valign-top th, table tr.valign-top td,
table.valign-top-row-1 tr:nth-child(1) th, table.valign-top-row-1 tr:nth-child(1) td,
table.valign-top-row-2 tr:nth-child(2) th, table.valign-top-row-2 tr:nth-child(2) td,
table.valign-top-row-3 tr:nth-child(3) th, table.valign-top-row-3 tr:nth-child(3) td,
table.valign-top-row-4 tr:nth-child(4) th, table.valign-top-row-4 tr:nth-child(4) td,
table.valign-top-row-5 tr:nth-child(5) th, table.valign-top-row-5 tr:nth-child(5) td,
table.valign-top-row-6 tr:nth-child(6) th, table.valign-top-row-6 tr:nth-child(6) td,
table.valign-top-row-7 tr:nth-child(7) th, table.valign-top-row-7 tr:nth-child(7) td,
table.valign-top-row-8 tr:nth-child(8) th, table.valign-top-row-8 tr:nth-child(8) td,
table.valign-top-col-1 tr th:nth-child(1), table.valign-top-col-1 tr td:nth-child(1), table tr.valign-top-col-1 th:nth-child(1), table tr.valign-top-col-1 td:nth-child(1),
table.valign-top-col-2 tr th:nth-child(2), table.valign-top-col-2 tr td:nth-child(2), table tr.valign-top-col-2 th:nth-child(2), table tr.valign-top-col-2 td:nth-child(2),
table.valign-top-col-3 tr th:nth-child(3), table.valign-top-col-3 tr td:nth-child(3), table tr.valign-top-col-3 th:nth-child(3), table tr.valign-top-col-3 td:nth-child(3),
table.valign-top-col-4 tr th:nth-child(4), table.valign-top-col-4 tr td:nth-child(4), table tr.valign-top-col-4 th:nth-child(4), table tr.valign-top-col-4 td:nth-child(4),
table.valign-top-col-5 tr th:nth-child(5), table.valign-top-col-5 tr td:nth-child(5), table tr.valign-top-col-5 th:nth-child(5), table tr.valign-top-col-5 td:nth-child(5),
table.valign-top-col-6 tr th:nth-child(6), table.valign-top-col-6 tr td:nth-child(6), table tr.valign-top-col-6 th:nth-child(6), table tr.valign-top-col-6 td:nth-child(6),
table.valign-top-col-7 tr th:nth-child(7), table.valign-top-col-7 tr td:nth-child(7), table tr.valign-top-col-7 th:nth-child(7), table tr.valign-top-col-7 td:nth-child(7),
table.valign-top-col-8 tr th:nth-child(8), table.valign-top-col-8 tr td:nth-child(8), table tr.valign-top-col-8 th:nth-child(8), table tr.valign-top-col-8 td:nth-child(8),
table tr td.valign-top {
	vertical-align: top;
}

table.valign-middle th, table.valign-middle td, table tr.valign-middle th, table tr.valign-middle td,
table.valign-middle-row-1 tr:nth-child(1) th, table.valign-middle-row-1 tr:nth-child(1) td,
table.valign-middle-row-2 tr:nth-child(2) th, table.valign-middle-row-2 tr:nth-child(2) td,
table.valign-middle-row-3 tr:nth-child(3) th, table.valign-middle-row-3 tr:nth-child(3) td,
table.valign-middle-row-4 tr:nth-child(4) th, table.valign-middle-row-4 tr:nth-child(4) td,
table.valign-middle-row-5 tr:nth-child(5) th, table.valign-middle-row-5 tr:nth-child(5) td,
table.valign-middle-row-6 tr:nth-child(6) th, table.valign-middle-row-6 tr:nth-child(6) td,
table.valign-middle-row-7 tr:nth-child(7) th, table.valign-middle-row-7 tr:nth-child(7) td,
table.valign-middle-row-8 tr:nth-child(8) th, table.valign-middle-row-8 tr:nth-child(8) td,
table.valign-middle-col-1 tr th:nth-child(1), table.valign-middle-col-1 tr td:nth-child(1), table tr.valign-middle-col-1 th:nth-child(1), table tr.valign-middle-col-1 td:nth-child(1),
table.valign-middle-col-2 tr th:nth-child(2), table.valign-middle-col-2 tr td:nth-child(2), table tr.valign-middle-col-2 th:nth-child(2), table tr.valign-middle-col-2 td:nth-child(2),
table.valign-middle-col-3 tr th:nth-child(3), table.valign-middle-col-3 tr td:nth-child(3), table tr.valign-middle-col-3 th:nth-child(3), table tr.valign-middle-col-3 td:nth-child(3),
table.valign-middle-col-4 tr th:nth-child(4), table.valign-middle-col-4 tr td:nth-child(4), table tr.valign-middle-col-4 th:nth-child(4), table tr.valign-middle-col-4 td:nth-child(4),
table.valign-middle-col-5 tr th:nth-child(5), table.valign-middle-col-5 tr td:nth-child(5), table tr.valign-middle-col-5 th:nth-child(5), table tr.valign-middle-col-5 td:nth-child(5),
table.valign-middle-col-6 tr th:nth-child(6), table.valign-middle-col-6 tr td:nth-child(6), table tr.valign-middle-col-6 th:nth-child(6), table tr.valign-middle-col-6 td:nth-child(6),
table.valign-middle-col-7 tr th:nth-child(7), table.valign-middle-col-7 tr td:nth-child(7), table tr.valign-middle-col-7 th:nth-child(7), table tr.valign-middle-col-7 td:nth-child(7),
table.valign-middle-col-8 tr th:nth-child(8), table.valign-middle-col-8 tr td:nth-child(8), table tr.valign-middle-col-8 th:nth-child(8), table tr.valign-middle-col-8 td:nth-child(8),
table tr td.valign-middle {
	vertical-align: middle;
}

table.valign-bottom th, table.valign-bottom td, table tr.valign-bottom th, table tr.valign-bottom td,
table.valign-bottom-row-1 tr:nth-child(1) th, table.valign-bottom-row-1 tr:nth-child(1) td,
table.valign-bottom-row-2 tr:nth-child(2) th, table.valign-bottom-row-2 tr:nth-child(2) td,
table.valign-bottom-row-3 tr:nth-child(3) th, table.valign-bottom-row-3 tr:nth-child(3) td,
table.valign-bottom-row-4 tr:nth-child(4) th, table.valign-bottom-row-4 tr:nth-child(4) td,
table.valign-bottom-row-5 tr:nth-child(5) th, table.valign-bottom-row-5 tr:nth-child(5) td,
table.valign-bottom-row-6 tr:nth-child(6) th, table.valign-bottom-row-6 tr:nth-child(6) td,
table.valign-bottom-row-7 tr:nth-child(7) th, table.valign-bottom-row-7 tr:nth-child(7) td,
table.valign-bottom-row-8 tr:nth-child(8) th, table.valign-bottom-row-8 tr:nth-child(8) td,
table.valign-bottom-col-1 tr th:nth-child(1), table.valign-bottom-col-1 tr td:nth-child(1), table tr.valign-bottom-col-1 th:nth-child(1), table tr.valign-bottom-col-1 td:nth-child(1),
table.valign-bottom-col-2 tr th:nth-child(2), table.valign-bottom-col-2 tr td:nth-child(2), table tr.valign-bottom-col-2 th:nth-child(2), table tr.valign-bottom-col-2 td:nth-child(2),
table.valign-bottom-col-3 tr th:nth-child(3), table.valign-bottom-col-3 tr td:nth-child(3), table tr.valign-bottom-col-3 th:nth-child(3), table tr.valign-bottom-col-3 td:nth-child(3),
table.valign-bottom-col-4 tr th:nth-child(4), table.valign-bottom-col-4 tr td:nth-child(4), table tr.valign-bottom-col-4 th:nth-child(4), table tr.valign-bottom-col-4 td:nth-child(4),
table.valign-bottom-col-5 tr th:nth-child(5), table.valign-bottom-col-5 tr td:nth-child(5), table tr.valign-bottom-col-5 th:nth-child(5), table tr.valign-bottom-col-5 td:nth-child(5),
table.valign-bottom-col-6 tr th:nth-child(6), table.valign-bottom-col-6 tr td:nth-child(6), table tr.valign-bottom-col-6 th:nth-child(6), table tr.valign-bottom-col-6 td:nth-child(6),
table.valign-bottom-col-7 tr th:nth-child(7), table.valign-bottom-col-7 tr td:nth-child(7), table tr.valign-bottom-col-7 th:nth-child(7), table tr.valign-bottom-col-7 td:nth-child(7),
table.valign-bottom-col-8 tr th:nth-child(8), table.valign-bottom-col-8 tr td:nth-child(8), table tr.valign-bottom-col-8 th:nth-child(8), table tr.valign-bottom-col-8 td:nth-child(8),
table tr td.valign-bottom {
	vertical-align: bottom;
}


/* horizontal alignment */
table.align-left th, table.align-left td, table tr.align-left th, table tr.align-left td,
table.align-left-row-1 tr:nth-child(1) th, table.align-left-row-1 tr:nth-child(1) td,
table.align-left-row-2 tr:nth-child(2) th, table.align-left-row-2 tr:nth-child(2) td,
table.align-left-row-3 tr:nth-child(3) th, table.align-left-row-3 tr:nth-child(3) td,
table.align-left-row-4 tr:nth-child(4) th, table.align-left-row-4 tr:nth-child(4) td,
table.align-left-row-5 tr:nth-child(5) th, table.align-left-row-5 tr:nth-child(5) td,
table.align-left-row-6 tr:nth-child(6) th, table.align-left-row-6 tr:nth-child(6) td,
table.align-left-row-7 tr:nth-child(7) th, table.align-left-row-7 tr:nth-child(7) td,
table.align-left-row-8 tr:nth-child(8) th, table.align-left-row-8 tr:nth-child(8) td,
table.align-left-col-1 tr th:nth-child(1), table.align-left-col-1 tr td:nth-child(1), table tr.align-left-col-1 th:nth-child(1), table tr.align-left-col-1 td:nth-child(1),
table.align-left-col-2 tr th:nth-child(2), table.align-left-col-2 tr td:nth-child(2), table tr.align-left-col-2 th:nth-child(2), table tr.align-left-col-2 td:nth-child(2),
table.align-left-col-3 tr th:nth-child(3), table.align-left-col-3 tr td:nth-child(3), table tr.align-left-col-3 th:nth-child(3), table tr.align-left-col-3 td:nth-child(3),
table.align-left-col-4 tr th:nth-child(4), table.align-left-col-4 tr td:nth-child(4), table tr.align-left-col-4 th:nth-child(4), table tr.align-left-col-4 td:nth-child(4),
table.align-left-col-5 tr th:nth-child(5), table.align-left-col-5 tr td:nth-child(5), table tr.align-left-col-5 th:nth-child(5), table tr.align-left-col-5 td:nth-child(5),
table.align-left-col-6 tr th:nth-child(6), table.align-left-col-6 tr td:nth-child(6), table tr.align-left-col-6 th:nth-child(6), table tr.align-left-col-6 td:nth-child(6),
table.align-left-col-7 tr th:nth-child(7), table.align-left-col-7 tr td:nth-child(7), table tr.align-left-col-7 th:nth-child(7), table tr.align-left-col-7 td:nth-child(7),
table.align-left-col-8 tr th:nth-child(8), table.align-left-col-8 tr td:nth-child(8), table tr.align-left-col-8 th:nth-child(8), table tr.align-left-col-8 td:nth-child(8),
table tr td.align-left {
	text-align: left;
}

table.align-center th, table.align-center td, table tr.align-center th, table tr.align-center td,
table.align-center-row-1 tr:nth-child(1) th, table.align-center-row-1 tr:nth-child(1) td,
table.align-center-row-2 tr:nth-child(2) th, table.align-center-row-2 tr:nth-child(2) td,
table.align-center-row-3 tr:nth-child(3) th, table.align-center-row-3 tr:nth-child(3) td,
table.align-center-row-4 tr:nth-child(4) th, table.align-center-row-4 tr:nth-child(4) td,
table.align-center-row-5 tr:nth-child(5) th, table.align-center-row-5 tr:nth-child(5) td,
table.align-center-row-6 tr:nth-child(6) th, table.align-center-row-6 tr:nth-child(6) td,
table.align-center-row-7 tr:nth-child(7) th, table.align-center-row-7 tr:nth-child(7) td,
table.align-center-row-8 tr:nth-child(8) th, table.align-center-row-8 tr:nth-child(8) td,
table.align-center-col-1 tr th:nth-child(1), table.align-center-col-1 tr td:nth-child(1), table tr.align-center-col-1 th:nth-child(1), table tr.align-center-col-1 td:nth-child(1),
table.align-center-col-2 tr th:nth-child(2), table.align-center-col-2 tr td:nth-child(2), table tr.align-center-col-2 th:nth-child(2), table tr.align-center-col-2 td:nth-child(2),
table.align-center-col-3 tr th:nth-child(3), table.align-center-col-3 tr td:nth-child(3), table tr.align-center-col-3 th:nth-child(3), table tr.align-center-col-3 td:nth-child(3),
table.align-center-col-4 tr th:nth-child(4), table.align-center-col-4 tr td:nth-child(4), table tr.align-center-col-4 th:nth-child(4), table tr.align-center-col-4 td:nth-child(4),
table.align-center-col-5 tr th:nth-child(5), table.align-center-col-5 tr td:nth-child(5), table tr.align-center-col-5 th:nth-child(5), table tr.align-center-col-5 td:nth-child(5),
table.align-center-col-6 tr th:nth-child(6), table.align-center-col-6 tr td:nth-child(6), table tr.align-center-col-6 th:nth-child(6), table tr.align-center-col-6 td:nth-child(6),
table.align-center-col-7 tr th:nth-child(7), table.align-center-col-7 tr td:nth-child(7), table tr.align-center-col-7 th:nth-child(7), table tr.align-center-col-7 td:nth-child(7),
table.align-center-col-8 tr th:nth-child(8), table.align-center-col-8 tr td:nth-child(8), table tr.align-center-col-8 th:nth-child(8), table tr.align-center-col-8 td:nth-child(8),
table tr td.align-center {
	text-align: center;
}

table.align-right th, table.align-right td, table tr.align-right th, table tr.align-right td,
table.align-right-row-1 tr:nth-child(1) th, table.align-right-row-1 tr:nth-child(1) td,
table.align-right-row-2 tr:nth-child(2) th, table.align-right-row-2 tr:nth-child(2) td,
table.align-right-row-3 tr:nth-child(3) th, table.align-right-row-3 tr:nth-child(3) td,
table.align-right-row-4 tr:nth-child(4) th, table.align-right-row-4 tr:nth-child(4) td,
table.align-right-row-5 tr:nth-child(5) th, table.align-right-row-5 tr:nth-child(5) td,
table.align-right-row-6 tr:nth-child(6) th, table.align-right-row-6 tr:nth-child(6) td,
table.align-right-row-7 tr:nth-child(7) th, table.align-right-row-7 tr:nth-child(7) td,
table.align-right-row-8 tr:nth-child(8) th, table.align-right-row-8 tr:nth-child(8) td,
table.align-right-col-1 tr th:nth-child(1), table.align-right-col-1 tr td:nth-child(1), table tr.align-right-col-1 th:nth-child(1), table tr.align-right-col-1 td:nth-child(1),
table.align-right-col-2 tr th:nth-child(2), table.align-right-col-2 tr td:nth-child(2), table tr.align-right-col-2 th:nth-child(2), table tr.align-right-col-2 td:nth-child(2),
table.align-right-col-3 tr th:nth-child(3), table.align-right-col-3 tr td:nth-child(3), table tr.align-right-col-3 th:nth-child(3), table tr.align-right-col-3 td:nth-child(3),
table.align-right-col-4 tr th:nth-child(4), table.align-right-col-4 tr td:nth-child(4), table tr.align-right-col-4 th:nth-child(4), table tr.align-right-col-4 td:nth-child(4),
table.align-right-col-5 tr th:nth-child(5), table.align-right-col-5 tr td:nth-child(5), table tr.align-right-col-5 th:nth-child(5), table tr.align-right-col-5 td:nth-child(5),
table.align-right-col-6 tr th:nth-child(6), table.align-right-col-6 tr td:nth-child(6), table tr.align-right-col-6 th:nth-child(6), table tr.align-right-col-6 td:nth-child(6),
table.align-right-col-7 tr th:nth-child(7), table.align-right-col-7 tr td:nth-child(7), table tr.align-right-col-7 th:nth-child(7), table tr.align-right-col-7 td:nth-child(7),
table.align-right-col-8 tr th:nth-child(8), table.align-right-col-8 tr td:nth-child(8), table tr.align-right-col-8 th:nth-child(8), table tr.align-right-col-8 td:nth-child(8),
table tr td.align-right {
	text-align: right;
}

code:not(.mw-highlight),
div:not(.mw-highlight) > pre {
	margin: 0.5em 0 0.5em 0.5em;
	padding: 0.5em;
	background-color: #F9F9F9;
	border: 1px dashed #2F6FAB;
	font-size: 0.9em;
	line-height: 1.4em;
	white-space: pre;
	overflow-x: auto;
}

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

tt:after {
	color: #D33;
	content: "<tt> is obsolete, use {{hl|text}} template";
	font-family: arial;
	font-size: 75%;
	font-weight: bold;
	line-height: 0;
	margin-left: 1em;
	position: relative;
		top: -0.5em;
	vertical-align: baseline;
}

/* technical writing style */
pre, code, tt, kbd, samp, .mw-code {
	font-family: "Lucida Console", monospace;
	tab-size: 4;
}
#wpTextbox1 {
	tab-size: 4;
}

/*
	syntaxhighlight styling
*/
div.mw-highlight > pre > span.k,
div.mw-highlight > pre > span.kc,
div.mw-highlight > pre > span.nc,
div.mw-highlight > pre > span.nn,
div.mw-highlight > pre > span.nt,
div.mw-highlight > pre > span > span.k,
div.mw-highlight > pre > span > span.kc,
div.mw-highlight > pre > span > span.nc,
div.mw-highlight > pre > span > span.nn,
div.mw-highlight > pre > span > span.nt {
	font-weight: normal;
	text-shadow: 0 0 0.075em;		/* fake bold */
}

/* css !important */
div.mw-highlight.mw-highlight-lang-css .cp {
	background-color: #FF8;
	color: #D00;
	margin: -0.125em;
	padding: 0.125em;
	text-shadow: 0 0 0.075em;		/* fake bold */
}

div.mw-highlight > pre {
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0.5em 0;
	padding: 0.5em;
	overflow-x: auto;
	white-space: pre;
}

/*
	smaller Wiki-styled checkboxes, e.g [[Special:Search]] (after v1.39)
*/
.oo-ui-checkboxInputWidget [type="checkbox"],
.oo-ui-checkboxInputWidget [type="checkbox"] + span {
	height: 1.2em;
		min-height: unset;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	width: 1.2em;
		min-width: unset;
}

.oo-ui-layout.oo-ui-labelElement.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
	line-height: 1.1em;
}

/*
	bigger native checkboxes, e.g [[Special:ReplaceText]]
*/
input[type="checkbox"] {
	height: 1.2em;
	width: 1.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;
}


/*******************************************************************************
 * Custom Styles
 */

/*
	float-right everything (table, etc)
*/
.float-right,
table.float-right /* needed to override table.wikitable */ {
	float: right;
	margin: 0 0 0.5em 1.5em;
}

/*
	Main Page (and Eden Editor) floating boxes
*/
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 h3 {
	margin-top: 0.3em;
}
div.floating-box p {
	margin: 0.25em;
}
div.floating-box.box-highlight {
	box-shadow: 0 0 0.25em rgba(255,128,128,0.5) inset;
}

/*
	TKOM patches
	[[Take On Mars: Beta Patches]]
*/
table.tkom-patch {
	width: 100%;
}

table.tkom-patch > tbody > 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;
}

/*******************************************************************************
 * Template Styles
 */

/*
	[[Template:Controls/Control]]
	kbd for keyboard keys
	span.control-pad* for controller buttons
*/
kbd {
	color: #333;
	background-color: #EEE;
	border: 1px outset #888;
	border-radius: 0.25em;
	font-family: Consolas, monospace;
	font-weight: bold;
	line-height: 2em;
	margin: 0 0.125em;
	padding: 0.2em 0.33em;
	white-space:nowrap;
}

span.control-pad,
span.control-pad-blue,
span.control-pad-green,
span.control-pad-pink,
span.control-pad-red,
span.control-pad-white,
span.control-pad-yellow {
	background-color: #000;
	border-radius: 10em;
	border: outset #DDD 0.2em;
	color: #DDD;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 2.5em;
	margin: 0 0.125em;
	padding: 0.5em;
	text-shadow: 0 0 #FFF;
}
span.control-pad-blue {
	border-color: #33F;
	color: #33F;
}
span.control-pad-green {
	border-color: #0D0;
	color: #0D0;
}
span.control-pad-pink {
	border-color: #F3A;
	color: #F3A;
}
span.control-pad-red {
	border-color: #D00;
	color: #D00;
}
span.control-pad-white {
	border-color: #FFF;
	color: #FFF;
}
span.control-pad-yellow {
	border-color: #FC3;
	color: #FC3;
}

/*
	gamepad icons use PromptFont, a very nice font made under the SIL Open Font Licence
	find it @ https://shinmera.github.io/promptfont/
*/
@font-face {
	font-family: 'PromptFont';
	src:
		url('/wikidata/resources/assets/fonts/PromptFont.woff2') format('woff2'),
		url('/wikidata/resources/assets/fonts/PromptFont.ttf') format('truetype'),
		url('/wikidata/resources/assets/fonts/PromptFont.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

span.control-gamepad {
	font-family: PromptFont, sans-serif;
	font-size: 2.5em;
	line-height: 1.25em;
	margin: 0 0.1em;
	vertical-align: sub;
}

span.xbox-blue			{ text-shadow: -2px -2px 2px #40CCD0, 2px -2px 2px #40CCD0, -2px 2px 2px #40CCD0, 2px 2px 2px #40CCD0; }
span.xbox-green			{ text-shadow: -2px -2px 2px #3CDB4E, 2px -2px 2px #3CDB4E, -2px 2px 2px #3CDB4E, 2px 2px 2px #3CDB4E; }
span.xbox-red			{ text-shadow: -2px -2px 2px #D04242, 2px -2px 2px #D04242, -2px 2px 2px #D04242, 2px 2px 2px #D04242; }
span.xbox-yellow		{ text-shadow: -2px -2px 2px #ECDB33, 2px -2px 2px #ECDB33, -2px 2px 2px #ECDB33, 2px 2px 2px #ECDB33; } /* strong vs tame colours */
span.playstation-blue	{ text-shadow: -2px -2px 2px #6B8AC8, 2px -2px 2px #6B8AC8, -2px 2px 2px #6B8AC8, 2px 2px 2px #6B8AC8; } /* #6B8AC8 vs #9BADE4 */
span.playstation-green	{ text-shadow: -2px -2px 2px #30DE98, 2px -2px 2px #30DE98, -2px 2px 2px #30DE98, 2px 2px 2px #30DE98; } /* #30DE98 vs #37DBC5 */
span.playstation-pink	{ text-shadow: -2px -2px 2px #DC8FC4, 2px -2px 2px #DC8FC4, -2px 2px 2px #DC8FC4, 2px 2px 2px #DC8FC4; } /* #DC8FC4 vs #D591BD */
span.playstation-red	{ text-shadow: -2px -2px 2px #F6363A, 2px -2px 2px #F6363A, -2px 2px 2px #F6363A, 2px 2px 2px #F6363A; } /* #F6363A vs #EF6D6B */

/*
	[[Template:n/a]]
*/
table tr th.na-cell,
table tr td.na-cell {
	background: #ECECEC;
	color: grey;
	font-size: 0.8em;
	text-align: center;
	vertical-align: middle;
}

/*
	[[Template:cc]]
	[[Template:codecomment]]
*/
.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: 0.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;
}

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

/*
* [[Template:Icon]]
* Icon
*/
span.promptfont {
	font-family: PromptFont;
}

/*
* [[Template:Icon2]]
* Icon2 - short version
*/
span.icon2 {
	background-color: #CCC;
	color: #000;
	display: inline-block;
	font-size: 0.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: 0.9em;
	line-height: 1.75em;
	position: absolute;
		top: 1px;
		left: 1px;
		right: 1px;
		bottom: 1.05em;
}
span.icon2 span.background span.letter-1 {
	color: blue;
	font-family: 'DejaVu serif', 'Times New Roman', serif;
	font-size: 2.4em;
	font-weight: bold;
	position: relative;
		top: 0.2em;
}

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

/*
* [[Template:Icon2]]
* Icon2 - verbose version
*/
span.icon2.icon2-verbose {
	font-size: 1em;
	width: 64px;
}

span.icon2.icon2-verbose span.background {
	background: unset;
	background-color: #FFF;
	bottom: 1px;
	font-size: 0.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;
}

/*
* [[Template:ConfigPage]]
* Class handling presentation of "Cfg* Config Reference" pages
*/
.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-highlight > pre {
	margin: 1em 0 1em 2em;
	border: none;
	border-left: 1px solid #AAA;
	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: 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: ":";
}

/*
 * [[Template:RV]]
 * THE template for Real Virtuality documentation (commands and functions)
 */
._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: 0.5rem;
}
._description .top-icons .locality-icons {
	display: inline-block;
	margin-left: 3em;
}
._description .top-icons .locality-icons a {
	margin-right: 0.5rem;
}
._description .top-icons .top-icons-info {
	color: grey;
	font-size: small;
}

._description.cmd pre,
._description.cmd code:not(.mw-highlight),
._description.cmd div.sqfhighlighter-block {
	border-color: #6788C2;
}
._description.fnc pre,
._description.fnc code:not(.mw-highlight),
._description.fnc div.sqfhighlighter-block {
	border-color: #25A1A1;
}
._description.tool pre,
._description.tool code:not(.mw-highlight),
._description.tool div.sqfhighlighter-block {
	border-color: #62A762;
}
/* when browsing pages history, back when everything was linked manually... */
._description.cmd dl > dd > code:not(.mw-highlight) {
	display: block;
}

/*
	[[Position]] tooltip
*/
._description dl.syntax a[href="/wiki/Position#PositionAGL"],
._description dl.syntax a[href="/wiki/Position#PositionAGLS"],
._description dl.syntax a[href="/wiki/Position#PositionASL"],
._description dl.syntax a[href="/wiki/Position#PositionASLW"],
._description dl.syntax a[href="/wiki/Position#PositionATL"] {
	position: relative;
}

._description dl.syntax a[href="/wiki/Position#PositionAGL"]:after,
._description dl.syntax a[href="/wiki/Position#PositionAGLS"]:after,
._description dl.syntax a[href="/wiki/Position#PositionASL"]:after,
._description dl.syntax a[href="/wiki/Position#PositionASLW"]:after,
._description dl.syntax a[href="/wiki/Position#PositionATL"]:after {
	background-color: #EEE;
	background-image: url('https://community.bistudio.com/wikidata/images/2/23/position.jpg');
	background-position-y: 100%;
	background-repeat: no-repeat;
	background-size: 300px 166px;
	border: 1px solid #222;
	color: initial;
	content: 'See the Position page for more information';
	display: none;
	padding: 5px;
	position: absolute;
		top: -10px;
	height: 190px;
	width: 290px;
	z-index: 10;
}

._description dl.syntax a[href="/wiki/Position#PositionAGL"]:after { content: 'AGL: Above Ground Level'; }
._description dl.syntax a[href="/wiki/Position#PositionAGLS"]:after { content: 'AGLS: Above Ground Level and Surfaces'; }
._description dl.syntax a[href="/wiki/Position#PositionASL"]:after { content: 'ASL: Above Sea Level'; }
._description dl.syntax a[href="/wiki/Position#PositionASLW"]:after { content: 'ASLW: Above Sea Level and Waves'; }
._description dl.syntax a[href="/wiki/Position#PositionATL"]:after { content: 'ATL: Above Terrain Level'; }

._description dl.syntax a[href="/wiki/Position#PositionAGLS"]:after {
	background-image:
		url('https://community.bistudio.com/wikidata/images/2/23/position.jpg'),
		url('https://community.bistudio.com/wikidata/images/7/78/z.jpg');
	background-position: 0 100%, 100% 100%;
	background-size: 300px 166px, 300px 202px;
	height: 190px;
	width: 590px;
}

._description dl.syntax a[href="/wiki/Position#PositionAGL"]:hover:after,
._description dl.syntax a[href="/wiki/Position#PositionAGLS"]:hover:after,
._description dl.syntax a[href="/wiki/Position#PositionASL"]:hover:after,
._description dl.syntax a[href="/wiki/Position#PositionASLW"]:hover:after,
._description dl.syntax a[href="/wiki/Position#PositionATL"]:hover:after {
	display: block;
}
/*
* [[Template:Note]]
* User Notes
*/
._description dt {
	clear: both;
	font-weight: bold;
	padding: 0.3em;
	position: absolute;
	width: 8.4em;
}
	._description dt#Problems {
		color: #C00;
	}
	._description dt#Problems + dd {
		background-color: #FEE;
	}
._description > dd,
._description > dl > dd {
	margin: 0;
	padding: 0.3em 0.3em 0.3em 9em;
}
._description > dd:after,
._description > dl > 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 { /* Add Note button */
	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 { /* non-template user dt */
	float: left;
	position: relative;
		top: -1.6em;
	white-space: pre;
	width: 0;
}
dl.command_description dt.noteauthor {
	position: absolute;
}
dl.command_description dd:after {
	clear: both;
	content: '';
	display: block;
}
dl.command_description dd.note {
	margin: 0;
	padding: 0.3em 0.3em 0.3em 1em;
	background-color: #EEE;
}
dl.command_description dd.notedate {
	margin: 0;
	padding: 0.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; }


/*
	[[Template:Timeline_Item]]
*/
.wikitable .timeline-item-icon {
	background-color: #848484;
	border-bottom: 1px dotted gray;
	border-right: 1px dotted gray;
	padding-left: 0.5em;
	padding-right: 0.7em;
	text-align: center;
}

.wikitable .timeline-item-date {
	border-bottom: 1px dotted gray;
	font-size: 120%;
	padding-left: 0.5em;
	padding-right: 1.5em;
}

.wikitable .timeline-item-text {
	border-bottom: 1px dotted gray;
	padding: 0.1em 0.5em 0.1em 0.5em;
	vertical-align: middle;
}

/*
	[[Template:TopMenu]]
*/
.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;
}

/*
	[[Template:Messagebox]]
*/
.biki-messagebox {
	background-color: #025D00;
	display: flex;
	align-items: center;
	margin: 0.5em 0;
}

.biki-messagebox > div:nth-child(1) {
	align-items: center;
	color: #FFF;
	display: flex;
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 28px;
	min-height: 28px;
	max-height: 44px;
	justify-content: center;
	margin: 0 8px;
	overflow: hidden;
	text-align: center;
	min-width: 28px;
	max-width: 60px;

}
.biki-messagebox > div:nth-child(2) {
	background-color: #FFF;
	flex-grow: 1;
	margin: 0.25em 0.25em 0.25em 0;
	padding: 0.5em
}
.biki-messagebox > div:nth-child(2) p {
	margin: initial;
}

.biki-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%
}
	.biki-messagebox-spoiler .spoiler-title {
		font-size: large;
		font-weight: bold;
	}

/*
	[[Template:Messagebox/BI]]
*/
.biki-messagebox.messagebox-bi			{ background-color: #6BA539;	}

/*
	[[Template:Feature]]
*/
.biki-messagebox.feature-afm			{ background-color: #3189C9;	}
.biki-messagebox.feature-ofp,
.biki-messagebox.feature-arma0			{ background-color: #AA8;		}
.biki-messagebox.feature-arma1			{ background-color: #FFDD7F;	}
.biki-messagebox.feature-arma2			{ background-color: #6EA859;	}
.biki-messagebox.feature-arma2oa		{ background-color: #E1D6A8;	}
.biki-messagebox.feature-arma3			{ background-color: #ADBF83;	}
.biki-messagebox.feature-arma3contact	{ background-color: #81AED3;	}
.biki-messagebox.feature-arma3odlman	{ background-color: #1C732F;	}
.biki-messagebox.feature-arma4			{ background-color: #CCC;		}
.biki-messagebox.feature-armaR			{ background-color: #E2A750;	}
.biki-messagebox.feature-dayz			{ background-color: #000;		}
.biki-messagebox.feature-eden-editor	{ background-color: #988297;	}
.biki-messagebox.feature-gamepad		{ background-color: #676;		}
.biki-messagebox.feature-gvi			{ background-color: #5A8;		}
.biki-messagebox.feature-important		{ background-color: #EA0;		}
.biki-messagebox.feature-informative	{ background-color: #00BFFF;	}
.biki-messagebox.feature-keyboard		{ background-color: #676;		}
.biki-messagebox.feature-obsolete		{ background-color: #999;		}
.biki-messagebox.feature-ofpe			{ background-color: #CDC;		}
.biki-messagebox.feature-pc				{ background-color: #333; background: linear-gradient(#333 0%, goldenrod 50%, #333 100%); }
.biki-messagebox.feature-playstation	{ background-color: #006FCD;	}
.biki-messagebox.feature-quote			{ background-color: #8C8;		}
.biki-messagebox.feature-quote .feature-quote {
	font-style: italic;
}
.biki-messagebox.feature-steam			{ background-color: #171D25; background: linear-gradient(#111D2E, #1387B9);	}
.biki-messagebox.feature-tkoh			{ background-color: #8CF;		}
.biki-messagebox.feature-warning		{ background-color: #F00;		}
.biki-messagebox.feature-xbox			{ background-color: #107C10;	}
.biki-messagebox.feature-ylands			{ background-color: #AED2D8;	}

/*
	[[Template:Navbox]]
*/
.navboxWiki {
	border: 0.25em solid #CCC;
	font-size: 0.85em;
	margin: 1em auto;
	min-width: 75%;
}
.navboxWiki th {
	background-color: #EEE;
	padding: 0.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: 0.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;
}

/*
	[[Navbox/Category]]
*/
.navbox-category .CategoryTreeSection .CategoryTreeItem .CategoryTreeBullet,
.navbox-category .CategoryTreeSection .CategoryTreeItem .CategoryTreeLabelCategory {
	display: none;
}
.navbox-category .CategoryTreeSection,
.navbox-category .CategoryTreeSection .CategoryTreeItem {
	display: inline;
}
.navbox-category .CategoryTreeSection .CategoryTreeLabelPage:after {
	content: " | ";
}
.navbox-category .CategoryTreeSection:last-child .CategoryTreeLabelPage:after {
	content: "";
}
.navbox-category .CategoryTreeLabelPage {
	font-style: normal;
}

/*
	[[Template:sic]]
*/
span.sic {
	border-bottom: 0.0625em dotted orange;
}
sup.sic {
	font-size: 0.75em;
	margin-left: 0.25em;
}

/*
	[[Template:TabView]]
*/
.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;
}

/*
	[[Template:Sticky]]
*/
.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;
}

/*
	[[Template:Columns]]
*/
.columns {
	margin-top: 0.3em;
}
.columns > ul,
.columns > ol {
	margin-top: 0;
}

/*
* [[Template:Link/External]]
* OFP-Faguss infobox style
*/
span.ofp-faguss-link a.external {
	font-family: consolas, monospace;
	font-size: 1.1em;
	letter-spacing: -0.01em;
}
span.ofp-faguss-info {
	display: none;
	background-color: #FFF;
	border: 0.0625em solid #EEE;
	border-radius: 0.25em;
	color: #888;
	display: inline-block;
	font-size: .75em;
	line-height: 1.1em;
	padding: 0.25em;
	text-align: center;
	vertical-align: middle;
}
span.ofp-faguss-info a.external {
	background: none;
	padding-right: initial;
}

/*
* [[Template:Link/External]]
* Shows, instead of the "external" arrow:
* - a Bohemia Interactive icon for BI links
* - an Enfusion icon for Enfusion links
* - an AAN icon for aan-online.com links
* - a Steam icon for Steam links
* - a W icon for Wikipedia links
* - a Discord icon for Discord (short) links
* - a Twitter icon for Twitter (X) links
* - a YouTube icon for YouTube (short) links
*/
a.external { /* an apparently needed fix, at least for DarkVector and other places */
	background-repeat: no-repeat;
}
span.bohemia a.external {
	background-image: url('/wikidata/images/8/8e/bi-favicon.png');
	background-position: right -1px;
	padding-right: 18px;
}
span.enfusion a.external {
	background-image: url('/wikidata/images/thumb/b/bc/enfusion_symbol.png/14px-enfusion_symbol.png');
	background-position: right 6px;
	padding-right: 16px;
}
span.aan-online a.external {
	background-image: url('https://community.bistudio.com/wikidata/images/thumb/8/81/arma-aan_icon_cropped-256x256.jpg/16px-arma-aan_icon_cropped-256x256.jpg');
	padding-right: 16px;
}
span.wikipedia a.external {
	background-image: url('/wikidata/images/8/8d/wikipedia-logo-12x12.png');
	background-position: right bottom;
	padding-right: 14px;
}
span.steam a.external {
	background-image: url('/wikidata/images/thumb/4/49/Steam_icon_logo.png/12px-Steam_icon_logo.png');
	background-position: right center;
	padding-right: 16px;
}
span.discord a.external {
	background-image: url('/wikidata/images/thumb/2/2d/Discord-Logo-Color.png/11px-Discord-Logo-Color.png');
	background-position: right center;
	padding-right: 14px;
}
span.twitter-x a.external {
	background-image: url('https://community.bistudio.com/wikidata/images/thumb/b/bf/twitter_x_favicon.png/14px-twitter_x_favicon.png');
	background-position: right center;
	padding-right: 16px;
}
span.youtube a.external {
	background-image: url('/wikidata/images/thumb/7/72/youtube-favicon.png/12px-youtube-favicon.png');
	background-position: right;
	padding-right: 16px;
}
span.googledrive a.external {
	background-image: url('https://community.bistudio.com/wikidata/images/thumb/3/35/GoogleDrive_favicon.png/12px-GoogleDrive_favicon.png');
	background-position: right;
	padding-right: 16px;
}
span.onedrive a.external {
	background-image: url('https://community.bistudio.com/wikidata/images/thumb/d/dc/OneDrive_favicon.png/12px-OneDrive_favicon.png');
	background-position: right;
	padding-right: 16px;
}

/* same-page anchor links */
div.mw-parser-output a[href^="#"]:after {
	content: '#';
	font-size: 0.75em;
	margin-left: 0.25em;
	opacity: 0.5;
}
div.mw-parser-output .toc a[href^="#"]:after,
div.mw-parser-output .toc-abc a[href^="#"]:after,
div.mw-parser-output .reference a[href^="#"]:after,
div.mw-parser-output div.mw-highlight a[href^="#"]:after {
	content: '';
}

/* mailto links */
div.mw-parser-output a.external[href^="mailto:"] {
	background-image: none;
	padding: revert;
}
div.mw-parser-output  a.external[href^="mailto:"]:after {
	content: " ✉";
	font-weight: bold;
}

/*
	[[Template:Table/RVScriptingCommands]]
	[[Template:Table/RVScriptingFunctions]]
*/
table.wikitable.rv-commands th {
	background-color: #E0F0FF;
}
table.wikitable.rv-functions th {
	background-color: #E0FFFF;
}


/*
	Arma Reforger Workbench icons
	[[:Category:Arma Reforger/Modding/Official Tools]]
*/

.floating-box.armaR-world-editor,
.floating-box.armaR-particle-editor,
.floating-box.armaR-animation-editor,
.floating-box.armaR-script-editor,
.floating-box.armaR-audio-editor,
.floating-box.armaR-behavior-editor,
.floating-box.armaR-string-editor,
.floating-box.armaR-procedural-animation-editor {
	color: #C7C7C7;
	position: relative;
}
.floating-box.armaR-world-editor a,
.floating-box.armaR-particle-editor a,
.floating-box.armaR-animation-editor a,
.floating-box.armaR-script-editor a,
.floating-box.armaR-audio-editor a,
.floating-box.armaR-behavior-editor a,
.floating-box.armaR-string-editor a,
.floating-box.armaR-procedural-animation-editor a {
	color: #C7C7C7 !important;
}
.floating-box.armaR-world-editor a:hover,
.floating-box.armaR-particle-editor a:hover,
.floating-box.armaR-animation-editor a:hover,
.floating-box.armaR-script-editor a:hover,
.floating-box.armaR-audio-editor a:hover,
.floating-box.armaR-behavior-editor a:hover,
.floating-box.armaR-string-editor a:hover,
.floating-box.armaR-procedural-animation-editor a:hover {
	text-decoration: underline;
}
.floating-box.armaR-world-editor::before,
.floating-box.armaR-particle-editor::before,
.floating-box.armaR-animation-editor::before,
.floating-box.armaR-script-editor::before,
.floating-box.armaR-audio-editor::before,
.floating-box.armaR-behavior-editor::before,
.floating-box.armaR-string-editor::before,
.floating-box.armaR-procedural-animation-editor::before,
.floating-box.armaR-world-editor::after,
.floating-box.armaR-particle-editor::after,
.floating-box.armaR-animation-editor::after,
.floating-box.armaR-script-editor::after,
.floating-box.armaR-audio-editor::after,
.floating-box.armaR-behavior-editor::after,
.floating-box.armaR-string-editor::after,
.floating-box.armaR-procedural-animation-editor::after {
	content: '';
	position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
}
.floating-box.armaR-world-editor::before,
.floating-box.armaR-particle-editor::before,
.floating-box.armaR-animation-editor::before,
.floating-box.armaR-script-editor::before,
.floating-box.armaR-audio-editor::before,
.floating-box.armaR-behavior-editor::before,
.floating-box.armaR-string-editor::before,
.floating-box.armaR-procedural-animation-editor::before {
	background-color: #434446;
	z-index: -2;
}
.floating-box.armaR-world-editor::after,
.floating-box.armaR-particle-editor::after,
.floating-box.armaR-animation-editor::after,
.floating-box.armaR-script-editor::after,
.floating-box.armaR-audio-editor::after,
.floating-box.armaR-behavior-editor::after,
.floating-box.armaR-string-editor::after,
.floating-box.armaR-procedural-animation-editor::after {
	background-position: 50%;
	background-repeat: no-repeat;
	opacity: 0.33;
	z-index: -1;
}
.floating-box.armaR-world-editor::after					{ background-image: url('https://community.bistudio.com/wikidata/images/thumb/7/7d/armaR-workbench_world_editor.png/42px-armaR-workbench_world_editor.png'); }
.floating-box.armaR-particle-editor::after				{ background-image: url('https://community.bistudio.com/wikidata/images/thumb/2/20/armaR-workbench_particle_editor.png/42px-armaR-workbench_particle_editor.png'); }
.floating-box.armaR-animation-editor::after				{ background-image: url('https://community.bistudio.com/wikidata/images/thumb/c/cb/armaR-workbench_animation_editor.png/42px-armaR-workbench_animation_editor.png'); }
.floating-box.armaR-script-editor::after				{ background-image: url('https://community.bistudio.com/wikidata/images/thumb/f/f7/armaR-workbench_script_editor.png/42px-armaR-workbench_script_editor.png'); }
.floating-box.armaR-audio-editor::after					{ background-image: url('https://community.bistudio.com/wikidata/images/thumb/a/ac/armaR-workbench_audio_editor.png/42px-armaR-workbench_audio_editor.png'); }
.floating-box.armaR-behavior-editor::after				{ background-image: url('https://community.bistudio.com/wikidata/images/thumb/c/ce/armaR-workbench_behavior_editor.png/42px-armaR-workbench_behavior_editor.png'); }
.floating-box.armaR-string-editor::after				{ background-image: url('https://community.bistudio.com/wikidata/images/thumb/e/e4/armaR-workbench_string_editor.png/42px-armaR-workbench_string_editor.png'); }
.floating-box.armaR-procedural-animation-editor::after	{ background-image: url('https://community.bistudio.com/wikidata/images/thumb/5/52/armaR-workbench_procedural_animation_editor.png/42px-armaR-workbench_procedural_animation_editor.png'); }

/*******************************************************************************
 * classic web dev
 */

/*
	MediaWiki 1.35 → 1.39
*/
#mw-head { top: 80px; }
#mw-panel { top: 80px; }
#bohemia-header .bohemia-header-wrapper span[data-v-bd357264] {
	line-height: inherit;
}

.wikiEditor-ui-toolbar .tabs,
.wikiEditor-ui-toolbar .section-main,
.wikiEditor-ui-toolbar .section-secondary {
	height: auto !important;
}
table {
	line-height: inherit;
}

/*
	Visual Editor
*/

.oo-ui-textInputWidget-autosized {
	resize: both !important;
}
.oo-ui-window-frame {
	width: 75% !important;
}

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

/*
	Images - images directly in paragraph cannot go over page's width (unless specified otherwise or using tables etc)
*/
.mw-parser-output > p > a.image > img {
	max-width: 100%;
	height: auto;
}

/*
	Additional Fonts
*/
@font-face {
	font-family: 'AudreysHand';
	src: url('/wikidata/resources/assets/fonts/AudreysHand-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}