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 265: / Line 267: @@
 	border-spacing: 3px;
 	margin: 0.5em 0;
+}
+/* dark mode color */
+html.skin-theme-clientpref-night .infobox {
+    color: white !important;
+}
+html.skin-theme-clientpref-night .infobox-header {
+    background-color: #35393d !important;
 }
@@ Line 421: / 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;
+html.skin-theme-clientpref-night .color1 {
-	-webkit-border-radius: 10px;
+	background-color: rgba(173, 222, 255, 0.1);
-	border-radius:10px;
+	border-color: #8bccff;
-	flex-grow:1;
+}
+.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 {
+width: inherit;
+display: flex;
+flex-direction:row;
+justify-content:center;
+align-items:stretch;
+gap:4px;
+}
+@media screen and (max-width: 480px) {
+  .featured-articles-container {
+    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;
 }