Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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;
}