MediaWiki:Timeless.css
From Sherlock Holmes Encyclopaedia
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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Timeless skin */
body {background:#f6f6f6; background: url(https://static.wikitide.net/sherlockwiki/d/d8/Depositphotos_16015837-stock-photo-grunge-purple-flower-pattern-background.png) no-repeat center fixed;background-size: 100% 100%;border:none}
#mw-content-container {
background : #fcc8a9 !important;
background-image : none !important;
width : 60% !important;
margin : 3.475em auto 0 auto !important;
border-bottom : 0 !important;
}
#mw-content-block {background:#917660 !important;}
#mw-content {
background : #917660 !important;
border : 0 !important;
padding-bottom : 0 !important;
}
#p-logo {padding-top : 1em !important; opacity:0.8 !important;}
.color-left {background-color : #610908 !important; height: 0.35em !important;}
.color-middle {background-color : #610908 !important; height: 0.25em !important;}
.color-right {background-color : #610908 !important; height: 0.35em !important;}
#site-navigation {
background : #fad4b6 !important;
font-size : 0.7em !important;
line-height : 1em !important;
border : 0 !important;
}
#site-navigation h3 {padding-bottom : 0.25em !important;}
#site-tools {
background : #fad4b6 !important;
border : 0 !important;
padding : 0 1em !important;
box-shadow : none !important;
margin-top : 4em !important;
margin-bottom : 0 !important;
}
#site-tools ul {
line-height : 0.7em !important;
}
#site-tools li {
font-size : 0.7em !important;
margin : 0 !important;
}
#site-tools #p-tb-label {
font-family : Arial !important;
font-size : 0.7em !important;
text-transform : uppercase !important;}
#site-tools .mw-portlet-body {margin-bottom:0 !important;}
#page-tools {
background : #fad4b6 !important;
border : 0 !important;
padding : 0 1em !important;
margin-top : 0 !important;
}
#page-tools ul {
line-height : 0.7em !important;
}
#ca-delete, #ca-move, #ca-protect, #t-whatlinkshere, #t-recentchangeslinked, #t-print, #t-permalink, #t-info, #t-pagelog {
font-size : 0.7em !important;
margin : 0 !important;
}
#page-tools .mw-portlet-body {margin-bottom:0 !important;}
#p-His_Works ul li:nth-child(3),
#p-His_Works ul li:nth-child(4),
#p-His_Works ul li:nth-child(5),
#p-His_Works ul li:nth-child(6),
#p-His_Works ul li:nth-child(7),
#p-His_Works ul li:nth-child(8),
#p-His_Works ul li:nth-child(16),
#p-His_Works ul li:nth-child(17),
#p-His_Works ul li:nth-child(18),
#p-His_Works ul li:nth-child(19)
{padding-left:20px !important;}
#p-His_Works ul li:nth-child(19)
{
padding-bottom:6px !important;
}
#p-His_Works ul li:nth-child(20)
{
border-top:1px dashed #c8ccd1 !important;
padding-top:6px !important;
}
.thumbcaption {font-size:75% !important; padding:0.5em 0 0 0.5em !important;}
a.long {
font-size : 1.2em !important;
padding : 0 0.75em 0 0 !important;
line-height : 0.8em !important;
}
h1 {
font-family : firstheading !important;
font-size : 2em !important;
color : #333333 !important;
padding-bottom : 8px !important;
border-bottom : 4px solid #333333 !important;
}
h3 {
font-family : firstheading !important;
font-size : 22px !important;
}
h4 {
font-family : firstheading !important;
font-size : 20px !important;
}
.mw-portlet-body li {
font-family : Arial !important;
font-size : 15px !important;
padding : 0.10em 0 !important;
}
.mw-portlet-body li a {
color : #000000;
}
#toc li {
line-height : 1.2em !important;
font-size : 95% !important;
}
ul.gallery {margin:2em 0 2em 0 !important;}
div.gallerytext {font-size : 80% !important;}
li.gallerycaption {text-align: left !important; padding-bottom: 10px !important;}
.mw-body dd {margin-bottom: 0.1em !important;}
/* mobile */
@media (max-width: 500px) {
#mw-content-container {
background : #fad4b6 !important;
width : 95% !important;
margin : 3.475em auto !important;
}
}
/* One-sided navigation menu */
@media (min-width: 1340px) {
#mw-content-block {
display: block;
}
#mw-content,
#content-bottom-stuff {
margin-left: 14em;
background:#fad4b6 !important;
}
#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 {
xdisplay: none !important;
}
}
/* Align top colour bar with page columns */
.ts-inner {
padding: 0 0 0 1em;
}
ol.references {margin: 0.3em 0 0 1.5em !important;}
#catlinks-sidebar {display: none !important;}
#catlinks {display: block !important;}
#mw-normal-catlinks {
border : 1px dashed #aaaaaa !important;
background : #e1dac8 !important;
width : 83% !important;
margin : 0 auto !important;
padding : 10px !important;
}
#footer-list {text-align:center;}
#footer-list a {color:#999999;}
@media screen and (min-width: 851px) and (max-width: 1099px)
{
#mw-site-navigation {display: none !important;}
#mw-related-navigation {display: none !important;}
}
/********* 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: 18em;
}
.portable-infobox .pi-data,
.portable-infobox .pi-group {
border: "333333;
}
.portable-infobox .pi-header {
background-color: #754836;
text-align: center;
color: black;
}
.portable-infobox .pi-navigation {
background-color: #bd875e;
font-size: 12px;
text-align: center;
text-color: darkred;
}
.portable-infobox .pi-title {
background: #754836;
border: 1px solid;
border-color: var(--theme-box-border-color-inner);
border-radius: var(--theme-box-border-radius-inner);
text-align: center;
}
.portable-infobox .pi-title {
font-weight: bold;
font-size: 15px;
padding: 6px 3px;
line-height: 1.2;
text-align: center;
}
h1 {
font-family : firstheading !important;
font-size : 2em !important;
color : #333333 !important;
padding-bottom : 8px !important;
border-bottom : 4px solid #333333 !important;
}
.mw-portlet-body li a {
color : #000000;
}