Jump to content

Module:Coordinates/sandbox/styles.css

From Shark's Hypothetical Weather
Revision as of 12:36, 2 May 2025 by Sharkius (talk | contribs) (Created page with "Geographical coordinates defaults. The classes "geo", "longitude", and "latitude" are used by the [[Geo microformat]].: .geo-default, .geo-dms, .geo-dec { display: inline; } .geo-nondefault, .geo-multi-punct, .geo-inline-hidden { display: none; } .longitude, .latitude { white-space: nowrap; } .coord-geohack, .wmamapbutton { display:none; } /** * Kartographer does not work properly if zoomed in on the desktop site * on a mobile/tablet device - either crashe...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
/* Geographical coordinates defaults. The classes "geo", "longitude", and
"latitude" are used by the [[Geo microformat]]. */
.geo-default,
.geo-dms,
.geo-dec {
	display: inline;
}

.geo-nondefault,
.geo-multi-punct,
.geo-inline-hidden {
	display: none;
}

.longitude,
.latitude {
	white-space: nowrap;
}

.coord-geohack,
.wmamapbutton {
	display:none;
}

/**
 * Kartographer does not work properly if zoomed in on the desktop site
 * on a mobile/tablet device - either crashes or does not respond to touch events properly.
 * So display geohack link for the desktop site on a touchscreen device.
**/
@media screen and (pointer: coarse) {
	body:not(.skin-minerva) .coord-kartographer {
		display: none;
	}
	body:not(.skin-minerva) .coord-geohack,
	body:not(.skin-minerva) .wmamapbutton {
		display: inline;
	}
}

/* The geohack link is a better fallback for non-JS users */
html.client-nojs .coord-kartographer {
	display: none;
}
html.client-nojs .coord-geohack {
	display: inline;
}