MediaWiki:Timeless.css

/* CSS placed here will affect users of the Timeless skin */

/* Timeless theme */
#mw-content-container {
	background: url(/images/timeless-bg.webp) fixed;
}
#mw-header-container {
	background: #d1f0e1;
}
.color-left, .color-middle, .color-right {
	background: #418262;
}
#mw-content-container,
#mw-content h1.firstHeading,
#mw-content h1, #mw-content h2,
#mw-page-header-links li.selected {
	border-color: #418262;
}
body.skin-timeless {
	background: #26573e;
}
body.skin-timeless #mw-footer-container {
	border-top: 0;
	box-shadow: none;
}

/* Standard changes */
#siteNotice {
	text-align: center;
}
#firstHeading {
	overflow: visible;
}
#mw-content h1, #mw-content h2,
#mw-content h3, #mw-content h4,
#mw-content h5, #mw-content h6,
#mw-content dt {
	margin-top: 1em;
}
#mw-content dd {
	margin-bottom: 0.25em;
}
.CodeMirror {
	padding: 0.25em 0.35em;
	box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.05);
}
table {
	border-collapse: separate;
	border-spacing: 2px;
}
table td, table th {
	padding: 2px 4px;
}
table.wikitable {
	padding: 0;
}
table.wikitable img {
	max-width: 100% !important;
	height: auto !important;
}
.thumb, .thumbcaption {
	padding-bottom: 0;
}
@media all and (max-width: 850px) {
	#siteNotice {
		display: none;
	}
	.infobox {
		display: block !important;
		float: none !important;
		margin: 15px 0 15.5px !important;
	}
	.infobox, table {
		display: block;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
	}
	.infobox table {
		width: 100% !important;
	}
	table tbody {
		width: 100% !important;
		display: table !important;
	}
	.thumbimage {
		text-align: center;
	}
	ul.gallery {
		text-align: center;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* Misc. changes */
@media all and (max-width: 850px) {
	#game-icons {
		margin-top: -21px !important;
	}
	#mw-content #game-icons a img {
		height: 20px !important;
		width: auto !important;
	}
}