MediaWiki:Common.css

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.
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto&display=swap');

body.cat-Unofficial_Mod-Build_Guides .steptablerow05-Animation.\&.Physics,
body.cat-Unofficial_Mod-Build_Guides .steptablerow13-Gameplay-Immersion,
body.cat-Unofficial_Mod-Build_Guides .steptablerow21-Post-Processing,
body.cat-Official_Mod-Build_Guides .steptablerow05-Animation.\&.Physics,
body.cat-Official_Mod-Build_Guides .steptablerow13-Gameplay-Immersion,
body.cat-Official_Mod-Build_Guides .steptablerow21-Post-Processing {
	border-bottom: 1px solid #64a5e350;
}

.mpcode > p {
	margin: 0;
	margin-bottom: -1.5em
}

.blockquote {
	background-color: #2f3742;
	padding: 0.5em;
	border: 1px dotted rgba(0,0,0,0.3);
	border-radius: 0.25em
}

.whitetx {
	color: #fff !important;
}

.whitebg {
	background-color: #fff !important;
}

.whitebd {
	border-color: #fff !important;
}

.blacktx {
	color: #000 !important;
}

.blackbg {
	background-color: #000 !important;
}

.blackbd {
	border-color: #000 !important;
}

[name*="Recommendations"],
[name*="Recommendations"]:hover,
[name*="Recommendations"]:focus {
	background-color: var(--bg-sec-hd) !important;
	color: var(--text-editor) !important;
	border-color: var(--bd-dimr2) !important;
	box-shadow: none !important;
	font-family: monospace,monospace !important;
}

/* Make spoilers more prominent */
.mw-made-collapsible {
	background: var(--bg-sec-emph);
	padding: 0.25em;
	border: 1px dotted var(--bd-adj-dn);
}

/* Allow TOC numbering to be hidden by template */
.noautonum .tocnumber { display: none !important }

/***** NavFrame example styles *****/
/*	from .de. Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
	margin: 0;
	padding: 4px;
	border: 1px solid #161619;
	text-align: center;
	border-collapse: collapse;
	font-size: 95%
}

div.NavFrame + div.NavFrame {
	border-top-style: none;
	border-top-style: hidden
}

div.NavPic {
	background-color: #aaaaaa;
	margin: 0;
	padding: 2px;
	/* @noflip */
	float: left
}

div.NavFrame div.NavHead {
	line-height: 1.6em;
	font-weight: bold;
	background-color: #262629;
	position: relative
}

div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
	font-size: 100%
}

div.NavEnd {
	margin: 0;
	padding: 0;
	line-height: 1px;
	clear: both
}

a.NavToggle {
	position: absolute;
	top: 0;
	/* @noflip */
	right: 3px;
	font-weight: normal;
	font-size: 90%
}

.client-js .NavFrame.collapsed > .NavContent {
	display: none
}

/***** Step Tables on Project:Example_Collapsable_Elements *****/
.mw-collapsible-toggle-default,
.mw-collapsible-toggle-default::before,
.mw-collapsible-toggle-default::after {
	color: var(--bd-dim);
	font-size: 0.8rem;
	font-weight: normal
}

.mw-collapsible-toggle-default::before {
	padding-left: 0.3em
}

.mw-customtoggle, .mw-collapsible-toggle {
	cursor: pointer
}

body.page-Project_Example_Collapsable_Elements .steptable {
	border: none;
	background-color: transparent;
	width: 100%;
	font-size: 0.9em;
	line-height: 1.6em
}

body.page-Project_Example_Collapsable_Elements .steptablerow {
	border-bottom: 1px solid #666
}

body.page-Project_Example_Collapsable_Elements .steptable .detailed {
	text-align: left;
	padding-left: 0.5em 1.5em;
	background-color: var(--bg-pri-emph)
}

body.page-Project_Example_Collapsable_Elements .steptable th {
	background-color: var(--bg-sec-hd);
	border-bottom: 2px solid var(--bd-dims);
	border-left: 1px solid var(--bd-mid);
	padding: 0.5rem 0.5rem;
	text-align: center;
	vertical-align: middle
}

body.page-Project_Example_Collapsable_Elements .steptable td {
	padding: 0.1rem 0.5rem;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid var(--bd-dims)
}

body.page-Project_Example_Collapsable_Elements .steptable th.first {
	border-left: none;
	width: 0.25rem;
	padding: 0;
	background-color: var(--bg-sec-hd)
}

body.page-Project_Example_Collapsable_Elements .steptable th.core {
	border-left: none;
	width: 0.25rem;
	padding: 0;
	background-color: var(--clr-chartreuse)
}
body.page-Project_Example_Collapsable_Elements .steptable th.modname,
body.page-Project_Example_Collapsable_Elements .steptable td.modname {
	border-left: none;
	text-align: left;
	width: 25%
}

body.page-Project_Example_Collapsable_Elements .steptable th.baseline,
body.page-Project_Example_Collapsable_Elements .steptable td.baseline {
	width: 9%
}

body.page-Project_Example_Collapsable_Elements .steptable th.notes,
body.page-Project_Example_Collapsable_Elements .steptable td.notes {
	text-align: left
}

body.page-Project_Example_Collapsable_Elements .steptable tr.stepborder02-Extenders td, 
body.page-Project_Example_Collapsable_Elements .steptable tr.stepborder02-Extenders th {
	border-bottom: 1px solid #888888
}