MediaWiki:Timeless.css: Difference between revisions
From Sherlock Holmes Encyclopaedia
Content deleted Content added
No edit summary |
No edit summary |
||
Line 203: | Line 203: | ||
background-color: #cfa07c; |
background-color: #cfa07c; |
||
line-height: 1.5; |
line-height: 1.5; |
||
width: |
width: 20em; |
||
} |
} |
||
Line 212: | Line 212: | ||
.portable-infobox .pi-header { |
.portable-infobox .pi-header { |
||
opacity:0.8; |
|||
background-color: #754836; |
background-color: #754836; |
||
⚫ | |||
text-align: center; |
text-align: center; |
||
⚫ | |||
} |
} |
||
.portable-infobox .pi-navigation { |
.portable-infobox .pi-navigation { |
||
background-color: # |
background-color: #bd875e; |
||
font-size: 12px; |
font-size: 12px; |
||
text-align: center; |
text-align: center; |
||
⚫ | |||
} |
} |
||
.portable-infobox .pi-title { |
.portable-infobox .pi-title { |
||
opacity:0.9; |
|||
background: #754836; |
background: #754836; |
||
color:black; |
|||
border: 1px solid; |
border: 1px solid; |
||
border-color: var(--theme-box-border-color-inner); |
border-color: var(--theme-box-border-color-inner); |
||
Line 234: | Line 232: | ||
.portable-infobox .pi-title { |
.portable-infobox .pi-title { |
||
opacity:0.9; |
|||
font-weight: bold; |
font-weight: bold; |
||
color:black; |
|||
font-size: 15px; |
|||
padding: 6px 3px; |
|||
line-height: 1.2; |
|||
text-align: center; |
|||
} |
|||
/********* 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: 20.5em; |
|||
} |
|||
.portable-infobox .pi-data, |
|||
.portable-infobox .pi-group { |
|||
border: "333333; |
|||
} |
|||
.portable-infobox .pi-header { |
|||
background-color: #754836; |
|||
opacity:0.9; |
|||
color:black; |
|||
text-align: center; |
|||
⚫ | |||
} |
|||
.portable-infobox .pi-navigation { |
|||
background-color: #cfa07c; |
|||
color:black; |
|||
font-size: 12px; |
|||
text-align: center; |
|||
} |
|||
.portable-infobox .pi-title { |
|||
opacity:0.9; |
|||
background: #754836; |
|||
color:black; |
|||
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:black; |
|||
font-size: 15px; |
font-size: 15px; |
||
padding: 6px 3px; |
padding: 6px 3px; |
Revision as of 12:13, 6 March 2024
/* 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;
}
#mw-footer-container {border-top : solid 1px #999999 !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;
}
#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: 20em;
}
.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;
}