MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Eric.lasher (talk | contribs) No edit summary |
(feat: theme site for better Brand Wise compliance) |
||
| (10 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
/* 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; | |||
} | } | ||
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;
}