Wikipedia

Module:Location map/styles.css: Difference between revisions

Browse history interactively
← Previous edit
Content deleted Content added
Slightly tweak map theme for accessibility (black/blue text on white labels) and grayscale map
Tags: Mobile edit Mobile web edit Advanced mobile edit
per tper
 
(7 intermediate revisions by 2 users not shown)
Line 52:
 
/* Dark mode theme: */
html.skin-theme-clientpref-night .od,▼
html.skin-theme-clientpref-night .od .pv > div,▼
html.skin-theme-clientpref-night .od .pl > div,▼
html.skin-theme-clientpref-night .od .pr > div {▼
background: white;▼
}▼
 
@media screen {
html.skin-theme-clientpref-night .locmap {▼
▲ html.skin-theme-clientpref-night .od,
filter: grayscale(0.6);▼
▲ html.skin-theme-clientpref-night .od .pv > div,
▲ html.skin-theme-clientpref-night .od .pl > div,
▲ html.skin-theme-clientpref-night .od .pr > div {
/* Use !important to override any infobox rules */
background: #fff !important;
color: #000 !important;
▲ }
 
▲ html.skin-theme-clientpref-night .locmap img {
▲ filter: grayscale(0.6);
}
 
/* Special handling for maps inside infoboxes
* [[Module talk:Location map#Map label background bug in dark mode]]
*/
html.skin-theme-clientpref-osnight .od,infobox-full-data .locmap div {▼
background: transparent !important;
}
}
 
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .locmap img {
filter: grayscale(0.6);
}
▲ html.skin-theme-clientpref-os .od,
html.skin-theme-clientpref-os .od .pv > div,
html.skin-theme-clientpref-os .od .plpv > div,
html.skin-theme-clientpref-os .od .prpl > div {,
html.skin-theme-clientpref-os .od .pr > div {
▲ background: white;
/* Use !important to override any infobox rules */
}
▲ background: white !important;
color: #000 !important;
}
 
html.skin-theme-clientpref-os .infobox-full-data .locmap div {
background: transparent !important;
}
}
Retrieved from "https://en.wikipedia.org/wiki/Module:Location_map/styles.css"