MediaWiki:Timeless.css

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

#p-logo-text a.long {
    font-size: 1.5em;
    opacity:1;
    padding: 0 0.75em 0 0;
    line-height: 0.8;
}

/** General styling **/
body {
	color: #000000; 

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

/* Content */	
#mw-content-container {
	background: solid red !important; /* This also hides black block on backdrop? */
	border-bottom: solid 1px #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; }
}

/** Banner (search and user toolbar) **/
#mw-header-container {
    background-image: url('https://static.miraheze.org/sherlockholmeswiki/8/8a/Art-crew-london-mood-wallpaper-preview.jpg');
    opacity:0.5;
    position:absolute; top:50% left:50%; 
    transform: translate(-50%,-50%);
	color: #000;
}
#mw-header-hack {
	box-shadow: none; }
.color-left, .color-middle, .color-right {
  background: #826249;
  border-bottom: solid 1px #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: #FF3333;
}
.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: #ffff66;
}

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

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