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 23: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; }