Module:Location map/sandbox/styles.css

.locmap .od { position: absolute; }

.locmap .id, .locmap .l0 { font-size: 0; position: absolute; }

.locmap .pv { line-height: 110%; position: absolute; text-align: center; }

.locmap .pvc { line-height: 80%; position: absolute; text-align: center; }

.locmap .pl { line-height: 110%; position: absolute; top: -0.75em; text-align: right; }

.locmap .plc { line-height: 80%; position: absolute; top: -0.4em; text-align: right; }

.locmap .pr { line-height: 110%; position: absolute; top: -0.75em; text-align: left; }

.locmap .prc { line-height: 80%; position: absolute; top: -0.4em; text-align: left; }

.locmap .pv > div { display: inline; padding: 1px; }

.locmap .pvc > div { display: inline; }

.locmap .pl > div { display: inline; /* inline does not impact floated elements */ padding: 1px; float: right; }

.locmap .plc > div { display: inline; float: right; }

.locmap .pr > div { display: inline; /* inline does not impact floated elements */ padding: 1px; float: left; }

.locmap .prc > div { display: inline; float: left; }

/* Dark mode theme: */ html.skin-theme-clientpref-night .od, html.skin-theme-clientpref-night .od .pv > div, html.skin-theme-clientpref-night .od .pvc > div, html.skin-theme-clientpref-night .od .pl > div, html.skin-theme-clientpref-night .od .plc > div, html.skin-theme-clientpref-night .od .pr > div, html.skin-theme-clientpref-night .od .prc > div { background: #000; color: #fff; }

html.skin-theme-clientpref-night .locmap { filter: grayscale(0.6); }

@media (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .locmap { filter: grayscale(0.6); } html.skin-theme-clientpref-os .od, html.skin-theme-clientpref-os .od .pv > div, html.skin-theme-clientpref-os .od .pvc > div, html.skin-theme-clientpref-os .od .pl > div, html.skin-theme-clientpref-os .od .plc > div, html.skin-theme-clientpref-os .od .pr > div, html.skin-theme-clientpref-os .od .prc > div { background: #000; color: #fff; } }