|
|
| Line 1: |
Line 1: |
| @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Source+Sans+3:wght@400;600;700&display=swap');
| | /* Menu / nav panels */ |
| | | .vector-menu, .vector-menu-content, .vector-menu-tabs, .vector-dropdown, .vector-menu-tabs .vector-menu-content { |
| :root {
| |
| --ink: #0f1b2c;
| |
| --ink-soft: #1b2941;
| |
| --parchment: #f7f0df;
| |
| --parchment-strong: #e6d9b8;
| |
| --gold: #d8a657;
| |
| --gold-strong: #c48b2e;
| |
| --accent: #5c7c9b;
| |
| --glow: rgba(216, 166, 87, 0.25);
| |
| }
| |
| | |
| body {
| |
| font-family: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
| |
| background: radial-gradient(circle at 20% 20%, rgba(216, 166, 87, 0.08), transparent 35%),
| |
| radial-gradient(circle at 80% 0%, rgba(92, 124, 155, 0.12), transparent 45%),
| |
| linear-gradient(145deg, #f5ecd7 0%, #efe3c6 35%, #e4d5b4 100%);
| |
| color: var(--ink);
| |
| }
| |
| | |
| #content, .mw-page-container {
| |
| background: #fffaf0;
| |
| border: 1px solid #d8caa6;
| |
| box-shadow: 0 12px 30px -14px rgba(15, 27, 44, 0.35), 0 0 0 1px rgba(216, 166, 87, 0.2);
| |
| border-radius: 10px;
| |
| padding: 18px 22px;
| |
| }
| |
| | |
| .vector-header-container, .vector-sticky-header { background: transparent; } | |
| | |
| .vector-page-titlebar h1, .mw-first-heading { | |
| font-family: 'Playfair Display', 'Times New Roman', serif;
| |
| font-weight: 700;
| |
| letter-spacing: 0.5px;
| |
| color: var(--ink);
| |
| text-shadow: 0 2px 6px rgba(15, 27, 44, 0.18);
| |
| }
| |
| | |
| h2, h3, h4 {
| |
| font-family: 'Playfair Display', 'Times New Roman', serif;
| |
| color: var(--ink);
| |
| border-bottom: 1px solid rgba(216, 166, 87, 0.45);
| |
| }
| |
| | |
| .mw-body a { color: #274b6d; }
| |
| .mw-body a:visited { color: #2f3f5a; }
| |
| .mw-body a:hover { color: var(--gold-strong); text-decoration: none; }
| |
| | |
| .vector-pinnable-header, .vector-toc {
| |
| background: rgba(15, 27, 44, 0.75); | | background: rgba(15, 27, 44, 0.75); |
| color: #e9e3d8; | | color: #e9e3d8; |
| border: 1px solid rgba(216, 166, 87, 0.35); | | border: 1px solid rgba(216, 166, 87, 0.35); |
| } | | } |
| .vector-toc a { color: #f1e4c8; } | | .vector-menu a { color: #f1e4c8; } |
| .vector-toc a:hover { color: var(--gold); } | | .vector-menu a:hover { color: var(--gold); } |
|
| |
|
| /* Tables */ | | /* Sticky header background */ |
| .wikitable { | | .vector-sticky-header, .vector-header-container { |
| background: #fffaf0;
| | background: linear-gradient(135deg, rgba(216, 166, 87, 0.08), rgba(92, 124, 155, 0.06)); |
| border: 1px solid #d5c6a4;
| |
| box-shadow: inset 0 0 0 1px rgba(216, 166, 87, 0.12);
| |
| }
| |
| .wikitable th {
| |
| background: linear-gradient(135deg, rgba(216, 166, 87, 0.65), rgba(216, 166, 87, 0.5)); | |
| color: #0f1b2c;
| |
| font-family: 'Playfair Display', 'Times New Roman', serif;
| |
| font-weight: 700;
| |
| } | | } |
| .wikitable td { border-color: #d5c6a4; }
| |
|
| |
|
| /* Infobox-style tables */ | | /* TOC cards */ |
| .infobox, .portable-infobox { | | .vector-toc { background: rgba(15, 27, 44, 0.82); } |
| border: 1px solid #d5c6a4;
| |
| background: #fffaf5;
| |
| box-shadow: 0 6px 18px -10px rgba(15, 27, 44, 0.35), 0 0 0 1px rgba(216, 166, 87, 0.18);
| |
| }
| |
| .infobox th, .infobox td { border-color: #d5c6a4; }
| |
|
| |
|
| /* Buttons */ | | /* Ensure page container stays parchment even when sticky header engaged */ |
| .mw-ui-button, .mw-ui-button.mw-ui-progressive {
| | .mw-page-container { |
| background: linear-gradient(135deg, #d8a657, #c48b2e);
| | background: #fffaf0; |
| border: 1px solid #b0741e;
| |
| color: #0f1b2c;
| |
| box-shadow: 0 6px 12px -6px rgba(15, 27, 44, 0.4);
| |
| }
| |
| .mw-ui-button:hover { filter: brightness(1.05); }
| |
| .mw-ui-button.mw-ui-destructive {
| |
| background: linear-gradient(135deg, #a23f3f, #7a2d2d);
| |
| border-color: #6a2424;
| |
| color: #f9ede0;
| |
| }
| |
| | |
| /* Links and nav extras */
| |
| .mw-body .hatnote { color: #3b5574; }
| |
| .mw-body .toc { background: #fff7e6; border: 1px solid #d8caa6; }
| |
| | |
| /* Search box */
| |
| .vector-search-box-input {
| |
| border-radius: 999px;
| |
| border: 1px solid rgba(15, 27, 44, 0.2);
| |
| padding: 6px 12px;
| |
| }
| |
| | |
| /* Footer */
| |
| .vector-footer { background: rgba(15, 27, 44, 0.82); color: #e5dcc7; border-top: 1px solid rgba(216, 166, 87, 0.35); }
| |
| .vector-footer a { color: var(--gold); }
| |
| | |
| /* Main page tables: add gentle hover */
| |
| .wikitable tr:hover { background: rgba(216, 166, 87, 0.08); }
| |
| | |
| /* Code blocks */
| |
| pre, code { background: #f1e8d3; border: 1px solid #d5c6a4; }
| |
| | |
| @media (max-width: 980px) {
| |
| .mw-page-container { border-radius: 0; box-shadow: none; padding: 16px; }
| |
| .vector-toc { background: rgba(15, 27, 44, 0.92); } | |
| } | | } |
/* Menu / nav panels */
.vector-menu, .vector-menu-content, .vector-menu-tabs, .vector-dropdown, .vector-menu-tabs .vector-menu-content {
background: rgba(15, 27, 44, 0.75);
color: #e9e3d8;
border: 1px solid rgba(216, 166, 87, 0.35);
}
.vector-menu a { color: #f1e4c8; }
.vector-menu a:hover { color: var(--gold); }
/* Sticky header background */
.vector-sticky-header, .vector-header-container {
background: linear-gradient(135deg, rgba(216, 166, 87, 0.08), rgba(92, 124, 155, 0.06));
}
/* TOC cards */
.vector-toc { background: rgba(15, 27, 44, 0.82); }
/* Ensure page container stays parchment even when sticky header engaged */
.mw-page-container {
background: #fffaf0;
}
