MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 14:57, 10 October 2025

1,251 bytes removed , Yesterday at 14:57

m

no edit summary

Formula

Bureaucrats, Interface administrators, Administrators

151

edits

@@ Line 14: / Line 14: @@
 }
+/* --- Weights you want --- */
 :root{
-   /* Exact family names as exposed by your Adobe kit CSS */
+   --body-regular: 400;  /* paragraphs */
-  --font-prominent: "century-gothic", "Century Gothic", "URW Gothic L", "Apple Gothic", "Avant Garde", sans-serif;
+   --body-strong: 600;   /* stronger than before (was 500) */
-  --font-body: "myriad-pro", "Myriad Pro", "Myriad", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
+   --ui-strong:   700;   /* optional: for menus/nav if needed */
-  --outline-size: 0.0035em;       /* 0.35% outline for prominent text */
-   --outline-colour: #000;
-   /* Weights (tune these) */
-   --body-regular: 400;            /* normal paragraphs */
-  --body-strong: 500;             /* lighter-than-bold for <b>/<strong> */
-  /* If your kit lacks 500/Medium, change this to 600 (Semibold) */
 }
-/* Body text uses Myriad Pro, with no fake bold/italic */
+/* Body text defaults (Myriad Pro) */
 html, body, .mw-body, .mw-parser-output, .vector-body,
 .mw-content-ltr, .mw-content-rtl,
-p, li, a, span, strong, em, small, td, th, caption, dt, dd,
+p, li, a, span, small, td, th, caption, dt, dd {
-.vector-menu-content, .mw-portlet, #mw-panel, #p-personal, #mw-head,
-input, button, select, textarea {
-  font-family: var(--font-body) !important;
    font-weight: var(--body-regular);
-   font-synthesis: none; /* avoid browser-synthesised bold/italic looking chunky */
+  /* 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;
 }
-/* Make bold in normal context lighter than 700 */
+/* Bold in normal context */
 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 {
+p b, p strong, li b, li strong, td b, td strong, th b, th strong {
    font-weight: var(--body-strong) !important;
 }
-/* Page title & section headings */
+/* Optional: make UI labels punchier than body bold */
-h1#firstHeading,
-#firstHeading .mw-page-title-main,
-.firstHeading,
-.mw-headline,
 #mw-panel .vector-menu-heading,
-.vector-menu-heading {
+.vector-menu-heading,
-  font-family: var(--font-prominent) !important;
+#p-personal .vector-menu-heading,
+.vector-menu-content .selected > a {
-  -webkit-text-stroke: var(--outline-size) var(--outline-colour);
+   font-weight: var(--ui-strong) !important;
-   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),
-var(--outline-size) 0 var(--outline-colour),
-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);
 }
-pre, code, kbd, samp, tt, .mw-code, .mw-highlight, .mwe-math-element {
+/* Keep headings (Century Gothic + outline) as you already set */
-  -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;
-}
 @supports (font-variation-settings: normal) {
    html, body, .mw-body, .mw-parser-output, .vector-body {
-     font-variation-settings: "wght" 440;        /* comfy body weight */
+     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 */
    }
-   b, strong,
+   /* Optional UI emphasis */
-   .mw-parser-output b, .mw-parser-output strong {
+   #mw-panel .vector-menu-heading, .vector-menu-heading {
-     font-variation-settings: "wght" 600;        /* lighter-than-700 bold */
+     font-variation-settings: "wght" 640;
+    font-weight: 700; /* fallback */
    }
 }