|
|
Line 4: |
Line 4: |
| --color-primary__h: 15; | | --color-primary__h: 15; |
| --color-secondary__h: 255; | | --color-secondary__h: 255; |
| | |
| --color-surface-0: hsl(var(--color-primary__h) 10% 10%); | | --color-surface-0: hsl(var(--color-primary__h) 10% 10%); |
| --color-surface-1: hsl(var(--color-primary__h) 10% 10%); | | --color-surface-1: hsl(var(--color-primary__h) 10% 10%); |
| --color-surface-2: hsl(var(--color-primary__h) 5% 12%); | | --color-surface-2: hsl(var(--color-primary__h) 5% 12%); |
| | |
| --background-color-overlay: hsla(var(--color-primary__h) 20% 20% / 60%); | | --background-color-overlay: hsla(var(--color-primary__h) 20% 20% / 60%); |
| --background-color-overlay--lighter: hsl(var(--color-primary__h) 20% 20% / 80%); | | --background-color-overlay--lighter: hsl(var(--color-primary__h) 20% 20% / 80%); |
| | |
| --bg3wiki-relative-location-bg: var(--color-surface-0); | | --bg3wiki-relative-location-bg: var(--color-surface-0); |
| --bg3wiki-relative-location-header-bg-dark: var(--color-surface-1); | | --bg3wiki-relative-location-header-bg-dark: var(--color-surface-1); |
| --bg3wiki-tooltip-border: #785000; | | |
| /* css tooltip colours */ | | /* CSS tooltip colours */ |
| --aria-label-tooltip-bg: hsl(200deg 5% 10%); | | --aria-label-tooltip-bg: hsl(200deg 5% 10%); |
| --aria-label-tooltip-fg: hsl(0deg 0% 90%); | | --aria-label-tooltip-fg: hsl(0deg 0% 90%); |
| --aria-label-tooltip-border: none; | | --aria-label-tooltip-border: none; |
| /* this is incredibly silly of me but let's see */ | | |
| --bg3wiki-math: invert(1);
| | --bg3wiki-tooltip-border: #785000; |
| /* Variables with the dark suffix are intended for detail elements within
| |
| * the contents of pages, such as tabbers, infoboxes, amboxes and tables.
| |
| * These are darker than other elements.
| |
| */
| |
| /* Intended for very large boxed elemetns that cover an entire page. */
| |
| --bg3wiki-tooltip-doc-bg: #2b2a28;
| |
| --bg3wiki-tooltip-bg: #1B1A19; | |
| /* Intended for accents like headers or titles */
| |
| --bg3wiki-accent: #211e1c;
| |
| --bg3wiki-accent-bg: #211e1c;
| |
| --bg3wiki-accent-dark-bg: #232324;
| |
| --bg3wiki-accent-text: var(--fg);
| |
| /* Intended for labels in boxes */
| |
| --bg3wiki-label-bg: #2f2b28;
| |
| --bg3wiki-label-border: 2px solid #232323;
| |
| --bg3wiki-label-dark-bg: #171717;
| |
| --bg3wiki-label-dark-border: 1px solid #1f1d1c;
| |
| /* Intended for data elements in boxes, where its contents are displayed. */
| |
| --bg3wiki-data-bg: #232323;
| |
| --bg3wiki-data-border: 1px solid #4d4a46;
| |
| --bg3wiki-data-row-even-bg: #272727;
| |
| --bg3wiki-data-row-odd-bg: var(--bg-main);
| |
| --bg3wiki-data-dark-bg: #1f1e1e;
| |
| --bg3wiki-data-dark-border: 1px solid #242322;
| |
| /* Intended for detail elements in boxes */
| |
| --bg3wiki-detail-bg: #1b1b1b;
| |
| --bg3wiki-detail-dark-bg: #121212;
| |
| --bg3wiki-detail-dark-border: 2px solid #121212;
| |
| /* Tables */
| |
| --bg3wiki-wikitable-bg: var(--bg3wiki-data-dark-bg);
| |
| --bg3wiki-wikitable-header-bg: var(--bg3wiki-label-dark-bg);
| |
| --bg3wiki-wikitable-border: var(--bg3wiki-data-border);
| |
| --bg3wiki-wikitable-muted-bg: var(--bg3-wiki-label-dark-bg);
| |
| --bg3wiki-wikitable-muted-border: var(--bg3wiki-data-border-bg);
| |
| } | | } |
|
| |
|
| /* | | /* Table styling */ |
| * Fix for table width issues; not sure why this is necessary.
| |
| */
| |
|
| |
|
| .citizen-table-wrapper { | | .wikitable { |
| width: 100%; | | width: 100%; |
| } | | } |
Line 678: |
Line 645: |
| .wraplinks a { | | .wraplinks a { |
| white-space: normal; | | white-space: normal; |
| }
| |
|
| |
| /* Table styling */
| |
|
| |
| .wikitable td {
| |
| background-color: var(--bg3wiki-wikitable-bg);
| |
| border: var(--bg3wiki-wikitable-border);
| |
| }
| |
|
| |
| .wikitable th {
| |
| background-color: var(--bg3wiki-wikitable-header-bg);
| |
| border: var(--bg3wiki-wikitable-border);
| |
| } | | } |