(This site is at a very early stage, so lots of missing stuff! See Joystick_Directory:About for more.)
Difference between revisions of "MediaWiki:Timeless.css"
From Joystick Directory
(Created page with "→All CSS here will be loaded for users of the Timeless skin: →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:...") |
m |
||
Line 34: | Line 34: | ||
/* Re-aligning bottom logos */ | /* Re-aligning bottom logos */ | ||
#footer { padding-right: 1em; } | #footer { padding-right: 1em; } | ||
/* 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; | |||
} |
Revision as of 09:21, 9 March 2022
/* All CSS here will be loaded for users of the Timeless skin */ /* 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; } /* 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; }