151
edits
m |
m |
||
Line 14: | Line 14: | ||
} | } | ||
/* | /* Global variables (use the EXACT family names exposed by the kit CSS) */ | ||
:root{ | :root{ | ||
-- | --font-prominent: "century-gothic", "Century Gothic", "URW Gothic L", "Apple Gothic", "Avant Garde", sans-serif; | ||
--body- | --font-body: "myriad-pro", "Myriad Pro", "Myriad", "Segoe UI", "Helvetica Neue", Arial, sans-serif; | ||
-- | |||
--outline-size: 0.0035em; /* 0.35% */ | |||
--outline-colour: #000; | |||
} | } | ||
/* | /* Default = Myriad Pro for non-prominent text */ | ||
html, body, .mw-body, .mw-parser-output, .vector-body, | html, body, .mw-body, .mw-parser-output, .vector-body, | ||
.mw-content-ltr, .mw-content-rtl, | .mw-content-ltr, .mw-content-rtl, | ||
p, li, a, span, small, td, th, caption, dt, dd { | p, li, a, span, strong, em, small, td, th, caption, dt, dd, | ||
font- | .vector-menu-content, .mw-portlet, #mw-panel, | ||
#p-personal, #mw-head, | |||
input, button, select, textarea { | |||
font-family: var(--font-body) !important; | |||
-webkit-text-stroke: 0; text-stroke: 0; text-shadow: none; /* no outline on body text */ | |||
} | } | ||
/* | /* Prominent elements = Century Gothic + 0.35% outline */ | ||
h1#firstHeading, | |||
.mw- | #firstHeading .mw-page-title-main, | ||
.firstHeading, | |||
font- | .mw-headline, | ||
#mw-panel .vector-menu-heading, | |||
.vector-menu-heading { | |||
font-family: var(--font-prominent) !important; | |||
/* Outline */ | |||
-webkit-text-stroke: var(--outline-size) var(--outline-colour); | |||
text-stroke: var(--outline-size) var(--outline-colour); | |||
-webkit-text-fill-color: currentColor; | |||
/* | /* Firefox fallback for outline */ | ||
text-shadow: | |||
var(--outline-size) 0 0 var(--outline-colour), | |||
calc(-1 * var(--outline-size)) 0 0 var(--outline-colour), | |||
0 var(--outline-size) 0 var(--outline-colour), | |||
0 calc(-1 * var(--outline-size)) 0 var(--outline-colour), | |||
var(--outline-size) var(--outline-size) 0 var(--outline-colour), | |||
calc(-1 * var(--outline-size)) var(--outline-size) 0 var(--outline-colour), | |||
var(--outline-size) calc(-1 * var(--outline-size)) 0 var(--outline-colour), | |||
calc(-1 * var(--outline-size)) calc(-1 * var(--outline-size)) 0 var(--outline-colour); | |||
} | } | ||
/* Keep | /* Keep code/math monospace and un-outlined */ | ||
pre, code, kbd, samp, tt, .mw-code, .mw-highlight, .mwe-math-element { | |||
-webkit-text-stroke: 0 !important; | |||
text-stroke: 0 !important; | |||
text-shadow: none !important; | |||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; | |||
} | } |