MediaWiki:Common.css

Revision as of 14:57, 10 October 2025 by Formula (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
@import url('https://use.typekit.net/bus4qvu.css');

.skin-minerva.page-Main_Page #firstHeading {
    display: none;
}

/*  visualClear CSS class definition for SocialProfile extension
    because Vector does not include the definition anymore; see
    https://phabricator.wikimedia.org/T328235 and 
    https://phabricator.wikimedia.org/T287962 */
.visualClear {
	clear: both;
}

/* --- Weights you want --- */
:root{
  --body-regular: 400;  /* paragraphs */
  --body-strong: 600;   /* stronger than before (was 500) */
  --ui-strong:   700;   /* optional: for menus/nav if needed */
}

/* Body text defaults (Myriad Pro) */
html, body, .mw-body, .mw-parser-output, .vector-body,
.mw-content-ltr, .mw-content-rtl,
p, li, a, span, small, td, th, caption, dt, dd {
  font-weight: var(--body-regular);
  /* IMPORTANT:
     If your Adobe kit DOES include 600, keep synthesis off.
     If it DOESN'T include 600 yet, temporarily allow weight synthesis
     (remove the next line or set to 'weight') to get visible bold. */
  font-synthesis: none;
}

/* Bold in normal context */
b, strong,
.mw-parser-output b, .mw-parser-output strong,
p b, p strong, li b, li strong, td b, td strong, th b, th strong {
  font-weight: var(--body-strong) !important;
}

/* Optional: make UI labels punchier than body bold */
#mw-panel .vector-menu-heading,
.vector-menu-heading,
#p-personal .vector-menu-heading,
.vector-menu-content .selected > a {
  font-weight: var(--ui-strong) !important;
}

/* Keep headings (Century Gothic + outline) as you already set */

@supports (font-variation-settings: normal) {
  html, body, .mw-body, .mw-parser-output, .vector-body {
    font-variation-settings: "wght" 430; /* comfy regular */
  }
  b, strong, .mw-parser-output b, .mw-parser-output strong {
    font-variation-settings: "wght" 575; /* solid bold without going chunky */
    font-weight: 600; /* fallback */
  }
  /* Optional UI emphasis */
  #mw-panel .vector-menu-heading, .vector-menu-heading {
    font-variation-settings: "wght" 640;
    font-weight: 700; /* fallback */
  }
}