MediaWiki:Common.css

From TechWiki
Revision as of 20:27, 5 November 2026 by Nick (talk | contribs) (Apply SELOC colours and responsive navigation styles to the staging TechWiki)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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.
/* SELOC staging theme. Keep the native MediaWiki navigation and editor. */
body.skin-vector-legacy { background: #edf3ee; color: #17281e; }
.skin-vector-legacy #mw-page-base { background: linear-gradient(#fff, #edf3ee); }
.skin-vector-legacy #content { border-color: #a9c4b0; background: #fff; }
.skin-vector-legacy #firstHeading { color: #075b2b; border-color: #a9c4b0; }
.skin-vector-legacy a:focus-visible { outline: 2px solid #075b2b; outline-offset: 3px; }
.seloc-wiki-welcome { padding: 1rem; border: 1px solid #a9c4b0; border-top: 4px solid #075b2b; border-radius: .5rem; background: #f3f7f4; }
.seloc-wiki-pills { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0 0 .75rem; }
.seloc-wiki-pills span { display: inline-flex; }
.seloc-wiki-pills a.external { padding: .4em .9em; border-radius: 2em; background: #ffdc24; color: #153d23; font-weight: bold; }
.seloc-wiki-pills a.external:hover { background: #f0cd19; text-decoration: underline; }
.seloc-wiki-welcome p { margin: .55em 0 0; }
.seloc-wiki-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12em), 1fr)); gap: .45rem; }
.seloc-wiki-card { border: 1px solid #c8d7cd; border-left: 3px solid #075b2b; border-radius: .25rem; background: #f3f7f4; }
.seloc-wiki-card a { display: block; padding: .55em .8em; }
@media print { .seloc-wiki-pills { display: none; } }