Module:Coordinates/sandbox/styles.css

/* {{pp-template}} */
/* 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 {
	display: none;
}

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

#coordinates {
	margin: 0;
	padding: 0;
	text-align: right;
	white-space: nowrap;
}

body.skin-vector-2022 #coordinates {
	/* inline with the other indicators */
}
body.skin-vector-legacy #coordinates {
	/* Position below line on legacy */
	position: absolute;
	top: 3.5em;
	right: 0;
	line-height: 1.6; /* why ? */
}
/* correct position for VE (Do we still need this with indicators ? */
body.skin-vector-legacy .ve-ce-surface-enabled #coordinates {
	margin-right: 2em;
	margin-top: -1em;
}
body.skin-vector-monobook #coordinates {
	position: absolute;
	right: 1em;
	top: 3.7em;
	
	padding: 0; /* override for #coordinates */
	line-height: 1; /* override for #coordinates */
}
body.skin-vector-timeless #coordinates {
	position: absolute;
	top: 0.25em;
	right: 0;
	line-height: 1.5em;
	font-size: 85%;
	text-transform: none;
}
/* correct position for VE */
body.skin-vector-timeless .ve-ce-surface-enabled #coordinates {
	margin-right: 3em;
	margin-top: -6.25em; /* this value was broken in the skin */
}

/* mobile: hide coordinates until we find a better spot */
@media screen and ( max-width: 719px ) {
	body.skin-vector-timeless #coordinates {
		display: none;
	}
}

body.skin-minerva #coordinates {
	display: none;
}