| Remember: If it's RUST, you can TRUST. Rust (orange-brown) text reflects real world information. Otherwise, this wiki contains FICTION from the worlds of author R.L. Akers. Click here for details. |
MediaWiki:Common.css: Difference between revisions
From WikiRLA
mNo edit summary |
mNo edit summary Tag: Manual revert |
||
| (65 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
. | .mw-heading2 { | ||
font-size: 1.5em !important; | |||
} | } | ||
.searchresult { display: none; } | .mw-heading3 h3 { | ||
font-size: .75em !important; | |||
font-family: Sans-Serif !important; | |||
font-weight: bold !important; | |||
} | |||
.vector-body { | |||
font-size: var(--font-size-medium); | |||
/* line-height: var(--line-height-medium) !important; */ | |||
} | |||
.searchresult { | |||
display: none; | |||
} | |||
blockquote.rust { | |||
color: #a35a00; | |||
/* border-left: 4px solid var(--border-color-muted, #e3d7c8); */ | |||
} | |||
a.external { | |||
background: none !important; | |||
padding: 0px !important; | |||
} | |||
.toc { | |||
border: 1px solid #a2a9b1; | |||
background-color: #f8f9fa; | |||
} | |||
.sidebar { | |||
float: right; | |||
border: 1px solid #a2a9b1; | |||
width:20em; | |||
text-align: left; | |||
background-color: #f8f9fa; | |||
padding: 5px; | |||
margin: 10px; | |||
vertical-align: top; | |||
} | |||
.sidebar th { | |||
width: 8em; | |||
} | |||
table.rust { | |||
border-color: #b09676; | |||
background-color: #faefe1; | |||
color: #a35a00; | |||
} | |||
/* restore some styles to be more like Vector */ | |||
.mw-first-heading, | |||
.mw-heading2, | |||
.toctitle, | |||
#p-The_Worlds_of_R\.L\._Akers-label, | |||
#p-navigation-label, | |||
#p-pagemisc-label { | |||
border-bottom: 1px solid var(--border-color-base, #a2a9b1) !important; | |||
margin-bottom: .5 !important; | |||
} | |||
/* | |||
#p-The_Worlds_of_R\.L\._Akers-label, | |||
#p-navigation-label, | |||
#p-pagemisc-label { | |||
font-size: .9em !important; | |||
} | |||
*/ | |||
#p-navigation-label { | |||
/* To equalize sidebar-chunk spacing */ | |||
padding-top: 7px !important; | |||
} | |||
.sidebar-chunk { | |||
margin: 0 !important; | |||
padding: 0 1em !important; | |||
background: none !important; | |||
} | |||
#mw-page-header-links, | |||
#mw-header-hack, | |||
#mw-header-nav-hack, | |||
#footer-info, | |||
#user-tools, | |||
#site-tools { | |||
display: none !important; | |||
} | |||
.mw-portlet-body { | |||
margin-bottom: .5em !important; | |||
} | |||
#mw-content-container { | |||
margin-top: 2em !important; | |||
padding-bottom: 0 !important; | |||
border-bottom: none !important; | |||
} | |||
/*@media (max-width: 850px) { | |||
#site-navigation { | |||
/* display: none; * / | |||
} | |||
#p-search { | |||
position: absolute; | |||
top: 1em; | |||
left: 15em; | |||
text-align: left; | |||
} | |||
}*/ | |||
/* | |||
#p-logo-text { | |||
display: none !important; | |||
} | |||
*/ | |||
#siteNotice { | |||
margin: 0; | |||
} | |||
#localNotice { | |||
border: none; | |||
} | |||
@media (max-width: 850px) { | |||
body { | |||
font-size: 1.25em !important; | |||
} | |||
} | |||
@media (max-width: 1099px) { | |||
#site-navigation h2 { | |||
left: 0.45em !important; | |||
background-image: url(/skins/Timeless/resources/images/menu-large-grey.svg?7b579) !important; | |||
} | |||
#user-tools h2::after, .sidebar-chunk h2::after { | |||
position: absolute !important; | |||
top: 0.65em !important; | |||
left: 23px !important; | |||
} | |||
#user-tools h2::after, .sidebar-chunk h2::after { | |||
display: inline-block !important; | |||
content: '' !important; | |||
width: 22px !important; | |||
height: 12px !important; | |||
background-image: url(/skins/Timeless/resources/images/arrow-down-grey.svg?46d67) !important; | |||
background-position: center center !important; | |||
background-repeat: no-repeat !important; | |||
} | |||
#user-tools h2, .sidebar-chunk h2 { | |||
cursor: pointer !important; | |||
margin-bottom: -0.45em !important; | |||
padding-bottom: 0.45em !important; | |||
margin: 0 !important; | |||
width: 30px !important; | |||
height: 30px !important; | |||
position: absolute !important; | |||
top: 1em !important; | |||
padding-bottom: 0 !important; | |||
font-size: 1em !important; | |||
background-repeat: no-repeat !important; | |||
background-position: center center !important; | |||
} | |||
#user-tools h2 span, .sidebar-chunk h2 span { | |||
display: inline-block !important; | |||
text-indent: -99999px !important; | |||
border: 0 !important; | |||
background-color: transparent !important; | |||
background-repeat: no-repeat !important; | |||
} | |||
#p-logo-text a { | |||
padding-left: 0 !important; | |||
} | |||
#p-logo-text { | |||
position: absolute !important; | |||
top: 1em !important; | |||
left: 4.45em !important; | |||
text-align: left !important; | |||
} | |||
#mw-header-container { | |||
background: #fff !important; | |||
padding: 3.75em 0.45em 0.35em !important; | |||
} | |||
#mw-content-container { | |||
margin-top: 0em !important; | |||
} | |||
#mw-content { | |||
/*margin-top: initial !important;*/ | |||
} | |||
} | |||
@media (min-width: 851px) and (max-width: 1099px) { | |||
#mw-header-container { | |||
z-index: 0 !important; | |||
position: absolute !important; | |||
} | |||
#site-navigation h2 { | |||
top: 0em !important; | |||
margin-top: -15px !important; | |||
z-index: 1000; | |||
} | |||
.sidebar-inner { | |||
width: 12em !important; | |||
top: 2em !important; | |||
} | |||
#mw-related-navigation { | |||
display: none !important; | |||
} | |||
#p-logo-text { | |||
left: 6em !important; | |||
} | |||
#p-search { | |||
position: absolute; | |||
top: 0.75em; | |||
left: 20em; | |||
width: 50%; | |||
} | |||
#mw-content { | |||
margin-top: 3em; | |||
} | |||
} | |||
#footer-places-privacy, #footer-places-disclaimers { display: none !important; } | |||
