MediaWiki:DataMaps.css: Difference between revisions

From Deez Nuts' Sword Coast Campaign
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, wilds and rumours only once zoomed in a little. */
   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;
}