MediaWiki:Common.css: Difference between revisions

Revision as of 16:49, 31 December 2025

/* Warm, Intimate Styling for Citizen Skin */

/* Warm background colors */
:root {
    --color-surface-0: #faf8f5 !important;
    --color-surface-1: #fffdf9 !important;
    --color-surface-2: #f5f2ed !important;
    --color-base: #3d3d3d !important;
    --color-base--subtle: #5c4a3d !important;
    --color-primary: #b5785a !important;
    --color-primary--hover: #8b5a3c !important;
    --color-link: #b5785a !important;
    --color-link--hover: #8b5a3c !important;
}

/* Warm serif typography */
.citizen-body, .mw-parser-output {
    font-family: "Georgia", "Palatino Linotype", "Book Antiqua", serif !important;
    line-height: 1.8 !important;
    color: #3d3d3d !important;
}

/* Headings */
.citizen-page-heading, .mw-headline, h1, h2, h3 {
    font-family: "Georgia", serif !important;
    color: #4a3728 !important;
}

/* Footer warm tones */
.citizen-footer {
    background-color: #e8dfd4 !important;
}

/* Header bar warm accent */
.citizen-header {
    background-color: #faf8f5 !important;
    border-bottom: 1px solid #e8dfd4 !important;
}

/* Search and menu icons */
.citizen-header__logo {
    color: #5c4a3d !important;
}

/* Body content area */
.citizen-body-container {
    background-color: #fffdf9 !important;
}

/* Signature link styling */
.mw-parser-output a {
    color: #b5785a !important;
}

.mw-parser-output a:hover {
    color: #8b5a3c !important;
}

/* Horizontal rule */
hr {
    border-color: #e8dfd4 !important;
}

/* Footer text */
.citizen-footer__brand {
    color: #5c4a3d !important;
}

@@ Line 1: / Line 1: @@
-/* Warm, Intimate Wiki Styling */
+/* Warm, Intimate Styling for Citizen Skin */
-/* Background: soft cream instead of stark white */
-body {
-    background-color: #faf8f5 !important;
-}
-.mw-body {
+/* Warm background colors */
-     background-color: #fffdf9 !important;
+:root {
-     border-color: #e8e4dc !important;
+    --color-surface-0: #faf8f5 !important;
+     --color-surface-1: #fffdf9 !important;
+     --color-surface-2: #f5f2ed !important;
+    --color-base: #3d3d3d !important;
+    --color-base--subtle: #5c4a3d !important;
+    --color-primary: #b5785a !important;
+    --color-primary--hover: #8b5a3c !important;
+    --color-link: #b5785a !important;
+    --color-link--hover: #8b5a3c !important;
 }
-/* Typography: warmer, more readable */
+/* Warm serif typography */
-.mw-body-content {
+.citizen-body, .mw-parser-output {
      font-family: "Georgia", "Palatino Linotype", "Book Antiqua", serif !important;
-    font-size: 1.1em !important;
      line-height: 1.8 !important;
      color: #3d3d3d !important;
 }
-/* Headings: personal, not corporate */
+/* Headings */
-.mw-body h1, .mw-body h2, .mw-body h3 {
+.citizen-page-heading, .mw-headline, h1, h2, h3 {
      font-family: "Georgia", serif !important;
-     color: #5c4a3d !important;
+     color: #4a3728 !important;
-    border-bottom-color: #e8dfd4 !important;
 }
-.mw-page-title-main {
+/* Footer warm tones */
-     color: #4a3728 !important;
+.citizen-footer {
+     background-color: #e8dfd4 !important;
 }
-/* Links: warm terracotta instead of harsh blue */
+/* Header bar warm accent */
-.mw-body a:not(.new) {
+.citizen-header {
-     color: #b5785a !important;
+     background-color: #faf8f5 !important;
+    border-bottom: 1px solid #e8dfd4 !important;
 }
-.mw-body a:not(.new):hover {
+/* Search and menu icons */
-     color: #8b5a3c !important;
+.citizen-header__logo {
+     color: #5c4a3d !important;
 }
-/* Blockquotes: cozy emphasis */
+/* Body content area */
-blockquote {
+.citizen-body-container {
-    border-left: 4px solid #d4c4b0 !important;
+     background-color: #fffdf9 !important;
-     background-color: #fdf9f3 !important;
-    padding: 1em 1.5em !important;
-    margin: 1.5em 0 !important;
-    font-style: italic;
 }
-/* Signature styling */
+/* Signature link styling */
-hr {
+.mw-parser-output a {
-     border-color: #e8dfd4 !important;
+     color: #b5785a !important;
 }
-/* Content area: more breathing room */
+.mw-parser-output a:hover {
-.mw-body-content p {
+     color: #8b5a3c !important;
-     margin-bottom: 1.2em !important;
 }
-/* Soften the sidebar */
+/* Horizontal rule */
-#mw-panel {
+hr {
-     background-color: #f5f2ed !important;
+     border-color: #e8dfd4 !important;
 }
-#mw-panel .vector-menu-portal h3 {
+/* Footer text */
-     color: #6b5b4f !important;
+.citizen-footer__brand {
+     color: #5c4a3d !important;
 }