MediaWiki:Common.css

Revision as of 11:15, October 31, 2022 by Jhermsen (talk | contribs) (feat: theme site for better Brand Wise compliance)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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.
/* All CSS here will be loaded for users of the desktop site */

/*** Web Font ***/

@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");

* {
  font-family: Roboto, sans-serif !important;
}

#content kbd,
#content samp,
#content code,
#content pre,
#content .ace_editor *,
#content *[class*="monospace"],
#content *[class*="CodeMirror"] * {
  font-family: "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace !important;
  font-variant-ligatures: none;
}

/*** Branding ***/

:root {
  --unmc-red: rgb(173 18 42);
  --rich-black: rgb(30 30 30);
  --unmc-red-bg: rgba(173, 18, 42, 0.25);
}

/*** Navigation ***/

#mw-navigation a,
.mw-footer a {
  color: var(--rich-black) !important;
}

#mw-navigation a,
.mw-footer a:hover {
  text-decoration: none;
}

#mw-navigation a:hover,
.mw-footer a {
  text-decoration: underline;
}

/*** Search ***/

#searchInput {
  border-color: var(--rich-black);
}

#searchInput:focus,
#simpleSearch:hover #searchInput:focus {
  border-color: var(--rich-black);
  box-shadow: inset 0 0 0 1px var(--rich-black);
}

/*** Content Links ***/

#content a.new {
  color: var(--unmc-red) !important;
}

.toctogglelabel,
#content a:not([role~="button"]):not([class*="-ui-"]):not([class*="mw-diff"]):link,
#content a:not([role~="button"]):not([class*="-ui-"]):not([class*="mw-diff"]):visited {
  color: var(--rich-black);
  text-decoration: underline;
  text-decoration-color: var(--unmc-red);
}

.toctogglelabel:hover,
#content a:not([role~="button"]):not([class*="-ui-"]):not([class*="mw-diff"]):hover,
#content a:not([role~="button"]):not([class*="-ui-"]):not([class*="mw-diff"]):active {
  text-decoration-thickness: 0.15em;
}

/*** Maintenance Warning ***/

#mw-read-only-warning,
.mw-editinginterface {
  background-color: var(--unmc-red-bg);
  border: 1px solid var(--unmc-red);
  color: var(--unmc-red);
  margin-bottom: 1.25em;
  padding: 0.5em;
}