MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
+@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');
 /* CSS placed here will be applied to all skins */
@@ Line 430: / Line 432: @@
 .color1 {
-	background-color:#addeff;
+	background-color: #addeff;
 	border-style: solid;
-	border-color:#2ba7ff;
+	border-color: #2ba7ff;
-	padding:4px 10px 4px;
-	margin-top: 4px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-	border-radius:10px;
-	flex-grow:1;
 }
 html.skin-theme-clientpref-night .color1 {
-	background-color: #003b69;
+	background-color: rgba(173, 222, 255, 0.1);
 	border-color: #8bccff;
 }
+.color2 {
+	background-color: #fccffc;
+    border-style: solid;
+    border-color:#ec70ff;
+}
+html.skin-theme-clientpref-night .color2 {
+    background-color: rgba(252, 207, 252, 0.1);
+}
+.color3 {
+	background-color: #ffca75;
+    border-style: solid;
+    border-color: #de8900;
+}
+html.skin-theme-clientpref-night .color3 {
+    background-color: rgba(255, 202, 117, 0.1);
+}
+.color4 {
+    background-color: #abffab;
+    border-style: solid;
+    border-color: #30ff30;
+}
+html.skin-theme-clientpref-night .color4 {
+    background-color: rgba(171, 255, 171, 0.1);
+}
 .featured-articles-container {
@@ Line 458: / Line 486: @@
      flex-direction:column;
    }
+}
+/* --- RPI theme (Vector 2022 desktop) --- */
+: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-vector-2022,
+.skin-vector-2022 .mw-body,
+.skin-vector-2022 .mw-body-content,
+.skin-vector-2022 .vector-menu,
+.skin-vector-2022 .vector-header-container,
+.skin-vector-2022 .mw-footer {
+	font-family: var(--rpi-font);
+}
+.skin-vector-2022 .mw-body h1,
+.skin-vector-2022 .mw-body h2,
+.skin-vector-2022 .mw-body h3,
+.skin-vector-2022 .mw-body h4,
+.skin-vector-2022 .mw-body h5,
+.skin-vector-2022 .mw-body h6,
+.skin-vector-2022 .mw-first-heading {
+	font-family: var(--rpi-serif);
+}
+.skin-vector-2022 code,
+.skin-vector-2022 pre,
+.skin-vector-2022 kbd,
+.skin-vector-2022 samp,
+.skin-vector-2022 tt,
+.skin-vector-2022 .mw-code,
+.skin-vector-2022 .infobox td {
+	font-family: var(--rpi-font);
+}
+.skin-vector-2022 .mw-logo-wordmark {
+	color: var(--rpi-red);
+}
+/* Page title: thick red rule */
+.skin-vector-2022 .mw-body .mw-first-heading {
+	border-bottom: 3px solid var(--rpi-red);
+	padding-bottom: 0.25em;
+}
+.skin-vector-2022 .vector-page-titlebar::after {
+	display: none;
+}
+/* Section headings: full-width grey rule with a red segment the width of the text */
+.skin-vector-2022 .mw-heading.mw-heading2 {
+	position: relative;
+	align-items: flex-end;
+	border-bottom: 1px solid #c8ccd1;
+	padding-bottom: 0.25em;
+}
+.skin-vector-2022 .mw-heading.mw-heading2 h2 {
+	position: relative;
+}
+.skin-vector-2022 .mw-heading.mw-heading2 h2::after {
+	content: "";
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: -0.29em;
+	height: 2px;
+	background-color: var(--rpi-red);
+}
+.skin-vector-2022 .infobox {
+	border-top: 3px solid var(--rpi-red);
+}
+.skin-vector-2022 .infobox-title {
+	color: var(--rpi-red);
+}
+.tablenoborder1 td {
+	border-bottom: none !important;
+	border-top: none !important;
+}
+.tablenoborder2 td {
+	border-top: none !important;
+}
+.tablenoborder3 td {
+	border-bottom: none !important;
 }