MediaWiki:Timeless.css

#mw-content-container {
	background: url(https://static.miraheze.org/idleonwiki/9/9f/Background_Beach.png) no-repeat center center fixed;
	background-size: cover;
}

#mw-content,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
	background: var(--main-bg-color);
	border: 1px solid var(--main-border-color);
	box-shadow: var(--main-box-shadow);
	border-radius: 3px;
}

#mw-content {
	border-radius: 0 0 3px 3px;
	border-top-width: 0;
}

#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
	background: rgba(213, 215, 218, .9);
}

#mw-site-navigation .sidebar-chunk h3,
#mw-related-navigation .sidebar-chunk h3 {
	font-family: 'Idleon';
	font-size: 16px;
}

#mw-site-navigation .sidebar-chunk h3:empty {
	display: none
}

#p-logo {
	border-radius: 3px;
	border: 1px solid #0c0d1c;
	box-shadow: var(--main-box-shadow);
	margin-top: 1em;
	padding: 0;
}

.client-dark-mode #p-logo {
	border-color:var(--main-border-color);
}

@media screen and (min-width: 851px) {
	.mw-wiki-logo.fallback {
		width: 13em;
		height: 13em;
		background-size: cover;
		margin: 0;
		max-width: 100%;
	}
}

@media screen and (max-width: 550px) {
	#p-logo-text {
		position: absolute;
	}
}


/* ----- DARK MODE ----- */

.client-dark-mode #mw-content-container {
	background: url(https://static.miraheze.org/idleonwiki/2/24/NightDesertBG.png) no-repeat center center fixed;
	background-size: cover;
}

.client-dark-mode .mw-footer-container {
	background: var(--element-bg-color); 
	color: #000;
}

.client-dark-mode .mw-footer-container a, 
.client-dark-mode .mw-footer-container a:visited {
	color: var(--main-link-color);
}

.client-dark-mode .mw-footer-container a:hover, 
.client-dark-mode .mw-footer-container a:visited:hover {
	color: var(--main-link-color-hover);
}

.client-dark-mode #searchButton {
	background:transparent;
}

.client-dark-mode #mw-content-container,
.client-dark-mode #mw-content-block,
.client-dark-mode .mw-wiki-logo.fallback {
	filter: invert(1) hue-rotate(180deg);
	-webkit-filter: invert(1) hue-rotate(180deg);
}

/* ----- EDITOR ----- */

.oo-ui-labelElement-label,
.label {
	color: #000;
}

.codeEditor-status-worker {
	color: #f00;
}

.CodeMirror pre.CodeMirror-line {
	font-size: 13px;
	line-height: 17px;
}