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

Revision as of 04:35, 31 May 2024

Latest revision as of 23:48, 23 May 2025

(One intermediate revision by the same user 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 {

/* Use !important to override any infobox rules */

background: #fff !important;

color: #000 !important;

}

@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 {

@media (prefers-color-scheme: dark) {

filter: grayscale(0.6);

html.skin-theme-clientpref-os .locmap {

}

filter: grayscale(0.6);

}

/* Special handling for maps inside infoboxes

html.skin-theme-clientpref-os .od,

* [[Module talk:Location map#Map label background bug in dark mode]]

html.skin-theme-clientpref-os .od .pv > div,

*/

html.skin-theme-clientpref-os .od .pl > div,

html.skin-theme-clientpref-osnight .odinfobox-full-data .pr >locmap div {

background: transparent !important;

/* Use !important to override any infobox rules */

}

background: white !important;

color: #000 !important;

}

}

@media screen and (prefers-color-scheme: dark) {

/* Special handling for maps inside infoboxes https://en.wikipedia.org/w/index.php?title=Module_talk:Location_map&oldid=1226437753#c-JScherer-WMF-20240530165500-JScherer-WMF-20240529211800 */

html.skin-theme-clientpref-night .infobox-full-dataos .locmap divimg {

filter: grayscale(0.6);

background: transparent !important;

}

@media (prefers-color-scheme: dark) {

html.skin-theme-clientpref-os .infobox-full-data .locmap div {od,

html.skin-theme-clientpref-os .od .pv > div,

background: transparent !important;

html.skin-theme-clientpref-os .od .pvpl > div,

}

html.skin-theme-clientpref-os .locmapod .pr > div {

/* Use !important to override any infobox rules */

background: white !important;

color: #000 !important;

}

html.skin-theme-clientpref-os .odinfobox-full-data .pl >locmap div, {

background: transparent !important;

}

}