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

Content deleted Content added
No edit summary
Tags: Mobile edit Mobile web edit
per tper
 
(17 intermediate revisions by 6 users not shown)
Line 1:
/* {{pp|small=yes}} */
.locmap .od {
position: absolute;
Line 9 ⟶ 10:
 
.locmap .l0 {
font-size: 0%;
position: absolute;
}
Line 22 ⟶ 23:
line-height: 110%;
position: absolute;
top: -0.74em75em;
text-align: right;
}
Line 29 ⟶ 30:
line-height: 110%;
position: absolute;
top: -0.74em75em;
text-align: left;
}
 
.locmap .pv > div {
display: inline;
padding: 1px;
}
 
.locmap .pl > div {
display: inline; /* inline does not impact floated elements */
padding: 1px;
float: right;
}
 
.locmap .pr > div {
display: inline; /* inline does not impact floated elements */
padding: 1px;
float: left;
}
 
/* Dark mode theme: */
 
@media screen {
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;
}
 
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-night .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 .pl > div,
html.skin-theme-clientpref-os .od .pr > div {
/* 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;
}
}