Jump to content

User:Krishj4/minerva.css: Difference between revisions

From RPI Wiki
Fix RPI theme CSS (byte-accurate via API)
 
Serif headings (Source Serif 4); restore mono for code
 
Line 1: Line 1:
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&family=Source+Serif+4:wght@500;600;700&display=swap');


:root {
:root {
Line 5: Line 5:
--rpi-font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
--rpi-font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
--rpi-mono: "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
--rpi-mono: "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
--rpi-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
}
}


Line 17: Line 18:
.skin-minerva h3,
.skin-minerva h3,
.skin-minerva .mw-first-heading {
.skin-minerva .mw-first-heading {
font-family: var(--rpi-font);
font-family: var(--rpi-serif);
}
}



Latest revision as of 15:47, 30 June 2026

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&family=Source+Serif+4:wght@500;600;700&display=swap');

: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;
	--rpi-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
}

.skin-minerva,
.skin-minerva .mw-body,
.skin-minerva .mw-parser-output {
	font-family: var(--rpi-font);
}

.skin-minerva h1,
.skin-minerva h2,
.skin-minerva h3,
.skin-minerva .mw-first-heading {
	font-family: var(--rpi-serif);
}

.skin-minerva .branding-box a,
.skin-minerva .branding-box span {
	color: var(--rpi-red);
}

.skin-minerva .mw-first-heading,
.skin-minerva .mw-parser-output h2 {
	border-bottom: 1px solid var(--rpi-red);
	padding-bottom: 0.25em;
}

.skin-minerva code,
.skin-minerva pre,
.skin-minerva kbd,
.skin-minerva .infobox td {
	font-family: var(--rpi-mono);
}

.skin-minerva .infobox {
	border-top: 3px solid var(--rpi-red);
}

.skin-minerva .infobox-title {
	color: var(--rpi-red);
}