MediaWiki:Common.css: Difference between revisions

From Melvor Idle
(Add new Home Page CSS style properties)
(Add class .table-img-grid, for styling tables which are a grid of images/icons)
Line 247: Line 247:
text-align: center;
text-align: center;
min-width: 25px;
min-width: 25px;
}
.table-img-grid > * > tr > td {
  height: 48px;
  width: 48px;
  min-height: 48px;
  min-width: 48px;
  text-align:center;
  padding: 0px;
}
}
.text-positive {
.text-positive {

Revision as of 21:21, 11 August 2024

/* CSS placed here will be applied to all skins */
.stickyHeader th {
	position:-webkit-sticky;
	position:sticky;
	background-clip: padding-box;
	z-index: 1;
}

/* Workaround for missing borders when headers are sticky */
.stickyHeader th:after,
.stickyHeader th:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
}
.stickyHeader th:before {
	top: -1px;
	border-top: 1px solid #c8ccd1;
}
.stickyHeader th:after {
	bottom: -1px;
	border-bottom: 1px solid #c8ccd1;
}

table.lighttable .highlight-over {
	background-color:#ddd
}
table.lighttable .highlight-on {
	background-color:#cfc
}

a {
	color:#29d;
}
a:visited {
	color:#18c;
}

/* Prevent math formulas from overflowing the width of the page */
mjx-math {
  display: inline-grid !important;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.errorbox,
.warningbox,
.successbox {
	color: #000;
	margin-bottom: 1em;
	border: 1px solid;
	padding: 0.5em 1em;
}

.messagebox h2,
.errorbox h2,
.warningbox h2,
.successbox h2 {
	color: inherit;
	display: inline;
	margin: 0 0.5em 0 0;
	border: 0;
	font-size: 1em;
	font-weight: bold;
}

.messagebox {
	background-color: #eaecf0;
	border-color: #a2a9b1;
}

.errorbox {
	background-color: #fee7e6;
	border-color: #d33;
}

.warningbox {
	background-color: #fef6e7;
	border-color: #fc3;
}

.successbox {
	background-color: #d5fdf4;
	border-color: #14866d;
}

.infobox,
.noticebox {
	float:right;
	clear:right;
	width: 300px;
	max-width: 300px;
	margin-left: 10px;
	word-break: break-word;
}

.noticebox {
	margin: 0.5em;
	padding: 0.5em;
	border:1px solid;
	background-color:#e6edfe;
	border-color:#0088dd;
}

.messagebox {
	width: 65%;
	margin: 0.5em auto;
	border-left: 8px solid #0088dd !important;
	background-color: rgb(234, 236, 240);
	box-sizing: border-box;
	overflow: auto;
}

.mmgdisclaimer {
	clear:both;
	width:65%;
	margin:0.5em auto;
	overflow:auto;
	background-color:#fef6e7;
	border-left:15px solid #ffcc33;
	border-top:none;
	border-right:none;
	border-bottom:none;
}

@media screen and (max-width:850px) {
	.infobox,
	.noticebox,
	.messagebox,
	.mmgdisclaimer {
		max-width:100%;
		min-width:300px;
		float:none;
		clear:both;
		width:100%;
		margin:0 0 .5em 0;
	}
}

.mw-code,
.mw-script {
	tab-size: 4;
}

.mw-collapsible-toggle {
	padding-left:0.2em;
	padding-right:0.2em;
}

/* Common text & table cell styles */
.col-1-left td:nth-child(1) { text-align: left; }
.col-2-left td:nth-child(2) { text-align: left; }
.col-3-left td:nth-child(3) { text-align: left; }
.col-4-left td:nth-child(4) { text-align: left; }
.col-5-left td:nth-child(5) { text-align: left; }
.col-6-left td:nth-child(6) { text-align: left; }
.col-7-left td:nth-child(7) { text-align: left; }
.col-8-left td:nth-child(8) { text-align: left; }
.col-9-left td:nth-child(9) { text-align: left; }

.col-1-center td:nth-child(1) { text-align: center; }
.col-2-center td:nth-child(2) { text-align: center; }
.col-3-center td:nth-child(3) { text-align: center; }
.col-4-center td:nth-child(4) { text-align: center; }
.col-5-center td:nth-child(5) { text-align: center; }
.col-6-center td:nth-child(6) { text-align: center; }
.col-7-center td:nth-child(7) { text-align: center; }
.col-8-center td:nth-child(8) { text-align: center; }
.col-9-center td:nth-child(9) { text-align: center; }

.col-1-right td:nth-child(1) { text-align: right; }
.col-2-right td:nth-child(2) { text-align: right; }
.col-3-right td:nth-child(3) { text-align: right; }
.col-4-right td:nth-child(4) { text-align: right; }
.col-5-right td:nth-child(5) { text-align: right; }
.col-6-right td:nth-child(6) { text-align: right; }
.col-7-right td:nth-child(7) { text-align: right; }
.col-8-right td:nth-child(8) { text-align: right; }
.col-9-right td:nth-child(9) { text-align: right; }

.col-1-img td:nth-child(1) {
	text-align: center;
	min-width: 25px;
}
.col-2-img td:nth-child(2) {
	text-align: center;
	min-width: 25px;
}
.col-3-img td:nth-child(3) {
	text-align: center;
	min-width: 25px;
}
.col-4-img td:nth-child(4) {
	text-align: center;
	min-width: 25px;
}
.col-5-img td:nth-child(5) {
	text-align: center;
	min-width: 25px;
}
.col-6-img td:nth-child(6) {
	text-align: center;
	min-width: 25px;
}
.col-7-img td:nth-child(7) {
	text-align: center;
	min-width: 25px;
}
.col-8-img td:nth-child(8) {
	text-align: center;
	min-width: 25px;
}
.col-9-img td:nth-child(9) {
	text-align: center;
	min-width: 25px;
}

.abyss-icon {
	filter: brightness(.35) invert(20%) sepia(100%) saturate(800%) hue-rotate(315deg);
}
.img-text {
	display: inline-block;
}
.item-qty {
	vertical-align: super;
	font-size: smaller;
	margin-right: 1px;
	margin-left: 3px;
}
.table-positive {
	background-color: #90ee90;
}
.table-negative {
	background-color: #ffb6c1;
}
.table-neutral {
	background-color: #fce8b2;
}
.table-na {
	background-color: #eaecf0;
	color: #666;
	text-align: center;
}
.table-img {
	text-align: center;
	min-width: 25px;
}
.table-img-grid > * > tr > td {
  height: 48px;
  width: 48px;
  min-height: 48px;
  min-width: 48px;
  text-align:center;
  padding: 0px;
}
.text-positive {
	color: green;
}
.text-negative {
	color: red;
}
.mmg-no-list li {
    list-style: none;
    margin-bottom: 0.1em;
}
.mmg-no-list ul, .mmg-no-list ol, .mmg-no-list li {
    margin-left: 0
}

/* Dark theme rules below, these apply when the user has their OS or
 * browser style/theme preference set as dark
 */
 @media only screen and (prefers-color-scheme: dark) and (min-width:1100px) {
	#mw-related-navigation .sidebar-chunk,
	#mw-site-navigation .sidebar-chunk {
		background-color:#323942;
		border-color:#323942;
		box-shadow:0 1px 2px rgb(33 34 35/50%),0 1px 2px rgb(26 26 27/50%)
	}
}
@media (prefers-color-scheme: dark) {
	/* 
	* Visual Editor
	*/
	.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
		background-color: #000;
	}
	.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
		background-color: #323942;
		text-shadow: 0 0 #000;
	}
	.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
		background-color: #323942;
	}
	.ve-ui-mwSaveDialog-options {
		background-color: #252525;
	}
	.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot {
		outline: #323942;
	}
	.oo-ui-processDialog-errors {
		background-color: rgb(40, 46, 55, 0.9);
	}
	.oo-ui-processDialog-errors-title {
		color: #eee;
	}
	.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
		background-color: #3c2220;
		border-color: #711a1a;
	}
	.oo-ui-windowManager-modal > .oo-ui-dialog {
		background-color: rgba(0, 0, 0, 0.5);
	}
	.oo-ui-toolbar-bar {
		background-color: #323942;
		color: #eee;
	}
	.oo-ui-menuToolGroup,
	.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
		border-color: #222830;
	}
	.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
		border-color: #465160;
	}
	.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
	.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover,
	.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
		background-color: #252c35;
		color: #eee;
	}
	.oo-ui-popupToolGroup-tools {
		background-color: #323942;
		border-color: #465160;
	}
	.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link,
	.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
		background-color: #2a3542;
	}
	/* 
	* End Visual Editor
	*/
	#mw-page-header-links li.selected a,
	#p-logo-text a,
	#searchInput,
	.diff-context,
	.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
	.mw-body .mw-search-profile-tabs,
	.mw-body fieldset#mw-searchoptions,
	.mw-changeslist-legend,
	.mwe-popups .mwe-popups-extract,
	.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
	.mw-rcfilters-ui-filterMenuHeaderWidget-title,
	.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title,
	.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
	.mw-rcfilters-ui-filterTagMultiselectWidget-resetButton > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
	.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
	.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label,
	.mw-rcfilters-ui-tagItemWidget-popup-content,
	.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
	.mw-rcfilters-ui-viewSwitchWidget > .oo-ui-labelElement-label,
	.mw-widget-calendarWidget-day,
	.mw-widget-calendarWidget-labelButton > .oo-ui-buttonElement-button,
	.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
	.oo-ui-buttonOptionWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
	.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
	.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
	.oo-ui-messageDialog-message,
	.search-types .current a,
	.suggestions .suggestions-result,
	.suggestions a.mw-searchSuggest-link,
	.suggestions a.mw-searchSuggest-link:active,
	.suggestions a.mw-searchSuggest-link:focus,
	.suggestions a.mw-searchSuggest-link:hover,
	.suggestions-special .special-query,
	.wikitable,
	.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
	code,
	body {
		color:#eee;
	}
	body {
		background-color:#282e37;
	}
	#searchInput:focus {
		outline: #0060df solid 2px
	}
	.mw-search-result-data,
	.results-info {
		color: #acafb3;
	}
	.messagebox {
		color:#eee;
		background-color: rgb(52, 64, 81);
	}
	.warningbox,
	.mw-message-box-warning {
		color:#eee;
		border-color:#ce7e28;
		background-color:#6f4f2e;
	}
	.successbox {
		background-color: #126451;
		border-color: #43ae97;
		color: #eee;
	}
	.text-positive {
		color:#3ec83e;
	}
	#pagehistory li {
		border:1px solid #2c343f
	}
	.diff-addedline .diffchange {
		background:#4f6334
	}
	.diff-deletedline .diffchange {
		background:#775353
	}
	.diff-addedline {
		border-color:#4f6334
	}
	.diff-deletedline {
		border-color:#775353
	}
	.updatedmarker {
		background-color:#4f6334
	}
	#pagehistory li.selected {
		background-color:#353d48;
		color:#eee;
		border:1px dashed #465160
	}
	.mw-plusminus-pos {
		color:#18b918
	}
	.mw-plusminus-neg {
		color:#f94e4e
	}
	div.editOptions,
	.mw-rcfilters-ui-filterMenuSectionOptionWidget {
		background-color:#232a35;
		color:#eee
	}
	.mw-parser-output a.external {
		color:#29d;
	}
	.mw-parser-output a.external:visited {
		color:#18c;
	}
	pre,
	textarea,
	#mw-header-container,
	.oo-ui-textInputWidget .oo-ui-inputWidget-input,
	.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
	.oo-ui-checkboxInputWidget [type='checkbox'] + span,
	.oo-ui-messageDialog-container,
	.oo-ui-toggleSwitchWidget,
	.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
	.mw-code,
	.mw-widget-dateInputWidget-handle,
	mw-tagfilter-input mw-ui-input mw-ui-input-inline,
	.oo-ui-tabSelectWidget-framed {
		background-color:#323942;
		color:#eee;
	}
	.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
		background-color:#47505b;
	}
	.mw-prefs-buttons {
		background-color:#2c343f;
	}
	.oo-ui-tabOptionWidget {
		color:#eee;
	}
	.oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not([aria-selected="true"]) > .oo-ui-buttonElement-button,
	.oo-ui-popupWidget-popup,
	.oo-ui-menuOptionWidget.oo-ui-optionWidget,
	.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
	.mw-widget-dateInputWidget-calendar,
	.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
		background-color:#323942;
		border-color:#465160;
		color:#eee
	}
	.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
		border-color:#72777d
	}
	#simpleSearch,
	div.editOptions {
		border-color:#465160;
	}
	#mw-content-container,
	#simpleSearch,
	.cn-formsection-emphasis {
		background-color:#232a35;
	}
	.mw-parser-output a.external:active,
	.mw-parser-output a.external:hover,
	.mw-parser-output a.external:visited:hover,
	a:active,
	a:hover,
	a:visited:hover {
		color:#5bf
	}
	.mw-spinner-container > div:after {
		background:#eee
	}
	#mw-content {
		background-color:#2c343f;
		border-color:#2c343f
	}
	#contentSub {
		color: #9fa9b0;
	}
	.not-patrolled {
		background-color:#594215
	}
	.tocnumber {
		color:#ccc
	}
	.toctogglelabel {
		color:#28c
	}
	.diff-context,
	.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
	.mw-body .mw-search-profile-tabs,
	.mw-body fieldset#mw-searchoptions,
	.mw-body li.gallerybox div.thumb,
	.mw-changeslist-legend,
	.mw-warning,
	.suggestions,
	.suggestions .suggestions-results,
	.suggestions .suggestions-special,
	.thumbinner,
	.toc,
	.wikitable,
	ul#filetoc {
		background-color:#323942;
		border-color:#626c7b;
	}
	pre,
	.mw-code,
	.thumbborder,
	.thumbinner .thumbimage,
	.wikitable>*>tr>td,
	.wikitable>*>tr>th,
	.wikitable>tr>td,
	.wikitable>tr>th {
		border-color:#626c7b;
	}
	.wikitable>*>tr>th,
	.wikitable>tr>th,
	.mw-json tr {
		background-color:#465160
	}
	.mw-datatable {
		border:1px solid #465160;
		border-collapse:collapse
	}
	.mw-datatable td,
	.mw-datatable th {
		border:1px solid #465160;
		padding:0.2em 0.4em
	}
	.mw-datatable th {
		background-color:#465160
	}
	.mw-datatable td,
	.mw-json th {
		background-color:#323942
	}
	.mw-datatable tr:hover td,
	#mw-allmessagestable tbody:hover td {
		background-color:#3c424a
	}
	.mwe-popups,
	.mwe-popups .mwe-popups-container {
		background:#323942;
		-webkit-box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px #5b687a;
		box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px #5b687a;
	}
	.mwe-popups .mwe-popups-extract[dir=ltr]::after {
		background-image:linear-gradient(to right,rgba(255,255,255,0),#323942 50%)
	}

	/* Arrows on various popups */
	.pokey,
	.pokey:after,
	.mwe-popups:not(.flipped-y):not(.flipped-x-y):after,
	.mwe-popups.flipped-x:after {
		border-bottom-color:#323942
	}
	.mwe-popups.flipped-y:after,
	.mwe-popups.flipped-x-y:after {
		border-top-color:#323942
	}
	.mwe-popups:not(.flipped-y):not(.flipped-x-y):before,
	.mwe-popups.flipped-x:before {
		border-bottom-color:#465160
	}
	.mwe-popups.flipped-y:before,
	.mwe-popups.flipped-x-y:before {
		border-top-color:#465160
	}
	.pokey {
		border-bottom-color:#465160
	}
	.oo-ui-popupWidget-anchor:before,
	.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
		border-top-color:#465160
	}
	.oo-ui-popupWidget-anchor:after,
	.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
		border-top-color:#323942
	}
	#mw-related-navigation .sidebar-inner::before,
	#mw-site-navigation .sidebar-chunk h2 span::before,
	#personal .dropdown::before {
		border-bottom-color:#465160
	}
	#mw-related-navigation .sidebar-inner::after,
	#mw-site-navigation .sidebar-chunk h2 span::after,
	#personal .dropdown::after {
		border-bottom-color:#323942
	}

	/* Icons for personal nav & link decoration */
	#mw-site-navigation h2::after,
	#mw-related-navigation h2::after,
	#personal h2::after {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiI+Cgk8cGF0aCBkPSJtMTUuNSA2LTUgNS01LTV6IiBzdHlsZT0iZmlsbDojYjNiM2IzIiBvcGFjaXR5PSIuMzMiLz4KPC9zdmc+Cg==);
	}
	#personal h2 {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+Cgk8cGF0aCBkPSJNMy42NDMgOS40NmMtMS43NTggMi4zOS0xLjk1NyA1LTEuMjI3IDYuNzI5LjQ5IDEuMTggMS4xOCAxLjg3MSAxLjk5IDIuMjkuNzkyLjQyOSAxLjc1LjUxOCAyLjYuNTIxaDYuMzI5Yy45MiAwIDEuODUxLS4yMDggMi42NS0uNjc1LjgtLjQ2NyAxLjQ2LTEuMTk4IDEuOC0yLjI5LjQ5LTEuNTQ5LjI2Ni00LjAzLTEuNDgtNi40Ni0uMDA3LjAxMy0uMDIuMDItLjAzLjAzYTcuNTA2IDcuNTA2IDAgMCAxLTYuMjY3IDMuMzlBNy41MDYgNy41MDYgMCAwIDEgMy42NDMgOS40NnoiIG9wYWNpdHk9Ii4zMyIgc3R5bGU9ImZpbGw6I2IzYjNiMyIvPgoJPHBhdGggZD0iTTEwLjAwOC45OTJhNC41IDQuNSAwIDEgMCAwIDkgNC41IDQuNSAwIDAgMCAwLTl6IiBvcGFjaXR5PSIuMzMiIHN0eWxlPSJmaWxsOiNiM2IzYjMiLz4KPC9zdmc+);
	}
	.mw-editsection,
	#ca-edit a {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+Cgk8cGF0aCBkPSJtMTIuODc5IDIuMTY1LTkuNDY1IDkuNDcxIDQuOTUgNC45NSA5LjQ2NS05LjQ3MXptMCAyLjgyOUwxNSA3LjExNWwtNi42MzYgNi42NDMtMi4xMjEtMi4xMjJ6TTYuOTUgMThIMnYtNC45NXoiIG9wYWNpdHk9Ii4zMyIgc3R5bGU9ImZpbGw6I2IzYjNiMyIvPgo8L3N2Zz4=);
	}
	#ca-history a {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+Cgk8cGF0aCBkPSJNMTAgMmE4IDggMCAwIDAtOCA4IDggOCAwIDAgMCA4IDggOCA4IDAgMCAwIDgtOCA4IDggMCAwIDAtOC04em0wIDJhNiA2IDAgMCAxIDYgNiA2IDYgMCAwIDEtNiA2IDYgNiAwIDAgMS02LTYgNiA2IDAgMCAxIDYtNnoiIG9wYWNpdHk9Ii4zMyIgc3R5bGU9ImZpbGw6I2IzYjNiMyIvPgoJPHBhdGggZD0iTTkuOTg0IDQuOTg2QTEgMSAwIDAgMCA5IDZ2NWgzYTEgMSAwIDEgMCAwLTJoLTFWNmExIDEgMCAwIDAtMS4wMTYtMS4wMTR6IiBvcGFjaXR5PSIuMzMiIHN0eWxlPSJmaWxsOiNiM2IzYjMiLz4KPC9zdmc+);
	}
	.tools-inline li[id^="ca-nstab-"] a {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+Cgk8cGF0aCBkPSJNNCAydjE2aDEyVjcuMDFMMTEgMnptMiAyaDMuOTk0djRIMTR2OEg2eiIgb3BhY2l0eT0iLjMzIiBzdHlsZT0iZmlsbDojYjNiM2IzIi8+Cjwvc3ZnPg==);
	}
	#ca-talk a {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+Cgk8ZyBvcGFjaXR5PSIuMzMiIHN0eWxlPSJmaWxsOiNiM2IzYjMiPgoJCTxwYXRoIGQ9Ik01LjM5MSAxNS41NzVjLjU1MyAxLjU1Ni0uMDk4IDIuNTM3LS45NDIgMy40MjUgMy4yNjItLjczMSAzLjI0My0yLjEzNCAzLjc3LTMuNDI1em0xMC4zNjYtMy45MzNjLS41NTMgMS41NTcuMDk4IDIuNTM4Ljk0MiAzLjQyNi0zLjI2Mi0uNzMyLTMuMjQyLTIuMTM0LTMuNzY5LTMuNDI2eiIvPgoJCTxwYXRoIGQ9Ik03Ljc2OCA3LjE0NmMtMy4yMDIgMC01Ljc5OCAyLjAzNS01Ljc5NyA0LjU0NSAwIDIuNTEgMi41OTYgNC41NDQgNS43OTcgNC41NDMgMy4yIDAgNS43OTQtMi4wMzQgNS43OTUtNC41NDMgMC0yLjUxLTIuNTk1LTQuNTQ0LTUuNzk1LTQuNTQ1em0tLjAyMiAyLjI0N2MyLjAxIDAgMy42NCAxLjAzNCAzLjYzOSAyLjMwOC0uMDAxIDEuMjc0LTEuNjMgMi4zMDYtMy42MzkgMi4zMDctMi4wMSAwLTMuNjQtMS4wMzMtMy42NC0yLjMwNy0uMDAxLTEuMjc1IDEuNjI5LTIuMzA5IDMuNjQtMi4zMDh6Ii8+CgkJPHBhdGggZD0iTTEyLjQ3MyAyLjcyN2MtMy42MDQgMC02LjUyNSAyLjE0OS02LjUyNiA0LjhsMi4xMDQtLjAxN2MuMDAxLTEuMzkyIDEuOTc0LTIuNTIgNC40MDYtMi41MiAyLjQzMyAwIDQuNDA3IDEuMTI4IDQuNDA4IDIuNTIgMCAxLjM5My0xLjk3MyAyLjUyMi00LjQwOCAyLjUyMWwuMDE2IDIuM2MzLjYwMy0uMDAxIDYuNTI0LTIuMTUyIDYuNTIzLTQuODA0IDAtMi42NS0yLjkyLTQuOC02LjUyMy00Ljh6Ii8+Cgk8L2c+Cjwvc3ZnPg==);
	}
	#ca-watch a {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+Cgk8cGF0aCBkPSJNMTAuMDQxIDEuMTI1IDcuNDA3IDYuMjQzbC01LjY1NC45NSA0LjAyNSA0LjEwMi0uODQ2IDUuNzAzIDUuMTIzLTIuNTg3IDUuMTMgMi41NjctLjg2Mi01LjY4OSA0LjAxNC00LjExMy01LjY1Mi0uOTM2em0uMDAzIDQuMzU1IDEuMzMyIDIuNTc4IDIuODQ3LjQ3LTIuMDIyIDIuMDcxLjQzNSAyLjg2My0yLjU4Ny0xLjI5NC0yLjU3OCAxLjMwMi40MjYtMi44NzEtMi4wMjMtMi4wNjQgMi44NDQtLjQ3N3oiIG9wYWNpdHk9Ii4zMyIgc3R5bGU9ImZpbGw6I2IzYjNiMyIvPgo8L3N2Zz4=);
	}

	#mw-header-nav-hack {
		background:#323942;
		border-top-color:#465160
	}
	#mw-related-navigation .sidebar-inner,
	#mw-site-navigation .sidebar-inner,
	#personal .dropdown {
		background:#323942;
		border-color:#465160
	}
	#menus-cover {
		background:#111
	}
	table.lighttable .highlight-over {
		background-color:#465160
	}
	table.lighttable .highlight-on {
		background-color:#285128
	}
	code,
	.mw-notification {
		background-color: #353d48;
		border-color:#465160;
		color:#eee;
	}
	.noticebox {
		background-color:#1e2842;
		border-color:#091957;
	}

	/* Money Making guide disclaimer */
	.mmgdisclaimer {
		background-color: #392e19;
  		border-left: 15px solid #a37a00;
	}
	
	/* Categories, listed at bottom of page on mobile resolutions */
	div#content-bottom-stuff {
		background-color: #2c343f;
	}
	
	/* Tabber styles */
	.tabber__tab {
		color: #eee;
	}
	.tabber__tab:visited {
		color: #eee;
	}
	.tabber__tab--active,
	.tabber__tab--active:visited {
		box-shadow:inset 0 -2px 0 0 #3366cc;
		color:#36c;
	}
	.tabber__tab:hover {
		color: #447ff5;
	}
	.tabber__header {
		box-shadow:inset 0 -1px 0 0 #eee;
	}

	/* Workaround for missing borders when headers are sticky */
	.stickyHeader th:before {
		top: -1px;
		border-top: 1px solid #626c7b;
	}
	.stickyHeader th:after {
		bottom: -1px;
		border-bottom: 1px solid #626c7b;
	}
	
	/* Line numbering for SyntaxHighlight module */
	.mw-content-ltr.mw-highlight-lines pre,
	.mw-content-ltr.content .mw-highlight-lines pre {
		box-shadow: inset 2.75em 0 0 #3c4653;
	}
	
	/* Common text & table cell styles */
	.table-positive,
	.mw-json-value {
		background-color: #285128;
	}
	.table-negative {
		background-color: #6a2731;
	}
	.table-neutral {
		background-color: #6f5815;
	}
	.table-na,
	.mw-json-empty {
		background-color: #282f39;
		color: #717f93;
	}
	
	/* Special:RecentChanges */
	.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
		background-color:#193558;
		border-color:#124c92;
	}
		.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-flaggedElement-muted {
		background-color: #282f39;
		color: #717f93;
	}
	.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-flaggedElement-muted:hover {
		background-color: #2e3641;
	}
	.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected {
		background-color: #485668;
	}
	.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected:hover {
		background-color: #525f70;
	}
	.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted {
		background-color: #606d7d;
	}
	.oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not([aria-selected="true"]) > .oo-ui-buttonElement-button:hover,
	.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
	.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
	.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
	.mw-rcfilters-ui-savedLinksListItemWidget:hover {
		color:inherit;
		background-color:#3c424a
	}
	.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-optionWidget-highlighted,
	.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted {
		background-color:#223145
	}
	.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle,
	.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
		color:#a4a1a1;
	}
	.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
	.mw-rcfilters-ui-filterMenuHeaderWidget-header,
	.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
	.mw-rcfilters-ui-menuSelectWidget-footer {
		background-color:#282e37;
	}
	.mw-widget-calendarWidget-day-heading {
	  color:#a6a6a6;
	}
	.mw-widget-calendarWidget-day-additional {
		color:#222
	}
	.oo-ui-toggleSwitchWidget:hover {
		background-color:#323942
	}

	/* Special:RecentChanges - Highlight rules */
	.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
	.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,
	.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
	.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
		background-color:#2c475a
	}
	.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
	.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,
	.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
	.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
		background-color:#385a53
	}
	.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
	.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,
	.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
	.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
		background-color:#544b2f
	}
	.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
	.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,
	.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
	.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
		background-color:#674b3d
	}
	.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
	.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,
	.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
	.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
		background-color:#4b2626
	}

	/* SyntaxHighlight Extension */
	.mw-highlight {
		/* Background for inline code */
		background-color:#353d48;
		border-color:#465160
	}
	.mw-highlight .linenos {
		/* Line numbers */
		color: #bebebe
	}
	.mw-highlight a:hover .linenos,
	.mw-highlight .hll a .linenos {
		/* Hovering over/selected line numbers */
		color:#fff
	}
	.mw-highlight .hll {
		/* Highlighted line */
		background-color:rgba(187, 128, 9, 0.4) 
	}
	.mw-highlight .c {
		/* Comment */
		color:#529955;
		font-style:italic 
	}
	.mw-highlight .err {
		/* Error */
		border:1px solid #FF0000 
	}
	.mw-highlight .k {
		/* Keyword */
		color:#569cd6;
		font-weight:bold 
	}
	.mw-highlight .o {
		/* Operator */
		color:#aaa8a8 
	}
	.mw-highlight .p {
		/* Parenthesis/separator */
		color:#ffc813
	}
	.mw-highlight .ch {
		/* Comment, hashbang */
		color:#529955;
		font-style:italic 
	}
	.mw-highlight .cm {
		/* Comment, multiline */
		color:#529955;
		font-style:italic 
	}
	.mw-highlight .cp {
		/* Comment.Preproc */
		color:#d48c07 
	}
	.mw-highlight .cpf {
		/* Comment.PreprofFile */
		color:#529955;
		font-style:italic 
	}
	.mw-highlight .c1 {
		/* Comment, single line */
		color:#529955;
		font-style:italic 
	}
	.mw-highlight .cs {
		/* Comment, special */
		color:#529955;
		font-style:italic 
	}
	.mw-highlight .gd {
		/* Generic, deleted */
		color:#A00000 
	}
	.mw-highlight .ge {
		/* Generic, emphasis */
		font-style:italic 
	}
	.mw-highlight .gr {
		/* Generic, error */
		color:#E40000 
	}
	.mw-highlight .gh {
		/* Generic, heading */
		color:#3232ca;
		font-weight:bold 
	}
	.mw-highlight .gi {
		/* Generic, inserted */
		color:#008400 
	}
	.mw-highlight .go {
		/* Generic, output */
		color:#afabab 
	}
	.mw-highlight .gp {
		/* Generic, prompt */
		color:#3232ca;
		font-weight:bold 
	}
	.mw-highlight .gs {
		/* Generic, strong */
		font-weight:bold 
	}
	.mw-highlight .gu {
		/* Generic, subheading */
		color:#a74ba7;
		font-weight:bold 
	}
	.mw-highlight .gt {
		/* Generic, traceback */
		color:#0044DD 
	}
	.mw-highlight .kc {
		/* Keyword, constant */
		color:#569cd6;
		font-weight:bold 
	}
	.mw-highlight .kd {
		/* Keyword, declaration */
		color:#569cd6;
		font-weight:bold 
	}
	.mw-highlight .kn {
		/* Keyword, namespace */
		color:#569cd6;
		font-weight:bold 
	}
	.mw-highlight .kp {
		/* Keyword, pseudo */
		color:#569cd6
	}
	.mw-highlight .kr {
		/* Keyword, reserved */
		color:#569cd6;
		font-weight:bold 
	}
	.mw-highlight .kt {
		/* Keyword, type */
		color:#e16c97 
	}
	.mw-highlight .m {
		/* Literal number */
		color:#80d56f
	}
	.mw-highlight .s {
		/* String */
		color:#ce9178 
	}
	.mw-highlight .na {
		/* Name, attribute */
		color:#dcdcaa 
	}
	.mw-highlight .nb {
		/* Name, builtin */
		color:#dcdcaa 
	}
	.mw-highlight .nc {
		/* Name, class */
		color:#dcdcaa;
		font-weight:bold 
	}
	.mw-highlight .no {
		/* Name, constant */
		color:#80d56f
	}
	.mw-highlight .nd {
		/* Name, decorator */
		color:#b47de8
	}
	.mw-highlight .ni {
		/* Name, entity */
		color:#50a2ff;
		font-weight:bold 
	}
	.mw-highlight .ne {
		/* Name, exception */
		color:#CB3F38;
		font-weight:bold 
	}
	.mw-highlight .nf {
		/* Name, function */
		color:#dbbb5b 
	}
	.mw-highlight .nl {
		/* Name, label */
		color:#50a2ff
	}
	.mw-highlight .nn {
		/* Name, namespace */
		color:#50a2ff;
		font-weight:bold 
	}
	.mw-highlight .nt {
		/* Name, tag */
		color:#dcdcaa;
		font-weight:bold 
	}
	.mw-highlight .nv {
		/* Name, variable */
		color:#9cdcfe
	}
	.mw-highlight .ow {
		/* Operator Word */
		color:#569cd6;
		font-weight:bold 
	}
	.mw-highlight .w {
		color:#bbbbbb 
	}
	.mw-highlight .mb {
		/* Literal number, binary */
		color:#80d56f 
	}
	.mw-highlight .mf {
		/* Literal number, float */
		color:#80d56f 
	}
	.mw-highlight .mh {
		/* Literal number, hex */
		color:#80d56f 
	}
	.mw-highlight .mi {
		/* Literal number, integer */
		color:#80d56f
	}
	.mw-highlight .mo {
		/* Literal number, octal */
		color:#80d56f 
	}
	.mw-highlight .sa {
		/* String literal, affix */
		color:#ce9178
	}
	.mw-highlight .sb {
		/* String literal, backtick */
		color:#ce9178
	}
	.mw-highlight .sc {
		/* String literal, char */
		color:#d17049
	}
	.mw-highlight .dl {
		/* String literal, delimiter */
		color:#ce9178
	}
	.mw-highlight .sd {
		/* String literal, doc */
		color:#d6543d;
		font-style:italic 
	}
	.mw-highlight .s2 {
		/* Double-quoted string literal */
		color:#ce9178
	}
	.mw-highlight .se {
		/* String literal, escape */
		color:#d17049;
		font-weight:bold 
	}
	.mw-highlight .sh {
		/* String literal, heredoc */
		color:#ce9178
	}
	.mw-highlight .si {
		/* String literal, interpol */
		color:#d17049;
		font-weight:bold 
	}
	.mw-highlight .sx {
		/* String literal, other */
		color:#ce9178
	}
	.mw-highlight .sr {
		/* String literal, regex */
		color:#8f49d1 
	}
	.mw-highlight .s1 {
		/* Single-quoted string literal */
		color:#ce9178
	}
	.mw-highlight .ss {
		/* String literal, symbol */
		color:#8f49d1 
	}
	.mw-highlight .bp {
		/* Name.Builtin.Pseudo */
		color:#dcdcaa 
	}
	.mw-highlight .fm {
		/* Name.Function.Magic */
		color:#dbbb5b 
	}
	.mw-highlight .vc {
		/* Variable, class */
		color:#9cdcfe
	}
	.mw-highlight .vg {
		/* Variable, global */
		color:#9cdcfe 
	}
	.mw-highlight .vi {
		/* Variable, instance */
		color:#9cdcfe 
	}
	.mw-highlight .vm {
		/* Variable, magic */
		color:#9cdcfe 
	}
	.mw-highlight .il {
		/* Number, integer (long) */
		color:#80d56f 
	}

	/* General Editing & Scribunto/Lua Module Editing */
	.mw-scribunto-console-fieldset,
	.mw-scribunto-error,
	.mw-scribunto-message,
	.mw-scribunto-print {
		background-color:#2c343f;
	}
	.mw-scribunto-console-fieldset {
		border-color:#465160;
		color:#eee
	}
	.mw-scribunto-error {
		color:#ff4242;
	}
	.mw-scribunto-input {
		color:#0897c4;
	}
	#mw-scribunto-input {
		background-color:#3c4653;
	}
	.mw-scribunto-print {
		color:#ce9178;
	}
	.codeEditor-status {
	background-color: #2f3744;
		border-color: #465160;
	}
	.codeEditor-status-message,
	.wikiEditor-ui .wikiEditor-ui-top,
	.wikiEditor-ui .wikiEditor-ui-view {
		border-color: #465160;
	}
	.wikiEditor-ui-toolbar {
		background-color: #2f3744;
		background-image: linear-gradient(#2c333e 0,#1f2e48 32px);
	}
	.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover {
	background-color:#3c424a;
		outline: 1px solid #465160;
	}
	.tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement {
	background-color:#3c424a;
		outline: 1px solid #465160;
		box-shadow: unset;
	}
	/* Border of editing text area */
	form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input {
		border-color: #465160;
	}

	/* CodeMirror */
	.CodeMirror {
		background-color:#232a35;
		color:#eee;
	}
	.CodeMirror-linenumber {
		color: #72777d;
	}
	.CodeMirror-gutter.CodeMirror-linenumbers {
		background-color: #3c4653;
	}
	/* Selected text */
	.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
		background-color: #3e445a;
	}
	/* Leading space */
	.cm-mw-skipformatting {
		background-color: #4b6389;
	}
	/* Asterisk or number sign */
	.cm-mw-list {
		color: #9cdcfe;
	}
	/* Signature */
	.cm-mw-signature,
	.cm-mw-hr {
		background-color: inherit;
	}
	/* HTML comment */
	.cm-mw-comment {
		color: #529955;
	}
	/* Template - Nesting levels 1, 2 & 3 */
	.cm-mw-template-ground {
		color: #569cd6;
	}
	.cm-mw-template2-ground {
		color: #569cd6;
		background-color: rgba(100, 0, 0, 0.10);
	}
	.cm-mw-template3-ground {
		color: #569cd6;
		background-color: rgba(100, 0, 0, 0.20);
	}
	/* Variable - variable, name, brackets, and delimiter */
	.cm-mw-templatevariable,
	.cm-mw-templatevariable-name,
	.cm-mw-templatevariable-bracket,
	.cm-mw-templatevariable-delimiter {
		color: #ce9178;
	}
	/* Parser function - name, brackets, and delimiter */
	.cm-mw-parserfunction-name,
	.cm-mw-parserfunction-bracket,
	.cm-mw-parserfunction-delimiter {
		color: #8a1919;
	}
	/* Internal link - Link target, brackets, and delimiter */
	.cm-mw-link-pagename,
	.cm-mw-link-bracket,
	.cm-mw-link-delimiter {
		color: #888cd7;
	}
	/* Internal link - # character & section */
	.cm-mw-link,
	.cm-mw-link-tosection {
		color: #bd81ce;
	}
	/* External link - target, protocol, label, and brackets */
	.cm-mw-extlink,
	.cm-mw-free-extlink,
	.cm-mw-extlink-protocol,
	.cm-mw-free-extlink-protocol,
	.cm-mw-extlink-bracket {
		color: #565991;
	}
	/* Table - Brackets, delimiter, definition, caption */
	.cm-mw-table-bracket,
	.cm-mw-table-delimiter,
	.cm-mw-table-definition,
	.cm-mw-table-caption {
		color: #dbbb5b;
	}

	/* Ace Editor */
	.ace-tm .ace_gutter {
		background-color: #3c4653;
		color: #eee;
	}
	.ace-tm .ace_print-margin {
		background: #4c5664;
	}
	.ace-tm .ace_fold {
		background-color: green;
	}
	.ace-tm {
		background-color: #232a35;
		color: #eee;
	}
	.ace-tm .ace_cursor {
		color: #eee;
	}
	.ace-tm .ace_invisible {
		color: #3e4551;
	}
	.ace-tm .ace_storage,
	.ace-tm .ace_keyword {
		color: #569cd6;
	}
	.ace-tm .ace_constant {
		color: #686be6;
	}
	.ace-tm .ace_constant.ace_buildin {
		color: rgb(88, 72, 246);
	}
	.ace-tm .ace_constant.ace_language {
		color: #686be6;
	}
	.ace-tm .ace_constant.ace_library {
		color: #dbbb5b;
	}
	.ace-tm .ace_invalid {
		background-color: rgba(255, 0, 0, 0.2);
		color: red;
	}
	.ace-tm .ace_support.ace_function {
		color: #dcdcaa;
	}
	.ace-tm .ace_support.ace_constant {
		color: #569cd6;
	}
	.ace-tm .ace_support.ace_type,
	.ace-tm .ace_support.ace_class {
		color: #569cd6;
	}
	.ace-tm .ace_keyword.ace_operator {
		color: #aaa8a8;
	}
	.ace-tm .ace_string {
		color: #ce9178;
	}
	.ace-tm .ace_comment {
		color: #529955;
	}
	.ace-tm .ace_comment.ace_doc {
		color: #529955;
	}
	.ace-tm .ace_comment.ace_doc.ace_tag {
		color: rgb(128, 159, 191);
	}
	.ace-tm .ace_constant.ace_numeric {
		color: #b5ce9b;
	}
	.ace-tm .ace_variable {
		color: #9cdcfe;
	}
	.ace-tm .ace_xml-pe {
		color: rgb(104, 104, 91);
	}
	.ace-tm .ace_entity.ace_name.ace_function {
		color: #dcdcaa;
	}
	.ace-tm .ace_heading {
		color: #1c55f1;
	}
	.ace-tm .ace_list {
		color: rgb(185, 6, 144);
	}
	.ace-tm .ace_meta.ace_tag {
		color: #1c55f1;
	}
	.ace-tm .ace_string.ace_regex {
		color: #ef4e4e;
	}
	.ace-tm .ace_marker-layer .ace_selection {
		background: #3e445a;
	}
	.ace-tm.ace_multiselect .ace_selection.ace_start {
		box-shadow: 0 0 3px 0px grey;
	}
	.ace-tm .ace_marker-layer .ace_step {
		background: rgb(252, 255, 0);
	}
	.ace-tm .ace_marker-layer .ace_stack {
		background: rgb(164, 229, 101);
	}
	.ace-tm .ace_marker-layer .ace_bracket {
		border: 1px solid rgb(192, 192, 192);
	}
	.ace-tm .ace_marker-layer .ace_active-line {
		background: rgba(255, 255, 255, 0.07);
	}
	.ace-tm .ace_gutter-active-line {
		background-color: #4b6389;
	}
	.ace-tm .ace_marker-layer .ace_selected-word {
		background: #383f4b;
		border: 1px solid #313f73;
	}
	.ace-tm .ace_paren {
		color: #ffc813;
	}
	.ace-tm .ace_indent-guide {
		background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAADklEQVR4AWMAA5+wlP8ABAMCBlWbPt4AAAAASUVORK5CYII=") right repeat-y;
	}
	.ace_fold-widget {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQIW2P4//8/AzoGEQ7oGCaLLAhWiSwB146BAQCSTPYocqT0AAAAAElFTkSuQmCC");
	}
	.ace_fold-widget.ace_closed {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2P4//+/AxAzgDADlOOAznHAKgPWAwARji8UIDTfQQAAAABJRU5ErkJggg==");
	}
	.ace_gutter-cell.ace_info {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEUAAAChoaGAgIAqKiq+vr6tra1ZWVmUlJSbm5s8PDxubm56enrdgzg3AAAAAXRSTlMAQObYZgAAAClJREFUeNpjYMAPdsMYHegyJZFQBlsUlMFVCWUYKkAZMxZAGdxlDMQBAG+TBP4B6RyJAAAAAElFTkSuQmCC");
	}
	.ace_search {
	background-color:#323942;
	border-color: #465160;
	color:#eee;
	}
	.ace_search_field,
	.ace_searchbtn {
		background-color:#323942;
		color:#eee;
	}
	.ace_button {
		background-color:#3c424a;
		color:#eee;
	}

	/* These below rules are deprecated, contributors should use the following classes
	 * going forward rather than inline styles:
	 * text-positive 		Green text
	 * text-negative		Red text
	 * table-positive		Green table cell background
	 * table-negative		Red table cell background
	 * table-neutral		Yellow table cell background
	 * table-na				Dims a cell, indicating no content/of no interest
	 * table-img			Table cells containing only an image
	 */
	td[style*="background-color:lightpink;"],
	td[style*="background-color:#FFE8E8;"],
	tr[style*="background-color:lightpink;"],
	tr[style*="background-color:#FFE8E8;"] {
		background-color:#6a2731!important
	}
	td[style*="background-color:lightgreen;"],
	td[style*="background-color:#E8FFEB;"],
	tr[style*="background-color:lightgreen;"],
	tr[style*="background-color:#E8FFEB;"] {
		background-color:#285128!important
	}
	span[style*="color:green"] {
		color:#3ec83e!important
	}
	table[style*="background:#FFF7F7;"] {
		background-color:#465160!important
	}
}
.d-none {
  display: none !important;
}

/*
* BEGIN HOME PAGE CSS PROPERTIES
* This currently defaults to "Dark Mode" styling, even if the user is set to Light Mode.
*/
.mainpage-body .tile-row {
    display: grid;
    gap: 0.9rem;
}
.mainpage-body .tile-row {
    width: 100%;
    margin-bottom: 0;
}
.mainpage-recent-updates {
    grid-area: update;
    grid-template-columns: repeat(3, 1fr);
}
.mainpage-contents {
    grid-area: content;
    grid-template-columns: repeat(6, 1fr);
}
.tile-halves {
    display: flex;
    flex-flow: row wrap;
    border: 1px solid #596e96;
    background: #313e59;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
.mainpage-recent-updates .tile-halves {
    flex: 1;
    align-content: flex-start;
}
.mainpage-recent-updates .tile-halves {
    display: inline-block;
    width: 100%;
    white-space: initial;
    flex: unset;
}
.tile-top.tile-image {
    display: flex;
    align-items: center;
    background-color: #98a2b6;
    overflow: hidden;
    padding: 0;
    height: 13vw;
    max-height: 12em;
    transition: 0.4s ease-out;
}
.tile-top {
    width: 100%;
    padding: 1.3rem 1.5rem 0.6rem;
}
.tile-bottom.link-button {
    align-self: flex-end;
    padding: 0;
}
.tile-bottom {
    background: #465160;
    border-top: 1px solid #838383;
    width: 100%;
    padding: 1rem 1.5rem 0.6rem;
}
.byline {
    font-size: 0.9em;
    color: #949494;
}
.mainpage-body {
    display: grid;
    grid-template-areas:
        "event event event"
        "update update update"
        "content content content"
        "left left right";
    gap: 0.9rem;
    grid-template-columns: repeat(3, 1fr);
}
.mainpage-recent-updates .tile-bottom.link-button a {
    text-align: left;
    padding: 1rem 1.5rem 0.75rem;
}
.tile-bottom.link-button a {
    display: block;
    text-align: center;
    padding: 0.75em 1.5em 0.8em;
    text-decoration: none!important;
}
.tile-halves .byline + h2 {
    margin-top: -0.5em;
}
.mainpage-recent-updates h2 {
    margin: -0.5em 0 0.3em;
}
.tile-halves h2 {
    font-size: 1.4em;
    font-weight: bold;
    border: none;
    margin: 0 0 0.4em;
    color: #fff;
}
.tile-halves h2:after {
    border-bottom: none!important;
}
.tile-halves h5 {
    font-size: 1em;
    font-weight: bold;
    border: none;
    margin: 0 0 0.4em;
    color: #fff;
}
.tile-halves h5:after {
    border-bottom: none!important;
}
.mainpage-recent-updates p:not(.byline) {
    font-size: 0.9em;
    line-height: 1.75em;
    color: whitesmoke;
}
.mainpage-contents .tile-halves {
    flex: 1;
}
.mainpage-body h2 a {
    color: #fff;
}
.mainpage-body h2 a:hover {
    text-decoration: none!important;
}
.mainpage-right {
    grid-area: right;
    flex: 1;
    display: flex;
    flex-flow: column wrap;
}
.mainpage-editing {
    border: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
.tile-top {
    width: 100%;
    padding: 1.3rem 1.5rem 0.6rem;
}
.mainpage-editing .tile-top {
    background: #438ab5;
}
.mainpage-editing h2, .mainpage-editing a {
    color: #fff;
}
.mainpage-editing p {
    color: rgba(255, 255, 255, 0.9);
}
.tile-bottom {
    background: #313e59;
    border-top: 1px solid #596e96;
    width: 100%;
    padding: 1rem 1.5rem 0.6rem;
}
.mainpage-editing .tile-bottom {
    background: #3980ab;
    border: none;
    padding: 0.8rem 1.5rem 0.4rem;
}
.mainpage-left {
    grid-area: left;
    flex: 2;
    display: flex;
    flex-flow: column wrap;
}
.mainpage-left > * {
    margin: 0 0 0.9rem;
}
.mainpage-right > * {
    margin: 0 0 0.9rem;
}
.mainpage-expansions {
    margin: 0 0 0.45rem;
}
.popular-pages ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.6em;
    margin: 1em 0 0.7em 0;
}
.mp-popular-page-light {
    display: flex;
    align-items: center;
    background-color: #617ebc;
    transition: 100ms;
}
.mp-popular-page-light a {
    flex: 1;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 0.7em 1em;
}
.mp-popular-page-light:hover {
    filter: brightness(115%);
    transition: 100ms;
}
.mainpage-skills ul {
    columns: 4 9em;
    margin: 0;
}
.mainpage-skills li > a:last-child {
    flex: 1;
    display: flex;
    align-items: center;
    font-weight: bold;
    padding-left: 0.4em;
    text-decoration: none;
}
.mainpage-skills li {
    display: flex;
    margin-bottom: 0.1em;
}
.mainpage-header {
    display: flex;
    margin: 0.5em 1em 1em;
}
.mainpage-header .header-intro {
    flex: 2;
}
.mainpage-header .header-intro h4 {
    font-size: 1.5em;
    font-weight: bold;
    border: none;
    margin: 0 0 0.15em;
}
.mainpage-header .header-intro p {
    font-size: 1.1em;
    line-height: 1.7em;
}
.mainpage-header .header-stats {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -1em;
}
.plainlist ol, .plainlist ul {
    margin: 0;
}
.plainlist li {
    margin-bottom: 0;
    list-style: none;
}
@media only screen and (max-width: 720px) {
    .mainpage-recent-updates {
        grid-template-columns: none;
    }
    .mainpage-contents {
        grid-template-columns: repeat(2, 1fr);
    }
    .mainpage-recent-updates .tile-halves:last-child {
        display: flex;
    }
}
@media only screen and (max-width: 1000px) {
    .mainpage-body {
        grid-template-areas:
        "event event event"
        "update update update"
        "content content content"
        "left left left"
        "right right right";
    }
    .mainpage-header .header-intro p {
        font-size: 1em;
    }
    .mainpage-recent-updates {
        grid-template-columns: repeat(2, 1fr);
    }
    .mainpage-recent-updates .tile-top {
        height: 18vw;
        min-height: 9em;
    }
    .mainpage-left > *:last-child, .mainpage-right > *:last-child {
        margin-bottom: 0;
    }
    .mainpage-skills .tile-top ul {
        margin: 0;
    }
    .mainpage-recent-updates .tile-halves:last-child {
        display: none;
    }
}
@media only screen and (max-width: 1200px) {
    .mainpage-contents {
        grid-template-columns: repeat(3, 1fr);
    }
}
.mainpage-recent-updates::before {
    content: 'Recent updates';
    display: block;
    margin-left: 1.5em;
    color: #9aa4b7;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    grid-column: 1 / 4;
}
.tile-halves:hover .tile-top.tile-image img {
    transform: scale(1.1);
    transition: 0.5s ease-out;
}
.mainpage-recent-updates .tile-halves:hover .tile-top img {
    transform: scale(1.04);
}
.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
    font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
}

/*
* END HOME PAGE CSS PROPERTIES
*/