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)
 
(3 intermediate revisions by one other user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* All CSS here will be loaded for users of the desktop site */
 
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
/*** Web Font ***/
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400);
 
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
a {color: #CC2200}
 
a:visited {color: #CC2200}
* {
.mw-body a:link {color: #CC2200}
  font-family: Roboto, sans-serif !important;
.mw-body a:visited {color: #CC2200}
.mw-body a:hover {color: #CC2200}
.mw-body a:active {color: #CC2200}
div#mw-panel div.portal div.body ul li a {
    color: #000;
}
}
div#mw-panel div.portal div.body ul li a:visited {
 
    color: #000;
#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;
}
}
div#mw-panel div.portal div.body ul li a:hover {
 
    color: #CC2200;
/*** Branding ***/
 
:root {
  --unmc-red: rgb(173 18 42);
  --rich-black: rgb(30 30 30);
  --unmc-red-bg: rgba(173, 18, 42, 0.25);
}
}
div#mw-panel div.portal div.body ul li a:active {
 
    color: #CC2200;
/*** Navigation ***/
 
#mw-navigation a,
.mw-footer a {
  color: var(--rich-black) !important;
}
}
 
div#footer #footer-icons {
#mw-navigation a,
    display: none;
.mw-footer a:hover {
  text-decoration: none;
}
}
 
html, body {
#mw-navigation a:hover,
    font-family: 'Roboto', sans-serif;
.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 11: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;
}