| 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 |
||
| (52 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; | |||
} | |||
.mw-heading3 h3 { | |||
font-size: .75em !important; | |||
font-family: Sans-Serif !important; | |||
font-weight: bold !important; | |||
} | |||
.vector-body { | .vector-body { | ||
font-size: var(--font-size-medium); | font-size: var(--font-size-medium); | ||
| Line 14: | Line 22: | ||
background: none !important; | background: none !important; | ||
padding: 0px !important; | padding: 0px !important; | ||
} | |||
.toc { | |||
border: 1px solid #a2a9b1; | |||
background-color: #f8f9fa; | |||
} | } | ||
.sidebar { | .sidebar { | ||
| Line 35: | Line 47: | ||
/* restore some styles to be more like Vector */ | /* restore some styles to be more like Vector */ | ||
.mw-first-heading, .mw- | .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; | border-bottom: 1px solid var(--border-color-base, #a2a9b1) !important; | ||
margin-bottom: .5 !important; | |||
} | } | ||
/* | |||
#p-The_Worlds_of_R\.L\._Akers-label, | #p-The_Worlds_of_R\.L\._Akers-label, | ||
#p-navigation-label, | #p-navigation-label, | ||
| Line 43: | Line 62: | ||
font-size: .9em !important; | 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, | #user-tools, | ||
#site-tools { | #site-tools { | ||
display: none !important; | 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; } | |||
