MediaWiki:Timeless.css

/* All CSS here will be loaded for users of the Timeless skin */

/** General styling **/
body {
	color: #000000; 
	background: #800649; } /* affects vertical scrolbar and footer background */

/* Backdrop */
#mw-content-container {
    background-color:#fcc8a9 !important;
    background-size: cover !important;
    background-attachment: fixed !important; }

/* Content */	
#mw-content-container {
	background: #170926; /* This also hides black block on backdrop? */
	border-bottom: solid 2px #826249; }	
#mw-content {
	background: #ffe1cf;
	border: 2px solid #826249;
	border-top: none;
	box-shadow: none; }
/** Changes for smaller screens **/
@media only screen and (max-width: 1100px) { 
  #mw-content { /* Content area */
    border-right: none;
    border-left: none; }
  #mw-content-block {
    background: #1D0832 }
  /* #content-bottom-stuff - category block */
}

/* ToC */	
#toc {
	background: #dbab88;
	border: 1px solid #826249 !important;
	border-width: 1px;
	padding: 1em 1.3em; }
.toctitle {
	border-color: #826249 !important; }
.toctogglelabel {
	color: #79DEFF !important; }
.tocnumber {
	color: #E9E6E8 !important; }

/** Image thumbnail (|thumb|) **/
.thumbinner {
	background: transparent;
	border: none;
	box-shadow: none; }
.thumbinner .thumbimage {
	border: none; }
div.magnify a { /* Icon */
	filter: invert(1); }

/* Sidebars */
/** Desktop styling **/
@media only screen and (min-width: 1100px) {
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
	background: #dec4af;
	border: 2px solid #826249; }
#mw-related-navigation {
	width: 14em;
	flex: 0 0 14em; }
}

#mw-header-hack {
	box-shadow: none; }
.color-left, .color-middle, .color-right {
  background: #826249; }

#catlinks-sidebar {display: none !important;}
#catlinks {display: block !important;}
#mw-normal-catlinks {
	border     : 1px dashed #aaaaaa !important;
	background : #f0b599 !important;
	width      : 98% !important;
	margin     : 0 auto !important;
	padding    : 10px !important;
}

a.new:hover, .new a:hover, a.new:visited, .new a:visited {
	color: #7d593c;
}
.mw-plusminus-neg {
	color: #FF0000;
}
#searchButton, #mw-searchButton {
	border: 0 !important;
	left: 38vw;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

#mw-footer-container a:hover {
	color: #ffff33;
}
#mw-footer-container a:visited {
	color: #A1805F;
}

/* unvisited link */
a:link {
  color: #874118;
}

/* visited link */
a:visited {
  color: #a1562a;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: blue;
}

/** Banner (search and user toolbar) **/
 #mw-header-container:before {
  content:"";
  position:absolute;
  width: 100%;
  height:100%;
  top:0;
  pointer-events:none;
  z-index:-1;
  filter: blur(1px);
  background:#232741;
  background-image: url(https://static.miraheze.org/sherlockholmeswiki/8/8a/Art-crew-london-mood-wallpaper-preview.jpg);
  opacity: 0.7;
  background-repeat:no-repeat;
  background-attachment: fixed !important;
}

/* [[Category:Styling pages]] */