MediaWiki:Timeless.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* All CSS here will be loaded for users of the Timeless skin */
/* Hide the logo */
#p-logo {
    text-align: center;
    margin: auto;
    display: none;
}

/* No hacks */
#mw-header-hack, #mw-header-nav-hack {
    display: none;
}

/* Lighten the horizontal bar below the title */
.mw-body h1.firstHeading {
    border-bottom: solid 2px #c8ccd1;
}

.mpwelcome {
	font-size:230%;
	line-height:130%;
	border:none;
	margin:0 1.5rem;
	color:#000;
	font-family:'hoefler text','times new roman', serif;
	font-variant: small-caps;
	white-space:nowrap
}
@media (max-width: 768px) {
    .mpwelcome {
    	white-space:unset;
    }
}

/* One-sided navigation menu */
@media (min-width: 1340px) {
  #mw-content-block {
    display: block;
  }
  #mw-content {
	box-shadow: 4px 3px 7px 3px rgb(0 0 0 / 10%);
	margin-left: 14em;
	margin-bottom: 15px;
  }
  #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;
  }
}

/* Colour bar to match background & equalize height & width */
.color-left, .color-middle, .color-right {
    background: #eaecf0;
    margin-left: 0em;
    margin-right: 0em;
}
#mw-header-hack {
    position: initial;	
    box-shadow: none;
}
.color-middle-container {
    margin: 0em;
}

/* No sticky headers */
#mw-header-container {
    position: initial;
    margin-bottom: 12px;
}
#mw-content-container {
    margin-top: 0em;
    padding-bottom: 0em;
}

/* Re-aligning bottom logos */
#footer { padding-right: 1em; }
.mw-body h1.firstHeading {
	border-bottom: solid 1px #c8ccd1;
    margin: 0.2em 0 0em;
}
#p-namespaces {
    float: right;
    margin-top: -45px;
}
#p-views {
    margin-top: -45px;
}

/* Normal link color */
a {
    color: #0645ad;
}

/* Enlarge & space content a little more then default */
body {
    font-size: 1em;
    line-height: 1.6;
    background: #eaecf0;
}

/* Fix footer color */
.mw-footer-container {
    background: #72777d;
}

/* Fix navigation height on smaller screen widths */
.sidebar-chunk {
	margin: 0em 0 1em 0 !important;
	box-shadow: 0 1px 7px 1px rgb(0 0 0 / 10%) !important;
}

/* Remove section edit links */
.mw-editsection { 
	display: none !important; 
}

/* Fix header height */
body h3 {
    margin: 1em 0 0.5em !important;
}

/* Fix sticky tables */
.skin-timeless .jquery-tablesorter > thead, .skin-timeless .mw-sticky-header > thead {
    top: 0;
}

.flexlayout {
	display:flex;
	flex-direction:row;
	clear:both;
}
.flexequal > .flexcol {
	flex-basis:0%;
}
.flexcol {
	flex-grow:1;
}
.flexcol+.flexcol {
	margin-left:1em;
}
@media (max-width: 1180px) {
	#mp-topbanner .flexlayout {
		flex-wrap:wrap;
	}
}
@media (max-width: 930px) {
	.flexlayout {
		flex-direction:column;
	}
	.flexcol+.flexcol {
		margin-left:unset;
	}
}