MediaWiki:Common.css: Difference between revisions

From University of Nebraska Medical Center
Jump to navigation Jump to search
No edit summary
(feat: theme site for better Brand Wise compliance)
 
(15 intermediate revisions by 2 users not shown)
Line 1: Line 1:
.mw-body a:link {color: #CC2200}
/* All CSS here will be loaded for users of the desktop site */
.mw-body a:visited {color: #CC2200}
.mw-body a:hover {color: #CC2200}
.mw-body a:active {color: #CC2200}


html, body {
/*** Web Font ***/
    font-family: sans-serif;
 
@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;
}
}

Latest revision as of 10:15, October 31, 2022

/* 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;
}