|
|
| Line 1: |
Line 1: |
| /* All CSS here will be loaded for users of the Citizen skin */
| |
|
| |
|
| .res-img img {
| |
| max-width: 100%;
| |
| height: auto;
| |
| }
| |
|
| |
| :root {
| |
| --width-layout: 980px;
| |
| }
| |
|
| |
| :root.skin-theme-clientpref-night {
| |
| /* Set hue to purple */
| |
| --color-progressive-oklch__h: 301.11;
| |
| }
| |
|
| |
| @media screen and (prefers-color-scheme: dark) {
| |
| :root.skin-theme-clientpref-os {
| |
| --color-progressive-oklch__h: 301.11;
| |
| }
| |
| }
| |
|
| |
| :root.skin-citizen-light {
| |
| --bgb-blue: rgb(27 62 116 / 100%);
| |
| --interface-blue: rgb(74 112 170 / 100%);
| |
| --bg-color: rgb(220 235 250 / 100%);
| |
|
| |
| --text-header: rgb(0 0 0 / 100%);
| |
| --text-content: rgb(0 0 0 / 80%);
| |
|
| |
| background: var(--bg-color);
| |
| --color-primary: var(--interface-blue);
| |
| }
| |
|
| |
| :root.skin-citizen-dark {
| |
| --bgb-blue: rgb(27 62 116 / 100%);
| |
| --interface-blue: rgb(74 112 170 / 100%);
| |
| --bg-color: rgb(20 35 63 / 100%);
| |
|
| |
| --text-header: rgb(255 255 255 / 100%);
| |
| --text-content: rgb(255 255 255 / 80%);
| |
|
| |
| background-color: var(--bg-color);
| |
| --color-primary: var(--interface-blue);
| |
| }
| |
|
| |
| .mw-header-siteinfo .mw-wiki-title .mw-logo-wordmark {
| |
| color: var(--text-header);
| |
| }
| |
|
| |
| /*
| |
| body.mediawiki {
| |
| background-color: var(--bg-color);
| |
| background-image: url("https://boardgamebarrage.com/w/bg.png");
| |
| background-position: top;
| |
| background-size: 200px;
| |
| padding-left: 20%;
| |
| padding-right: 20%;
| |
| }
| |
| */
| |
|
| |
| body {
| |
| background-color: var(--bg-color);
| |
| color: var(--text-content);
| |
| }
| |
|
| |
| .mw-body {
| |
| background-color: var(--bg-color);
| |
| }
| |
|
| |
| .mw-footer {
| |
| background: var(--bgb-blue);
| |
| }
| |
|
| |
| .mw-datatable td {
| |
| background-color: var(--bg-color);
| |
| }
| |
|
| |
| .mw-datatable th {
| |
| background-color: var(--interface-blue);
| |
| }
| |
|
| |
| /*
| |
| .last-modified-bar {
| |
| background: var(--bg-color);
| |
| }
| |
|
| |
| .last-modified-bar-content {
| |
| background: var(--bg-color);
| |
| }
| |
| */
| |
