Server reboot imminent. Site will be down for up to 15 minutes, starting 15:00 UTC. (Current time: 14:40 UTC)

Please make sure you are not in the middle of an edit at that time, or make sure to save your work offline.

MediaWiki:Mobile.css: Difference between revisions

Jump to navigation Jump to search
Remove obsolete CSS.
(Fix more table issues.)
(Remove obsolete CSS.)
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);
}
}

Navigation menu