MediaWiki:Common.css: Difference between revisions

m
no edit summary
m
m
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{
   /* Exact family names as exposed by your Adobe kit CSS */
   /* Exact family names as exposed by your Adobe kit CSS */
Line 31: Line 28:
}
}


/* 3) Default = Myriad Pro for non-prominent text */
/* Body text uses Myriad Pro, with no fake bold/italic */
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, strong, em, small, td, th, caption, dt, dd,
p, li, a, span, strong, em, small, td, th, caption, dt, dd,
.vector-menu-content, .mw-portlet, #mw-panel,
.vector-menu-content, .mw-portlet, #mw-panel, #p-personal, #mw-head,
#p-personal, #mw-head,
input, button, select, textarea {
input, button, select, textarea {
   font-family: var(--font-body) !important;
   font-family: var(--font-body) !important;
   -webkit-text-stroke: 0; text-stroke: 0; text-shadow: none; /* no outline on body text */
   font-weight: var(--body-regular);
  font-synthesis: none; /* avoid browser-synthesised bold/italic looking chunky */
}
 
/* Make bold in normal context lighter than 700 */
b, strong,
.mw-parser-output b, .mw-parser-output strong,
td b, td strong, th b, th strong, li b, li strong, p b, p strong {
  font-weight: var(--body-strong) !important;
}
}


/* 4) Prominent elements = Century Gothic + 0.35% outline */
/* Page title & section headings */
h1#firstHeading,
h1#firstHeading,
#firstHeading .mw-page-title-main,
#firstHeading .mw-page-title-main,
Line 51: Line 55:
   font-family: var(--font-prominent) !important;
   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);
Line 68: Line 71:
}
}


/* 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;