|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
| :root {
| |
| --wiki-bg: #0f1720;
| |
| --wiki-bg-soft: #162231;
| |
| --wiki-card: #1d2b3a;
| |
| --wiki-card-border: #2f465c;
| |
| --wiki-accent: #46c2ff;
| |
| --wiki-accent-2: #7be0ff;
| |
| --wiki-text: #eef8ff;
| |
| --wiki-muted: #a9bed0;
| |
| --wiki-link: #64d2ff;
| |
| --wiki-radius: 14px;
| |
| }
| |
|
| |
| /* Overall page */
| |
| body {
| |
| background:
| |
| radial-gradient(circle at top, rgba(70, 194, 255, 0.16), transparent 35%),
| |
| var(--wiki-bg);
| |
| color: var(--wiki-text);
| |
| }
| |
|
| |
| /* Main content area - selectors vary by skin */
| |
| .mw-body,
| |
| #content,
| |
| .citizen-body {
| |
| background: rgba(29, 43, 58, 0.92);
| |
| border: 1px solid var(--wiki-card-border);
| |
| border-radius: var(--wiki-radius);
| |
| box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
| |
| }
| |
|
| |
| /* Headings */
| |
| .mw-parser-output h1,
| |
| .mw-parser-output h2,
| |
| .mw-parser-output h3,
| |
| .firstHeading {
| |
| color: var(--wiki-text);
| |
| border-bottom: 1px solid var(--wiki-card-border);
| |
| }
| |
|
| |
| /* Links */
| |
| a {
| |
| color: var(--wiki-link);
| |
| }
| |
|
| |
| a:hover {
| |
| color: var(--wiki-accent-2);
| |
| }
| |
|
| |
| /* Tables */
| |
| .wikitable {
| |
| background: var(--wiki-card);
| |
| color: var(--wiki-text);
| |
| border: 1px solid var(--wiki-card-border);
| |
| border-radius: var(--wiki-radius);
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .wikitable th {
| |
| background: #24384d;
| |
| color: var(--wiki-text);
| |
| }
| |
|
| |
| .wikitable td,
| |
| .wikitable th {
| |
| border-color: var(--wiki-card-border);
| |
| }
| |
|
| |
| /* Infoboxes / portable infobox-like boxes */
| |
| .infobox,
| |
| .pi-theme,
| |
| .portable-infobox {
| |
| background: var(--wiki-card);
| |
| color: var(--wiki-text);
| |
| border: 1px solid var(--wiki-card-border);
| |
| border-radius: var(--wiki-radius);
| |
| box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
| |
| }
| |
|
| |
| /* Category links / small boxes */
| |
| .catlinks {
| |
| background: var(--wiki-bg-soft);
| |
| border: 1px solid var(--wiki-card-border);
| |
| border-radius: var(--wiki-radius);
| |
| color: var(--wiki-muted);
| |
| }
| |