MediaWiki:Common.css: Difference between revisions
Intcreator (talk | contribs) Created page with "→CSS placed here will be applied to all skins: @font-face { font-family: "Bell Gothic"; src: url("/fonts/BellGothic-Bold.woff2") format("woff2"), url("/fonts/BellGothic-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Bell Gothic"; src: url("/fonts/BellGothic-Light.woff2") format("woff2"), url("/fonts/BellGothic-Light.woff") format("woff"); font-..." |
Intcreator (talk | contribs) No edit summary |
||
| (19 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
:root { | |||
--color-process-blue: #0091c9; | |||
--color-yellow-gold: #f3cf1d; | |||
} | |||
body { | |||
background-color: var(--background-color-base); | |||
} | |||
body, | |||
.mw-body h1, | |||
.mw-body h2 { | |||
font-family: Helvetica; | |||
} | |||
.mw-body h1 { | |||
font-weight: bold; | |||
} | |||
:root { | |||
--font-size-medium: 1rem; | |||
--line-height-medium: 1.5714285; | |||
--background-color-base: #f4f4f4; | |||
} | |||
.vector-feature-custom-font-size-clientpref-1 { | |||
--font-size-medium: 1.25rem; | |||
--line-height-medium: 1.6; | |||
} | |||
.vector-feature-custom-font-size-clientpref-2 { | |||
--font-size-medium: 1.6rem; | |||
--line-height-medium: 1.5; | |||
} | |||
a { | |||
color: var(--color-process-blue); | |||
/* text-decoration: underline; */ | |||
} | } | ||
a.mw-logo, | |||
a.mw-logo:visited { | |||
color: black; | |||
} | |||
.mw-logo-wordmark { | |||
letter-spacing: -.03em; | |||
font-size: 1.3em; | |||
} | |||
#p-logo a { | |||
background-size: contain; | |||
} | |||
.vector-header-container { | |||
padding-top: .5em; | |||
margin-bottom: .5em; | |||
padding-bottom: .5em; | |||
position: relative; | |||
} | } | ||
.vector-header-container::before { | |||
content: ""; | |||
position: absolute; | |||
background-color: var(--color-process-blue); | |||
height: 0.6em; | |||
width: 100vw; | |||
bottom: -0.6em; | |||
z-index: 3; | |||
} | } | ||
.vector-header-container::after { | |||
content: ""; | |||
position: absolute; | |||
background-color: var(--color-yellow-gold); | |||
height: 0.6em; | |||
width: 100vw; | |||
bottom: -1.4em; | |||
z-index: 2; | |||
} | } | ||
Latest revision as of 16:30, 13 March 2025
:root {
--color-process-blue: #0091c9;
--color-yellow-gold: #f3cf1d;
}
body {
background-color: var(--background-color-base);
}
body,
.mw-body h1,
.mw-body h2 {
font-family: Helvetica;
}
.mw-body h1 {
font-weight: bold;
}
:root {
--font-size-medium: 1rem;
--line-height-medium: 1.5714285;
--background-color-base: #f4f4f4;
}
.vector-feature-custom-font-size-clientpref-1 {
--font-size-medium: 1.25rem;
--line-height-medium: 1.6;
}
.vector-feature-custom-font-size-clientpref-2 {
--font-size-medium: 1.6rem;
--line-height-medium: 1.5;
}
a {
color: var(--color-process-blue);
/* text-decoration: underline; */
}
a.mw-logo,
a.mw-logo:visited {
color: black;
}
.mw-logo-wordmark {
letter-spacing: -.03em;
font-size: 1.3em;
}
#p-logo a {
background-size: contain;
}
.vector-header-container {
padding-top: .5em;
margin-bottom: .5em;
padding-bottom: .5em;
position: relative;
}
.vector-header-container::before {
content: "";
position: absolute;
background-color: var(--color-process-blue);
height: 0.6em;
width: 100vw;
bottom: -0.6em;
z-index: 3;
}
.vector-header-container::after {
content: "";
position: absolute;
background-color: var(--color-yellow-gold);
height: 0.6em;
width: 100vw;
bottom: -1.4em;
z-index: 2;
}