MediaWiki:DataMaps.css: Difference between revisions
Jump to navigation
Jump to search
Region outline + region label styles |
Styles for label-only (region name) markers: hidden icon, italic clickable name |
||
| Line 28: | Line 28: | ||
} | } | ||
/* Cities, strongholds, themed sites and the party keep their labels at every zoom; | /* Cities, strongholds, themed sites and the party keep their labels at every zoom; | ||
towns, ruins | towns, ruins and rumours only once zoomed in a little. */ | ||
.ext-datamaps-container[data-dn-label-tier="far"] .leaflet-tooltip.dn-map-label-minor { | .ext-datamaps-container[data-dn-label-tier="far"] .leaflet-tooltip.dn-map-label-minor { | ||
display: none; | display: none; | ||
} | |||
/* Label-only markers (wilds: forests, hills, moors, roads, seas): no icon, an italic name | |||
centred on the feature, like the printed maps. */ | |||
.ext-datamaps-container .leaflet-marker-icon.dn-icon-hidden { | |||
opacity: 0; | |||
} | |||
.ext-datamaps-container .leaflet-tooltip.dn-map-label-only { | |||
font-style: italic; | |||
font-weight: 600; | |||
font-size: 14px; | |||
letter-spacing: 0.08em; | |||
color: #35471c; | |||
} | |||
.ext-datamaps-container .leaflet-tooltip.dn-map-label-link { | |||
pointer-events: auto; | |||
cursor: pointer; | |||
} | |||
.ext-datamaps-container .leaflet-tooltip.dn-map-label-link:hover { | |||
text-decoration: underline; | |||
color: #1f2d0f; | |||
} | } | ||
Latest revision as of 20:54, 29 August 2026
/* Interactive maps (Extension:DataMaps) site styles. Labels and regions are bound in MediaWiki:DataMaps.js. */
/* Leaflet's own tooltip stylesheet loads after this one, so out-specify it. */
.ext-datamaps-container .leaflet-tooltip.dn-map-label {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0;
margin: 0;
font-family: Georgia, "Palatino Linotype", "Book Antiqua", serif;
font-size: 14px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.02em;
color: #1b1b1b;
text-shadow:
0 0 2px #fff, 0 0 3px #fff, 0 0 5px #fff,
1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
white-space: nowrap;
pointer-events: none;
}
.ext-datamaps-container .leaflet-tooltip.dn-map-label::before {
display: none; /* no tooltip arrow */
}
.ext-datamaps-container .leaflet-tooltip.dn-map-label-mini {
font-size: 11px;
}
/* Cities, strongholds, themed sites and the party keep their labels at every zoom;
towns, ruins and rumours only once zoomed in a little. */
.ext-datamaps-container[data-dn-label-tier="far"] .leaflet-tooltip.dn-map-label-minor {
display: none;
}
/* Label-only markers (wilds: forests, hills, moors, roads, seas): no icon, an italic name
centred on the feature, like the printed maps. */
.ext-datamaps-container .leaflet-marker-icon.dn-icon-hidden {
opacity: 0;
}
.ext-datamaps-container .leaflet-tooltip.dn-map-label-only {
font-style: italic;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.08em;
color: #35471c;
}
.ext-datamaps-container .leaflet-tooltip.dn-map-label-link {
pointer-events: auto;
cursor: pointer;
}
.ext-datamaps-container .leaflet-tooltip.dn-map-label-link:hover {
text-decoration: underline;
color: #1f2d0f;
}
/* Region outlines on the overview map (Map:Faerun) */
.ext-datamaps-container .dn-region {
cursor: pointer;
}
.ext-datamaps-container .leaflet-tooltip.dn-region-label {
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
font-family: Georgia, "Palatino Linotype", "Book Antiqua", serif;
font-size: 22px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: 0.06em;
color: #2a1d0c;
text-shadow:
0 0 3px #fff, 0 0 6px #fff, 0 0 10px #fff,
1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
white-space: nowrap;
pointer-events: none;
}
.ext-datamaps-container .leaflet-tooltip.dn-region-label::before {
display: none;
}