MediaWiki:Common.css

* CSS placed here will be applied to all skins */

/* Timeless */

/* Global */

@import url('https://fonts.googleapis.com/css2?family=Fugaz+One&family=Sorts+Mill+Goudy&display=swap');

img {
	max-width: 100%;
	width: auto;
	height: auto;
}

.mw-wiki-logo.fallback {
	background-size: contain;
}

@media screen and (min-width: 851px) {
	body.skin-timeless #p-logo-text {
		display: none;
	}

	body.skin-timeless #mw-header-nav-hack {
		border-top: none;
	}
}

@media screen and (max-width: 850px) {
	body.skin-timeless #p-logo-text {
		max-width: none;

	}
}

@media screen {
	body.skin-timeless #mw-header-container,
	body.skin-timeless #mw-header-nav-hack,
	body.skin-timeless #mw-header-container #p-logo-text a,
	body.skin-timeless #personal-inner,
	body.skin-timeless .sidebar-inner
	{
		background-color: #62879e;
		color: #dddddd;
		border-color: #000000;
	}
	body.skin-timeless #site-navigation h2,
	body.skin-timeless #site-tools h2,
	body.skin-timeless #user-tools h2 {
		color: #000000;
        filter: invert(0%);
	}
}

body.skin-timeless {
	font-family: 'Garamond', 'Times New Roman', Serif;
	background-color: #62879e;
}

body.skin-timeless #mw-header #p-banner {
	font-family: 'Cascadia Code', 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Times New Roman', Serif;
}

.skin-timeless .mw-body {
	line-height: 1.4; 
}

.skin-timeless .mw-body h1,
.skin-timeless .mw-body h2,
.skin-timeless .mw-body h3,
.skin-timeless .mw-body h4,
.skin-timeless .mw-body h5,
.skin-timeless .mw-body h6,
.skin-timeless .mw-body dt {
	font-family: 'Garamond', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Times New Roman', Serif;
}

.skin-timeless a,
.skin-timeless a:hover,
.skin-timeless a:visited,
.skin-timeless a.external,
.skin-timeless a.external:hover,
.skin-timeless a.external:visited {
	color: #000066;
}

.skin-timeless a.new,
.skin-timeless a.new:hover,
.skin-timeless a.new:visited {
	color: #000066;
}
.gamepage {
  border: 10px solid #eaecf0;
  background-color: #eaecf0;
  font-family: monospace;
  color: #000000;
  font-size: 12pt;
  margin-left: 0em;
}

/* Site background */

body.mediawiki.skin-timeless #mw-content-container {
	--c1: #8294a0;
	--c2: #dddddd;
	--c3: #a2eeef;
	--c4: #b6bde1;
	background-image:
		conic-gradient(from 160deg at 70px 168.5px, var(--c1) 0deg 90deg, transparent 90deg),
		conic-gradient(from 21deg at 168px 71px, var(--c1) 0deg 90deg, transparent 90deg),
		conic-gradient(from 21deg at 141px 141px, var(--c2) 0deg 114deg, transparent 114deg),
		conic-gradient(from -21deg at 96.5px 44px, var(--c3) 0deg 131.5deg, transparent 131.5deg),
		conic-gradient(from -70deg at 43.5px 97px, var(--c1) 0deg 115.5deg, transparent 115.5deg),
		conic-gradient(from 135.5deg at 141px 142px, var(--c3) 0deg 114.5deg, transparent 114deg),
		conic-gradient(from 160deg at 43.5px 97px, var(--c2) 0deg 130.5deg, transparent 120deg 360deg);
	background-color: var(--c4);
	background-size: 195px 195px;
	background-position: -30px -30px;
	background-repeat: repeat, repeat;
}

body.mediawiki.skin-timeless #mw-content-container #mw-content-block {
	backdrop-filter: saturate(100%) brightness(40%);
}

body.mediawiki.skin-timeless #mw-content-container .sidebar-inner {
	background-color: transparent;
}


/* sidebar */

.skin-timeless #mw-content-block .sidebar-chunk {
	background-color: transparent;
	border: none;
	font-size: 1.1em;
	color: #000000;	
}

.skin-timeless #mw-content-container .sidebar-chunk a,
.skin-timeless #mw-content-container .sidebar-chunk a:visited,
.skin-timeless #mw-content-container .sidebar-chunk a:hover {
	color: #e8dfd7;
}

/* Page Header */

.skin-timeless .color-left {
	background: #b6bde1;
}

.skin-timeless .color-middle {
	background: #8cc2e3;
}

.skin-timeless .color-right {
	background: #b6bde1;
}

/* Article headings */

.skin-timeless .tools-inline li.selected {
	border-bottom-color: #b6bde1;
}

.skin-timeless .mw-body h1.firstHeading {
	border-bottom-color: #62879e;
}

/* footer */

.skin-timeless #mw-content-container {
	border-bottom-color: #b6bde1;
}

.skin-timeless #mw-footer {
	background-color: #62879e;
	color: #000000;
}

/* Tables */
@media (max-width: 990px) {
	table[width="100%"] td {
		display: block;
		width: auto;
	}


}