10,947
editsAd placeholder
MediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 10: | Line 10: | ||
* as possible; otherwise list ALL templates / pages that rely on the CSS | * as possible; otherwise list ALL templates / pages that rely on the CSS | ||
* found in here. | * found in here. | ||
* | |||
* Also, the CSS here should be divided into sections and sub-sections just as | |||
* you would do with headers in a regular page. Use the following format for | |||
* these "headers" below: | |||
* | |||
* /* | |||
* * == This is a section of cleaned-up CSS == | |||
* * / | |||
* | |||
* /* | |||
* * === This is a sub-section of the above === | |||
* * / | |||
* | * | ||
*****************************************************************************/ | *****************************************************************************/ | ||
| Line 17: | Line 29: | ||
*/ | */ | ||
/* The Citizen skin defines some variables based on which the entire color | |||
palette is defined. It's blue by default for the dark theme. */ | |||
:root.skin-citizen-dark { | :root.skin-citizen-dark { | ||
/* This should give us a nice dark orange / brown. */ | |||
--color-primary__h: 15; | --color-primary__h: 15; | ||
/* Make surfaces darker. */ | |||
--color-surface-0: hsl(var(--color-primary__h) 10% 8%); | --color-surface-0: hsl(var(--color-primary__h) 10% 8%); | ||
--color-surface-1: hsl(var(--color-primary__h) 10% 10%); | --color-surface-1: hsl(var(--color-primary__h) 10% 10%); | ||
| Line 30: | Line 45: | ||
* | * | ||
* On Citizen, we show a thin fixed banner at the bottom. It's added through a | * On Citizen, we show a thin fixed banner at the bottom. It's added through a | ||
* hook in LocalSettings. | * hook in LocalSettings and uses the id bg3wiki-footer-ad. | ||
*/ | */ | ||
| Line 71: | Line 86: | ||
bottom: calc(50px + var(--header-size) + var(--space-xs)) | bottom: calc(50px + var(--header-size) + var(--space-xs)) | ||
} | } | ||
} | |||
/* | |||
* == PortableInfobox == | |||
*/ | |||
/* Style the resistances part of the creature infobox. */ | |||
.pi-type-creature [data-item-name="resistances"] ul { | |||
margin: 0; | |||
list-style: none; | |||
display: flex; | |||
justify-content: center; | |||
gap: 5px; | |||
flex-wrap: wrap; | |||
} | } | ||
| Line 621: | Line 650: | ||
/* These are hidden since the screen may be too narrow. */ | /* These are hidden since the screen may be too narrow. */ | ||
display: none; | display: none; | ||
} | } | ||