Common.css – MediaWiki

From Bohemia Interactive Community
Jump to navigation Jump to search
m (Fix CSS)
m (Fix)
Line 958: Line 958:
dl.command_description {
dl.command_description {
margin: auto;
margin: auto;
position: relative; /* for dt.note */
max-width: 100em;
max-width: 100em;
}
}
dl.command_description dt.note { /* non-template user dt */
dl.command_description dt.note { /* non-template user dt */
float: left;
float: left;
position: absolute;
position: relative;
top: 0;
top: -1.6em;
white-space: pre;
width: 0;
}
}
dl.command_description dt.noteauthor {
dl.command_description dt.noteauthor {

Revision as of 15:59, 18 August 2022

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

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

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

.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;
}
h2 {
	margin-top: 1.5em;
}
h3 {
	margin-top: 1em;
}
h4 {
	font-size: 1.1em;
}

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

span.mw-editsection {
	float: right;
}

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

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

.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 {
	font-size: .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) {
	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) {
	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) {
	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) {
	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) {
	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) {
	text-align: right;
}

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:not(.mw-highlight),
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;
}

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

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

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

/*
	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 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 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]]
	span.control-* for visual keyboard/controller button
*/
span.control-keyboard-key {
	color: #333;
	background-color: #EEE;
	border: 0.2em outset #CCC;
	border-radius: 0.25em;
	font-family: Consolas;
	font-weight: bold;
	line-height: 2em;
	margin: 0 0.125em;
	padding: 0.2em 0.33em;
	text-shadow: 1px 1px 0 #FFF;
	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/fonts/PromptFont.woff2') format('woff2'),
		url('/wikidata/fonts/PromptFont.ttf') format('truetype'),
		url('/wikidata/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: .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: .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;
}

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

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

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

/*
	[[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: .75em;
	margin-left: .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;
}

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

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