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 */

.skin-timeless #mw-content-container {
    background-color: #eeeeff;
    background-image: url(/wiki/images/f/f9/Bkgd.gif);
    background-repeat: repeat;
    
}
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;	
}

@media screen and (min-width: 0px) {
.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,
.skin-timeless #mw-content-container .sidebar-chunk .sidebar-inner * {
	color: #000000;
    font-weight: bold !important;
}
}
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
    font-weight: normal;
    font-size: 1em;
    margin: 0.25em 0 0.75em 0;
    padding-bottom: 0.15em;
    border-bottom: solid 2px black;
}
/* One-sided navigation menu */
@media (min-width: 1340px) {
  #mw-content-block {
    display: block;
  }
  #mw-content,
  #content-bottom-stuff {
    margin-left: 14em;
  }
  #mw-content-wrapper {
    float: right;
    margin-left: -14em;
    width: 100%;
  }
  #mw-related-navigation {
    width: 14em;
    padding: 0 1em 0 0;
  }
  div.color-middle {
    margin-right: 0;
  }
  .mw-wiki-logo {
  	display: inline-block;
  }
}

/* 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;
	}


}