MediaWiki:Timeless.css: Difference between revisions
From Sherlock Holmes Encyclopaedia
Content added Content deleted
No edit summary Tag: Reverted |
No edit summary Tag: Manual revert |
||
Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Timeless skin */ |
|||
/** 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 { |
#mw-header-container { |
||
background-image: url('https://static.miraheze.org/sherlockholmeswiki/8/8a/Art-crew-london-mood-wallpaper-preview.jpg'); |
|||
background: |
|||
opacity:0.5; |
|||
linear-gradient( |
|||
color: #000; |
|||
rgba(0, 0, 0, 0.6), |
|||
rgba(0, 0, 0, 0.6) |
|||
), |
|||
url(https://static.miraheze.org/sherlockholmeswiki/8/8a/Art-crew-london-mood-wallpaper-preview.jpg); |
|||
background-size: cover; |
|||
width: 300px; |
|||
height: 200px; |
|||
margin: 10px 0 0 10px; |
|||
position: relative; |
|||
float: left; |
|||
} |
} |
||
#mw-header-hack { |
|||
box-shadow: none; } |
|||
.color-left, .color-middle, .color-right { |
|||
background: #826249; |
|||
border-bottom: solid 1px #826249; } |
|||
} |
|||
#catlinks-sidebar {display: none !important;} |
|||
.top h2 { |
|||
#catlinks {display: block !important;} |
|||
color: white; |
|||
#mw-normal-catlinks { |
|||
margin: 0; |
|||
border : 1px dashed #aaaaaa !important; |
|||
padding: 20px; |
|||
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 { |
|||
.lr p { |
|||
color: #FF3333; |
|||
font-family: 'Roboto', sans-serif; |
|||
} |
|||
position: absolute; |
|||
.mw-plusminus-neg { |
|||
bottom: 20px; |
|||
color: #FF0000; |
|||
left: 20px; |
|||
} |
|||
color: white; |
|||
#searchButton, #mw-searchButton { |
|||
margin: 0; |
|||
border: 0 !important; |
|||
left: 38vw; |
|||
right: 0; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
} |
||
#mw-footer-container a:hover { |
|||
.mid h2 { |
|||
color: #ffff33; |
|||
font-family: 'Roboto', sans-serif; |
|||
} |
|||
font-weight: 900; |
|||
#mw-footer-container a:visited { |
|||
color: white; |
|||
color: #ffff66; |
|||
text-transform: uppercase; |
|||
margin: 0; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
font-size: 2rem; |
|||
transform: translate(-50%, -50%); |
|||
} |
} |
||
/* unvisited link */ |
|||
.cap p { |
|||
a:link { |
|||
padding: 20px; |
|||
color: |
color: #874118; |
||
font: 12px Monaco, Mono-Space; |
|||
margin: 0; |
|||
} |
} |
||
/* visited link */ |
|||
a:visited { |
|||
color: #a1562a; |
|||
} |
|||
/* mouse over link */ |
|||
a:hover { |
|||
color: hotpink; |
|||
} |
|||
/* selected link */ |
|||
a:active { |
|||
color: blue; |
|||
} |
|||
/* [[Category:Styling pages]] */ |
Revision as of 14:28, 6 June 2024
/* All CSS here will be loaded for users of the Timeless skin */
/** 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;
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]] */