Difference between revisions of "MediaWiki:Timeless.css"
From CRS EMS Guidelines
Cgabryszek (talk | contribs) (Created page with "→All CSS here will be loaded for users of the Timeless skin: →Top bar font modernization: #mw-header *, #mw-site-navigation *, #mw-related-navigation * { font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif } →Avoid cutting off letters with descenders: g,j,p,q,y: #personal h2 span { height: 1.5em; position:relative; bottom:0.1em } →Triangle position patch: #...") |
Cgabryszek (talk | contribs) |
||
Line 17: | Line 17: | ||
bottom: 0.5em; | bottom: 0.5em; | ||
} | } | ||
/* One-sided navigation menu */ | |||
@media (min-width: 1340px) { | |||
#mw-content-block { | |||
display: block; | |||
} | |||
#mw-content, | |||
#content-bottom-stuff { | |||
margin-left: 14em; | |||
} | |||
#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 { | |||
display: inline-block; | |||
} | |||
} | |||
/* Align top colour bar with page columns */ | |||
.ts-inner { | |||
padding: 0 0 0 1em; | |||
} | |||
/* Re-aligning bottom logos */ | |||
#footer { padding-right: 1em; } |
Latest revision as of 22:58, 3 April 2022
/* All CSS here will be loaded for users of the Timeless skin */ /* Top bar font modernization */ #mw-header *, #mw-site-navigation *, #mw-related-navigation * { font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif } /* Avoid cutting off letters with descenders: g,j,p,q,y */ #personal h2 span { height: 1.5em; position:relative; bottom:0.1em } /* Triangle position patch */ #personal h2::after { position: relative; bottom: 0.5em; } /* One-sided navigation menu */ @media (min-width: 1340px) { #mw-content-block { display: block; } #mw-content, #content-bottom-stuff { margin-left: 14em; } #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 { display: inline-block; } } /* Align top colour bar with page columns */ .ts-inner { padding: 0 0 0 1em; } /* Re-aligning bottom logos */ #footer { padding-right: 1em; }