8,856
editsMediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary Tags: Manual revert Reverted |
No edit summary Tag: Manual revert |
||
| Line 2: | Line 2: | ||
:root.skin-citizen-dark { | :root.skin-citizen-dark { | ||
--color-primary__h: | --color-primary__h: 348; | ||
--color-surface-0: hsl(var(--color-primary__h) | --color-surface-0: hsl(var(--color-primary__h) 15% 8%); | ||
--color-surface-1: hsl(var(--color-primary__h) | --color-surface-1: hsl(var(--color-primary__h) 80% 10%); | ||
--color-surface-2: hsl(var(--color-primary__h) | --color-surface-2: hsl(var(--color-primary__h) 70% 12%); | ||
--background-color-overlay: hsla(var(--color-primary__h) 20% 8% / 95%); | --background-color-overlay: hsla(var(--color-primary__h) 20% 8% / 95%); | ||
--background-color-overlay--lighter: hsl(var(--color-primary__h) 20% 8% / 60%); | --background-color-overlay--lighter: hsl(var(--color-primary__h) 20% 8% / 60%); | ||
| Line 15: | Line 15: | ||
--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); | |||
/* 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); | |||
} | } | ||
| Line 412: | Line 445: | ||
.bg3wiki-tabbar { | .bg3wiki-tabbar { | ||
background-color: #1B1A19; | background-color: #1B1A19; | ||
margin: 0.5em 0 0 0; | |||
} | } | ||
| Line 651: | Line 685: | ||
.wraplinks a { | .wraplinks a { | ||
white-space: normal; | white-space: normal; | ||
} | |||
/* Table styling */ | |||
.wikitable { | |||
background-color: rgb(31, 30, 30) !important; | |||
border: 1px solid #242322; | |||
border-color: rgb(36, 35, 34) !important; | |||
border-collapse: collapse !important; | |||
margin: 1em 0 !important; | |||
border-collapse: collapse !important; | |||
overflow-y: hidden !important; | |||
overflow-x: auto !important; | |||
float: none !important; | |||
margin-left: 0 !important; | |||
margin-right: 0 !important; | |||
} | |||
table.wikitable td { | |||
background-color: rgb(31, 30, 30) !important; | |||
border: 1px solid #242322; | |||
border-color: rgb(36, 35, 34) !important; | |||
} | |||
.wikitable th { | |||
background-color: rgb(35, 35, 36) !important; | |||
border: 1px solid #242322; | |||
border-color: rgb(36, 35, 34) !important; | |||
} | |||
.wikitable th[scope=row], | |||
.wikitable th[scope=rowgroup] { | |||
font-weight: normal !important; | |||
text-align: left !important; | |||
} | |||
.wikitable tr, | |||
.wikitable td, | |||
.wikitable th, | |||
.wikitable tr :is(th, td) { | |||
padding-left: 0.4em; | |||
padding-right: 0.4em; | |||
padding-top: 0.2em; | |||
padding-bottom: 0.2em; | |||
} | } | ||