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) |
||
(12 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; }