Wikipedia

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

Browse history interactively
← Previous edit
Content deleted Content added
Jackmcbarn (talk | contribs)
31,380 edits
make it more clear what's what
per tper
 
(11 intermediate revisions by 2 users not shown)
Line 1:
/* {{pp|small=yes}} */
/* The "Outer Div" for marks, which contains both the mark itself and the text label */
.locmap .od {
position: absolute;
}
 
/* The "Image Div" for marks, which contains the mark itself */
.locmap .id {
position: absolute;
Line 10 ⟶ 9:
}
 
/* The "Label Div" for marks when the size is 0, used when the label should be searchable and focusable with the keyboard, but be completely invisible otherwise */
.locmap .l0 {
font-size: 0%;
position: absolute;
}
 
/* The "Label Div" for marks when the label is to be positioned vertically (above or below the mark) */
.locmap .pv {
line-height: 110%;
position: absolute;
text-align: center;
}▼
.locmap .pv>div {▼
display: inline;
padding: 1px;▼
}
 
/* The "Label Div" for marks when the label is to be positioned to the left of the mark */
.locmap .pl {
line-height: 110%;
Line 33 ⟶ 25:
top: -0.75em;
text-align: right;
}▼
.locmap .pl>div {▼
display: inline;
padding: 1px;▼
float: right;▼
}
 
/* The "Label Div" for marks when the label is to be positioned to the right of the mark */
.locmap .pr {
line-height: 110%;
Line 47 ⟶ 33:
text-align: left;
}
 
.locmap .pr>div {▼
▲.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;
}
}
Retrieved from "https://en.wikipedia.org/wiki/Module:Location_map/styles.css"