151
edits
MediaWiki:Common.css: Difference between revisions
no edit summary
m |
|||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
@import url('https://use.typekit.net/ | @import url('https://use.typekit.net/bus4qvu.css'); | ||
.skin-minerva.page-Main_Page #firstHeading { | .skin-minerva.page-Main_Page #firstHeading { | ||
| Line 14: | Line 14: | ||
} | } | ||
/* 1) Load your Adobe Fonts kit (must include Century Gothic + Myriad Pro) */ | |||
/* 2) Global variables (use the EXACT family names exposed by your kit CSS) */ | |||
:root{ | :root{ | ||
--font-prominent: "century-gothic", "Century Gothic", "URW Gothic L", "Apple Gothic", "Avant Garde", sans-serif; | |||
--font-body: "myriad-pro", "Myriad Pro", "Myriad", "Segoe UI", "Helvetica Neue", Arial, sans-serif; | |||
--outline-size: 0.0035em; | |||
--outline-size: 0.0035em; /* 0.35% */ | |||
--outline-colour: #000; | --outline-colour: #000; | ||
} | } | ||
/* | /* 3) 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, p, li, td, th, caption, | .mw-content-ltr, .mw-content-rtl, | ||
p, li, a, span, strong, em, small, td, th, caption, dt, dd, | |||
#p-personal, | .vector-menu-content, .mw-portlet, #mw-panel, | ||
#p-personal, #mw-head, | |||
input, button, select, textarea { | input, button, select, textarea { | ||
font-family: var(-- | font-family: var(--font-body) !important; | ||
-webkit-text-stroke: 0; text-stroke: 0; text-shadow: none; /* no outline on body text */ | |||
} | } | ||
/* | /* 4) Prominent elements = Century Gothic + 0.35% outline */ | ||
h1#firstHeading, | h1#firstHeading, | ||
#firstHeading .mw-page-title-main, | #firstHeading .mw-page-title-main, | ||
| Line 36: | Line 42: | ||
.mw-headline, | .mw-headline, | ||
#mw-panel .vector-menu-heading, | #mw-panel .vector-menu-heading, | ||
.vector-menu-heading | .vector-menu-heading { | ||
font-family: var(--font-prominent) !important; | |||
/* Outline */ | |||
-webkit-text-stroke: var(--outline-size) var(--outline-colour); | -webkit-text-stroke: var(--outline-size) var(--outline-colour); | ||
text-stroke: var(--outline-size) var(--outline-colour); | text-stroke: var(--outline-size) var(--outline-colour); | ||
-webkit-text-fill-color: currentColor; | -webkit-text-fill-color: currentColor; | ||
/* Firefox fallback */ | |||
/* Firefox fallback for outline */ | |||
text-shadow: | text-shadow: | ||
var(--outline-size) 0 0 var(--outline-colour), | var(--outline-size) 0 0 var(--outline-colour), | ||
| Line 53: | Line 62: | ||
} | } | ||
/* 5) Keep code/math monospace and un-outlined */ | |||
pre, code, kbd, samp, tt, .mw-code, .mw-highlight, .mwe-math-element { | pre, code, kbd, samp, tt, .mw-code, .mw-highlight, .mwe-math-element { | ||
-webkit-text-stroke: 0 !important; | -webkit-text-stroke: 0 !important; | ||