Common.css – MediaWiki
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/*******************************************************************************
* 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.control-* for visual keyboard/controller button - used by [[Template:Controls/Control]] */
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 uses 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;
}
span.xbox-blue { color: #40CCD0; }
span.xbox-green { color: #3CDB4E; }
span.xbox-red { color: #D04242; }
span.xbox-yellow { color: #ECDB33; } /* strong vs tame colours */
span.dualshock-blue { color: #6B8AC8; } /* #6B8AC8 vs #9BADE4 */
span.dualshock-green { color: #30DE98; } /* #30DE98 vs #37DBC5 */
span.dualshock-pink { color: #DC8FC4; } /* #DC8FC4 vs #D591BD */
span.dualshock-red { color: #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;
}
/* 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;
}
div.floating-box.box-highlight {
box-shadow: 0 0 0.25em rgba(255,128,128,0.5) inset;
}
/**
* 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;
}
/*
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;
}