MediaWiki:Common.css

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)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* ScotMesh brand — wiki.scotmesh.net. Palette & type: github.com/ScotMesh/branding */
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-style:normal;font-display:swap;src:url("/images/brand-fonts/ibm-plex-mono-400.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:600;font-style:normal;font-display:swap;src:url("/images/brand-fonts/ibm-plex-mono-600.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Condensed";font-weight:400;font-style:normal;font-display:swap;src:url("/images/brand-fonts/ibm-plex-sans-condensed-400.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Condensed";font-weight:600;font-style:normal;font-display:swap;src:url("/images/brand-fonts/ibm-plex-sans-condensed-600.woff2") format("woff2")}

:root{
  --sm-night:#0A1424;--sm-card:#101C30;--sm-well:#0C1729;--sm-line:#22324D;
  --sm-mist:#E6EDF7;--sm-muted:#8FA2BD;--sm-saltire:#005EB8;--sm-link:#7FB2EE;--sm-signal:#F2B33D;
  --sm-meshcore:#56B4F5;--sm-meshtastic:#65C281;
  --sm-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --sm-sans:"IBM Plex Sans Condensed","Roboto Condensed","Arial Narrow",system-ui,sans-serif;
  /* nudge Citizen's own tokens */
  --font-family-base:var(--sm-sans);
  --font-family-sans:var(--sm-sans);
  --font-family-monospace:var(--sm-mono);
}
body,.mw-body,.citizen-body,.mw-parser-output,.mw-content-container{font-family:var(--sm-sans)}
h1,h2,h3,h4,.mw-page-title-main,.mw-headline,.citizen-header__sitename{font-family:var(--sm-mono);letter-spacing:-.02em}

/* Two-section landing */
.sm-tagline{font-family:var(--sm-mono);font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:var(--sm-muted);margin:.2rem 0 1rem}
.sm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.5rem 0}
.sm-card{border:1px solid var(--sm-line);border-top:3px solid var(--sm-accent,var(--sm-saltire));border-radius:8px;background:var(--sm-card);padding:1rem 1.3rem 1.3rem}
.sm-card.meshcore{--sm-accent:var(--sm-meshcore)}
.sm-card.meshtastic{--sm-accent:var(--sm-meshtastic)}
.sm-card h2{border:0;margin:.3rem 0 .4rem;font-size:1.35rem}
.sm-card h2 a{color:var(--sm-mist)}
.sm-card p{color:var(--sm-muted);margin:.2rem 0 0}