MediaWiki:Timeless.css: Difference between revisions
From Sherlock Holmes Encyclopaedia
Content deleted Content added
No edit summary Tag: Reverted |
No edit summary |
||
(170 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Timeless skin */ |
|||
/* <h3> Interface elements </h3> */ |
|||
/** General styling **/ |
|||
body {background:#ffffff no-repeat center fixed;background-size: 200% 200%;border:none} |
|||
body { |
|||
color: #000000; |
|||
background: #800649; } /* affects vertical scrolbar and footer background */ |
|||
/* Backdrop */ |
|||
/* CSS placed here will affect users of the Timeless skin */ |
|||
#mw-content-container { |
|||
@import url(https://tools-static.wmflabs.org/fontcdn/css?family=Merriweather); |
|||
background-color:#fcc8a9 !important; |
|||
html { |
|||
background-size: cover !important; |
|||
background-attachment: fixed !important; } |
|||
height: 100%; |
|||
font-size: 1.1em; |
|||
filter: brightness(100%) contrast(100%) grayscale(0%) !important; |
|||
-webkit-filter: brightness(100%) contrast(100%) grayscale(0%) !important; |
|||
overflow-x: hidden; |
|||
} |
|||
/* Content */ |
|||
#mw-content-container { |
#mw-content-container { |
||
background: #170926; /* This also hides black block on backdrop? */ |
|||
background-image : none !important; |
|||
border-bottom: solid 2px #826249; } |
|||
width : 60% !important; |
|||
#mw-content { |
|||
margin : 3.475em auto 0 auto !important; |
|||
background: #ffe1cf; |
|||
border-bottom : 0 !important; |
|||
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 */ |
|||
body { |
|||
#toc { |
|||
margin: 0; |
|||
background: # |
background: #dbab88; |
||
border: 1px solid #826249 !important; |
|||
color: #000000; |
|||
border-width: 1px; |
|||
font-family: 'Merriweather', serif; |
|||
padding: 1em 1.3em; } |
|||
} |
|||
.toctitle { |
|||
a { |
|||
color: # |
border-color: #826249 !important; } |
||
.toctogglelabel { |
|||
} |
|||
color: #79DEFF !important; } |
|||
a:hover, a:visited { |
|||
.tocnumber { |
|||
color: #cc3300; |
|||
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 */ |
|||
h1 { |
|||
/** Desktop styling **/ |
|||
font-family : firstheading !important; |
|||
@media only screen and (min-width: 1100px) { |
|||
font-size : 2em !important; |
|||
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { |
|||
color : #333333 !important; |
|||
background: #dec4af; |
|||
padding-bottom : 8px !important; |
|||
border |
border: 2px solid #826249; } |
||
#mw-related-navigation { |
|||
} |
|||
width: 14em; |
|||
h3 { |
|||
flex: 0 0 14em; } |
|||
font-family : firstheading !important; |
|||
font-size : 22px !important; |
|||
} |
} |
||
#mw-header-hack { |
|||
h4 { |
|||
box-shadow: none; } |
|||
font-family : firstheading !important; |
|||
.color-left, .color-middle, .color-right { |
|||
font-size : 20px !important; |
|||
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; |
|||
} |
} |
||
#personal .dropdown b { |
|||
font-weight: normal; |
|||
} |
|||
b, strong { |
|||
text-shadow: 1px 1px 1px #000; |
|||
} |
|||
#f-list { |
|||
text-align: center; |
|||
font-size: 14px; |
|||
} |
|||
div.editOptions { |
|||
border: #222; |
|||
background: #555; |
|||
} |
|||
#mw-header-nav-hack { |
|||
border-top: solid 2px #333; |
|||
background: #333; |
|||
} |
|||
#mw-site-navigation .sidebar-inner { |
|||
background: #333; |
|||
border: 0; |
|||
} |
|||
@media screen and (min-width: 851px) { |
|||
#p-logo-text a { |
|||
position: fixed; |
|||
right: 75vw; |
|||
} |
|||
} |
|||
@media screen and (max-width: 850px) { |
|||
#p-logo-text { |
|||
margin-top: 0; |
|||
} |
|||
} |
|||
@media screen and (max-width: 1099px) and (min-width: 851px) { |
|||
#p-logo-text a.long { |
|||
padding-left: 7px; |
|||
float: left; |
|||
font-size: 23px !important; |
|||
} |
|||
} |
|||
@media screen and (max-width: 1099px) and (min-width: 851px) { |
|||
#mw-related-navigation .sidebar-inner { |
|||
background: #222 !important; |
|||
border: solid #111; |
|||
} |
|||
} |
|||
@media screen and (max-width: 1099px) and (min-width: 851px) { |
|||
#mw-site-navigation .sidebar-inner { |
|||
background: #222; |
|||
border: solid #111; |
|||
} |
|||
} |
|||
#mw-site-navigation .sidebar-chunk { |
|||
border: outset #222; |
|||
background: #333; |
|||
box-shadow: 2px 2px 1px rgba(0,0,0,0.5); |
|||
border-radius: 3px; |
|||
} |
|||
@media screen and (max-width: 851px) { |
|||
#mw-site-navigation .sidebar-chunk { |
|||
padding: 0 15px 5px 20px; |
|||
} |
|||
} |
|||
@media screen and (max-width: 1099px) and (min-width: 851px) { |
|||
#mw-site-navigation .sidebar-inner { |
|||
background: #222 !important; |
|||
border: solid #111 !important; |
|||
} |
|||
} |
|||
.mw-parser-output a.external { |
|||
color: #ff9900; |
|||
} |
|||
#searchInput { |
|||
padding: 0.2em 4.5em 0.2em 2em !important; |
|||
margin: 0; |
|||
} |
|||
#searchInput-container { |
|||
background: #333; |
|||
height: 35px; |
|||
} |
|||
#simpleSearch { |
|||
border: inset 1px #000; |
|||
border-radius: 3px; |
|||
background: #333; |
|||
height: 35px; |
|||
width: 48vw; |
|||
position: absolute; |
|||
left: 0; |
|||
right: 0; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
top: 7px; |
|||
} |
|||
#user-tools { |
|||
position: fixed; |
|||
right: 86px; |
|||
} |
|||
@media screen and (min-width: 851px) { |
|||
#user-tools { |
|||
left: 74vw; |
|||
top: 5px; |
|||
} |
|||
} |
|||
.mw-notification { |
|||
background: #222; |
|||
border: #111; |
|||
background: #111; |
|||
border-radius: 5px; |
|||
color: #999; |
|||
width: 200px; |
|||
} |
|||
.postedit-container { |
|||
position: absolute; |
|||
left: 0; |
|||
right: 0; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
padding: 0; |
|||
padding: 15px 0 15px 15px; |
|||
text-align: right; |
|||
} |
|||
.postedit-icon { |
|||
margin: auto; |
|||
padding: 0; |
|||
} |
|||
.mw-wiki-logo { |
|||
background-size: contain; |
|||
} |
|||
#mw-header-container { |
|||
background: #555; |
|||
} |
|||
#mw-header { |
|||
width: 100%; |
|||
max-width: 100%; |
|||
padding: 0; |
|||
position: static; |
|||
} |
|||
@media screen and (max-width: 850px) { |
|||
#menus-cover { |
|||
background: #000; |
|||
} |
|||
} |
|||
@media screen and (max-width: 850px) { |
|||
#personal h2 { |
|||
display: none; |
|||
} |
|||
} |
|||
#mw-content-container { |
|||
background: #1d1d16; |
|||
} |
|||
@media screen and (max-width: 850px) { |
|||
#mw-content-block { |
|||
background: #000; |
|||
} |
|||
} |
|||
@media screen and (max-width: 850px) { |
|||
#site-tools h2 { |
|||
right: 3em; |
|||
top: 0.9em; |
|||
padding-bottom: 5px; |
|||
} |
|||
} |
|||
@media screen and (max-width: 850px) { |
|||
#p-logo-text a.long { |
|||
width: 100%; |
|||
top: 7px; |
|||
text-align: center; |
|||
font-size: 40px !important; |
|||
} |
|||
} |
|||
@media screen and (min-width: 851px) { |
|||
#p-logo-text { |
|||
width: 29em; |
|||
} |
|||
} |
|||
@media screen and (min-width: 851px) { |
|||
#personal h2:after { |
|||
width: 36px; |
|||
} |
|||
} |
|||
@media screen and (max-width: 850px) { |
|||
#p-logo-text { |
|||
position: static; |
|||
left: 0 !important; |
|||
right: 0; |
|||
margin-left: 0; |
|||
margin-right: 0; |
|||
width: 100%; |
|||
top: 3.3em; |
|||
} |
|||
} |
|||
@media only screen and (min-width: 992px) and (max-width:768px) { |
|||
#p-logo-text { |
|||
right:74vw; |
|||
} |
|||
} |
|||
@media only screen and (min-width: 900px) and (max-width:100px) { |
|||
#p-logo-text { |
|||
right: 74vw; |
|||
top: 3em; |
|||
} |
|||
} |
|||
@media screen and (max-width: 900px) and (min-width: 100px) { |
|||
#p-logo-text a.long { |
|||
font-size: 43px !important; |
|||
} |
|||
} |
|||
@media screen and (max-width: 1700px) and (min-width: 800px) { |
|||
#p-logo-text { |
|||
left: 12px !important; |
|||
} |
|||
} |
|||
@media screen and (max-width: 1700px) and (mix: 851px) { |
|||
#mw-site-navigation { |
|||
background: #000; |
|||
} |
|||
} |
|||
#mw-content { |
|||
background: #333; |
|||
border: solid #946c20; |
|||
-webkit-border-bottom-right-radius: 4px; |
|||
-webkit-border-bottom-left-radius: 4px; |
|||
-moz-border-radius-bottomright: 4px; |
|||
-moz-border-radius-bottomleft: 4px; |
|||
border-bottom-right-radius: 4px; |
|||
border-bottom-left-radius: 4px; |
|||
} |
|||
#mw-page-header-links li.selected a { |
|||
color: #cccc00; |
|||
} |
|||
#mw-related-navigation .sidebar-chunk { |
|||
background: #333; |
|||
border: outset #222; |
|||
box-shadow: 2px 2px 1px rgba(0,0,0,0.5); |
|||
border-radius: 3px; |
|||
} |
|||
@media screen and (max-width: 1099px) and (min-width: 851px) { |
|||
#mw-related-navigation .sidebar-chunk { |
|||
background: #333; |
|||
border: outset #222; |
|||
box-shadow: 2px 2px 1px rgba(0,0,0,0.5); |
|||
border-radius: 3px; |
|||
padding: 0 15px 5px 20px; |
|||
} |
|||
} |
|||
.color-middle-container, .ts-inner { |
|||
padding: 0; |
|||
} |
|||
#p-logo-text { |
|||
left: 120px; |
|||
} |
|||
#p-logo-text a.long { |
|||
padding-top: 5px; |
|||
padding-left: 6px; |
|||
font-size: 30px; |
|||
text-shadow: 1px 1px 1px #222; |
|||
} |
|||
#p-search { |
|||
width: 70em; |
|||
padding-right: 33px; |
|||
} |
|||
#personal .dropdown h3 { |
|||
line-height: 25px; |
|||
} |
|||
#personal h2 { |
|||
text-shadow: 2px 2px 0 #333; |
|||
padding-top: 7px; |
|||
font-size: 24px; |
|||
text-transform: lowercase; |
|||
} |
|||
#personal .dropdown { |
|||
background: #222!important; |
|||
border: solid #000; |
|||
} |
|||
.codeEditor-status { |
|||
color: #000; |
|||
} |
|||
.oo-ui-labelElement-label { |
|||
text-shadow: 1px 2px #333; |
|||
} |
|||
#iframeframe { |
|||
height: 700px; |
|||
} |
|||
#wpSave { |
|||
text-shadow: 2px 2px 2px #000 !important |
|||
} |
|||
#mw-footer-container { |
|||
background: #000; |
|||
padding-top: 1em; |
|||
} |
|||
fieldset { |
|||
background: #222!important; |
|||
border: solid #111; |
|||
} |
|||
input { |
|||
background: #333; |
|||
border: solid 1px #111!important; |
|||
border-radius: 2px; |
|||
padding-left: 5px; |
|||
color: #999; |
|||
} |
|||
.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button { |
|||
border: solid 1px #333!important; |
|||
border-bottom: 0!important; |
|||
text-shadow: 0 0 0 #000 !important; |
|||
border-bottom: solid 1px #333!important; |
|||
} |
|||
.oo-ui-flaggedElement-destructive { |
|||
background: #111; |
|||
border: 1px solid #444; |
|||
color: #FF3333 !important; |
|||
padding-left: 15px !important; |
|||
padding-right: 15px !important; |
|||
} |
|||
.oo-ui-flaggedElement-destructive:hover { |
|||
background: #222; |
|||
color: #CC0000 !important; |
|||
} |
|||
#searchInput { |
|||
border: 0!important; |
|||
} |
|||
@media screen and (max-width: 850px) { |
|||
#searchInput { |
|||
padding: 0 0 0 6px !important; |
|||
} |
|||
} |
|||
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { |
|||
background-color: #333; |
|||
color: #fff; |
|||
} |
|||
.oo-ui-textInputWidget > .oo-ui-labelElement-label { |
|||
line-height: 0.5em; |
|||
} |
|||
#pagehistory li.selected { |
|||
background-color: #555; |
|||
} |
|||
.warningbox { |
|||
background: #1d1d16; |
|||
} |
|||
a.new:hover, .new a:hover, a.new:visited, .new a:visited { |
a.new:hover, .new a:hover, a.new:visited, .new a:visited { |
||
color: # |
color: #7d593c; |
||
} |
} |
||
.mw-plusminus-neg { |
.mw-plusminus-neg { |
||
Line 403: | Line 93: | ||
margin-right: auto; |
margin-right: auto; |
||
} |
} |
||
#mw-footer-container a:hover { |
#mw-footer-container a:hover { |
||
color: #ffff33; |
color: #ffff33; |
||
} |
} |
||
#mw-footer-container a:visited { |
#mw-footer-container a:visited { |
||
color: # |
color: #A1805F; |
||
} |
|||
#mw-footer .footer-places li { |
|||
float: right; |
|||
display: block; |
|||
} |
|||
#mw-footer ul, #mw-footer li { |
|||
margin: 0 auto; |
|||
} |
|||
#mw-footer #lastmod { |
|||
float: left; |
|||
left: 25px; |
|||
} |
|||
.diff-addedline .diffchange { |
|||
background: #1d1d16; |
|||
padding-left: 7px; |
|||
} |
|||
.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { |
|||
text-shadow: 0 0 0 #000 !important; |
|||
} |
|||
.oo-ui-labelElement-label { |
|||
text-shadow: 0 0 0 #000 |
|||
} |
|||
.oo-ui-panelLayout-expanded { |
|||
background: #222; |
|||
} |
|||
.oo-ui-messageDialog-message { |
|||
color: #999; |
|||
} |
|||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { |
|||
color: #999; |
|||
} |
|||
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { |
|||
border-right: 1px solid #111 |
|||
} |
|||
.oo-ui-dialog-content > .oo-ui-window-body { |
|||
outline: 1px solid #111; |
|||
} |
|||
.oo-ui-messageDialog-content > .oo-ui-window-foot { |
|||
outline: 1px solid #111; |
|||
} |
|||
.wikiEditor-ui .wikiEditor-ui-view { |
|||
border: 1px solid #000; |
|||
} |
|||
.wikiEditor-ui .wikiEditor-ui-top { |
|||
border-bottom: 1px solid #000; |
|||
} |
|||
textarea[style] { |
|||
background: #111 !important; |
|||
color: #fff; |
|||
} |
|||
pre, .mw-code { |
|||
background: #222; |
|||
color: #B0B0B0; |
|||
border: 1px solid #444; |
|||
} |
|||
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon { |
|||
background-color: #B0B0B0; |
|||
border: 1px solid #333; |
|||
} |
} |
||
/* unvisited link */ |
|||
/********* Portable infobox theme *********/ |
|||
a:link { |
|||
.portable-infobox { |
|||
color: #874118; |
|||
border: 2px solid #ededed; |
|||
border-radius: 8px; |
|||
padding: 6px; |
|||
font-size: 12px; |
|||
background-color: #ffffff; |
|||
line-height: 1.5; |
|||
width: 21.9em; |
|||
} |
} |
||
/* visited link */ |
|||
.portable-infobox .pi-data, |
|||
a:visited { |
|||
.portable-infobox .pi-group { |
|||
color: #a1562a; |
|||
border: "333333; |
|||
} |
} |
||
/* mouse over link */ |
|||
.portable-infobox .pi-header { |
|||
a:hover { |
|||
opacity:0.8; |
|||
color: hotpink; |
|||
color:white; |
|||
text-align: center; |
|||
} |
|||
.portable-infobox .pi-navigation { |
|||
background-color: #ffffff; |
|||
font-size: 12px; |
|||
text-align: center; |
|||
} |
} |
||
/* selected link */ |
|||
.portable-infobox .pi-title { |
|||
a:active { |
|||
opacity:0.9; |
|||
color: blue; |
|||
background: #303030; |
|||
color:white; |
|||
border: 1px solid; |
|||
border-color: var(--theme-box-border-color-inner); |
|||
border-radius: var(--theme-box-border-radius-inner); |
|||
text-align: center; |
|||
} |
} |
||
/** Banner (search and user toolbar) **/ |
|||
.portable-infobox .pi-title { |
|||
#mw-header-container:before { |
|||
opacity:0.9; |
|||
content:""; |
|||
font-weight: bold; |
|||
position:absolute; |
|||
color:white; |
|||
width: 100%; |
|||
font-size: 15px; |
|||
height:100%; |
|||
padding: 6px 3px; |
|||
top:0; |
|||
line-height: 1.2; |
|||
pointer-events:none; |
|||
text-align: center; |
|||
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]] */ |
|||
/********* Portable infobox theme *********/ |
|||
.portable-infobox { |
|||
--pi-border-color: #754836; |
|||
border: 2px solid #754836; |
|||
border-radius: 8px; |
|||
padding: 6px; |
|||
font-size: 12px; |
|||
background-color: #cfa07c; |
|||
line-height: 1.5; |
|||
width: 21.9em; |
|||
} |
|||
.portable-infobox .pi-data, |
|||
.portable-infobox .pi-group { |
|||
border: "333333; |
|||
} |
|||
.portable-infobox .pi-header { |
|||
background-color: #754836; |
|||
opacity:0.9; |
|||
color:white; |
|||
text-align: center; |
|||
text-color:darkred; |
|||
} |
|||
.portable-infobox .pi-navigation { |
|||
background-color: #bd875e; |
|||
color:white; |
|||
font-size: 12px; |
|||
text-align: center; |
|||
} |
|||
.portable-infobox .pi-title { |
|||
opacity:0.9; |
|||
background: #754836; |
|||
color:white; |
|||
border: 1px solid; |
|||
border-color: var(--theme-box-border-color-inner); |
|||
border-radius: var(--theme-box-border-radius-inner); |
|||
text-align: center; |
|||
text-color:darkred; |
|||
} |
|||
.portable-infobox .pi-title { |
|||
font-weight: bold; |
|||
color:white; |
|||
font-size: 15px; |
|||
padding: 6px 3px; |
|||
line-height: 1.2; |
|||
text-align: center; |
|||
} |
|||
.pi-image-thumbnail { |
|||
max-width: 270px; |
|||
max-width: var(--pi-width); |
|||
height: auto; |
|||
text-align: center; |
|||
} |
|||
.header-container.header-firefox, footer, .navbox, .navbox-subgroup{ background-color: darkred; } |
|||
#content h2 { color: darkred; } |
|||
#content h3 { color: darkred; } |
|||
#content h4 { color: darkred; } |
|||
.mw-portlet-body li a { |
|||
color : #000000; |
|||
} |
|||
#footer-list {text-align:center;} |
|||
#footer-list a {color:#999999;} |
|||
.mw-body h1.firstHeading { |
|||
margin: 0.25em 0 0.5em; |
|||
border-bottom: solid 4px #000000; |
|||
display: block; |
|||
} |
Revision as of 15:28, 21 June 2024
/* 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]] */