User:Krishj4/common.css: Difference between revisions
Created page with "@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap'); :root { --rpi-red: #d6001c; --rpi-font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans- --rpi-mono: "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace; } →Geist across the Vector 2022 surface: .skin-vector-2022, .skin-vector-2022 .mw-body, .skin-vector-2022 .mw-body-cont..." |
Fix RPI theme CSS (byte-accurate via API) |
||
| Line 2: | Line 2: | ||
:root { | :root { | ||
--rpi-red: #d6001c; | |||
--rpi-font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; | |||
--rpi-mono: "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace; | |||
} | } | ||
.skin-vector-2022, | .skin-vector-2022, | ||
.skin-vector-2022 .mw-body, | .skin-vector-2022 .mw-body, | ||
| Line 14: | Line 13: | ||
.skin-vector-2022 .vector-header-container, | .skin-vector-2022 .vector-header-container, | ||
.skin-vector-2022 .mw-footer { | .skin-vector-2022 .mw-footer { | ||
font-family: var(--rpi-font); | |||
} | } | ||
.skin-vector-2022 .mw-body h1, | .skin-vector-2022 .mw-body h1, | ||
.skin-vector-2022 .mw-body h2, | .skin-vector-2022 .mw-body h2, | ||
| Line 25: | Line 23: | ||
.skin-vector-2022 .mw-body h6, | .skin-vector-2022 .mw-body h6, | ||
.skin-vector-2022 .mw-first-heading { | .skin-vector-2022 .mw-first-heading { | ||
font-family: var(--rpi-font); | |||
} | } | ||
.skin-vector-2022 code, | .skin-vector-2022 code, | ||
.skin-vector-2022 pre, | .skin-vector-2022 pre, | ||
| Line 36: | Line 33: | ||
.skin-vector-2022 .mw-code, | .skin-vector-2022 .mw-code, | ||
.skin-vector-2022 .infobox td { | .skin-vector-2022 .infobox td { | ||
font-family: var(--rpi-mono); | |||
} | } | ||
.skin-vector-2022 .mw-logo-wordmark { | .skin-vector-2022 .mw-logo-wordmark { | ||
color: var(--rpi-red); | |||
} | } | ||
.skin-vector-2022 .mw-body h1.firstHeading, | |||
.skin-vector-2022 .mw-body h1. | |||
.skin-vector-2022 .mw-body .mw-first-heading, | .skin-vector-2022 .mw-body .mw-first-heading, | ||
.skin-vector-2022 .mw-body h2 { | .skin-vector-2022 .mw-body h2 { | ||
border-bottom: 1px solid var(--rpi-red); | |||
padding-bottom: 0.25em; | |||
} | } | ||
.skin-vector-2022 .infobox { | .skin-vector-2022 .infobox { | ||
border-top: 3px solid var(--rpi-red); | |||
} | } | ||
.skin-vector-2022 .infobox-title, | .skin-vector-2022 .infobox-title, | ||
.skin-vector-2022 .infobox > | .skin-vector-2022 .infobox > tbody > tr:first-child > th[colspan] { | ||
color: var(--rpi-red); | |||
} | } | ||