Jump to content
Toggle search
Toggle menu
  • 13 articles
  • 6 files
  • 1 users
  • 77 edits
ScotMesh Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
More actions
ScotMesh brand styles + two-section layout
 
Fix callout box empty-paragraph spacing
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* ScotMesh brand — wiki.scotmesh.net. Palette & type: github.com/ScotMesh/branding */
/* ScotMesh content styles. Core brand (colours/fonts/cards) is render-blocking in LocalSettings. */
@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")}
.sm-cx{border-radius:6px;padding:.75rem 1.1rem;margin:1.1rem 0;border-left:4px solid #22324D;background:#101C30}
@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")}
.sm-cx-info{border-left-color:#005EB8}
@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")}
.sm-cx-warning{border-left-color:#F2B33D}
@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")}
.sm-cx-success{border-left-color:#65C281}
 
.sm-cx > :first-child{margin-top:0}
:root{
.sm-cx > :last-child{margin-bottom:0}
  --sm-night:#0A1424;--sm-card:#101C30;--sm-well:#0C1729;--sm-line:#22324D;
.sm-cx p{margin:.5rem 0}
  --sm-mist:#E6EDF7;--sm-muted:#8FA2BD;--sm-saltire:#005EB8;--sm-link:#7FB2EE;--sm-signal:#F2B33D;
/* network lockup at the top of a network section page */
  --sm-meshcore:#56B4F5;--sm-meshtastic:#65C281;
.mc-pagelogo{display:block;margin:.2rem 0 1.3rem}
  --sm-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
.mc-pagelogo img,.mc-pagelogo .mw-file-element{width:min(240px,62%);height:auto}
  --sm-sans:"IBM Plex Sans Condensed","Roboto Condensed","Arial Narrow",system-ui,sans-serif;
/* front-page community join (legacy, still used on Main Page note) */
  /* nudge Citizen's own tokens */
.sm-join-note{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.82rem;color:#8FA2BD;margin:.2rem 0 0}
  --font-family-base:var(--sm-sans);
.sm-join-note code{color:#E6EDF7;background:#0C1729;border:1px solid #22324D;padding:.05rem .4rem;border-radius:3px}
  --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}

Latest revision as of 17:37, 3 November 2026

/* ScotMesh content styles. Core brand (colours/fonts/cards) is render-blocking in LocalSettings. */
.sm-cx{border-radius:6px;padding:.75rem 1.1rem;margin:1.1rem 0;border-left:4px solid #22324D;background:#101C30}
.sm-cx-info{border-left-color:#005EB8}
.sm-cx-warning{border-left-color:#F2B33D}
.sm-cx-success{border-left-color:#65C281}
.sm-cx > :first-child{margin-top:0}
.sm-cx > :last-child{margin-bottom:0}
.sm-cx p{margin:.5rem 0}
/* network lockup at the top of a network section page */
.mc-pagelogo{display:block;margin:.2rem 0 1.3rem}
.mc-pagelogo img,.mc-pagelogo .mw-file-element{width:min(240px,62%);height:auto}
/* front-page community join (legacy, still used on Main Page note) */
.sm-join-note{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.82rem;color:#8FA2BD;margin:.2rem 0 0}
.sm-join-note code{color:#E6EDF7;background:#0C1729;border:1px solid #22324D;padding:.05rem .4rem;border-radius:3px}
Retrieved from "https://wiki.scotmesh.net/index.php?title=MediaWiki:Common.css&oldid=44"
Last modified
This page was last modified on 3 November 2026, at 17:37.