Template:Coord/styles.css

/* Position coordinates for vector skin */
body.skin-vector #coordinates {
	position: absolute;
	top: 0;
	right: 0;
	float: right;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	text-align: right;
	text-indent: 0;
	font-size: 85%;
	text-transform: none;
	white-space: nowrap;
}
/* correct position for vector skin VE */
body.skin-vector .ve-ce-surface-enabled #coordinates {
	margin-right: 2em;
	margin-top: -1em;
}
body.skin-vector .mw-indicator #coordinates {
	position: absolute;
	top: 3em;
	right: 0;
	line-height: 1.6;
	text-align: right;
	font-size: 92%;
	white-space: nowrap;
}

/* Position coordinates for monobook skin */
body.skin-monobook #coordinates {  
	position: absolute;
	z-index: 1;
	border: none;
	background: none;
	right: 0;
	top: 3.7em;
	float: right;
	margin: 0;
	padding: 0;
	padding-right: 30px;
	line-height: 1.5em;
	text-align: right;
	text-indent: 0;
	font-size: 85%;
	text-transform: none;
	white-space: nowrap;
}
/* Prep for moving coordinates into mw-indicator for monobook skin */
body.skin-monobook .mw-indicator #coordinates {
	position: absolute;
	right: 1em;
	top: 3.7em;
	text-align: right;
	font-size: 85%;
	white-space: nowrap;
	padding: 0; /* override for #coordinates */
	line-height: 1; /* override for #coordinates */
}

body.skin-monobook .ve-ce-surface-enabled #coordinates {
	margin-top: -3em;
}

/* Position coordinates for modern skin */
body.skin-modern #coordinates {
	position: absolute;
	z-index: 1;
	border: none;
	background: none;
	right: 1.17em;
	top: 6.1em;
	float: right;
	margin: 0;
	padding: 0;
	padding-right: 1.17em;
	line-height: 1.5em;
	text-align: right;
	text-indent: 0;
	font-size: 85%;
	text-transform: none;
	white-space: nowrap;
}

/* important to keep the text predictably positioned for modern skin */
body.skin-modern #coordinates img {
	vertical-align: top;
}

/* Position coordinates for Cologneblue skin */
body.skin-cologneblue #coordinates {  
	position: absolute;
	z-index: 1;
	border: none;
	background: none;
	left: 9px;
	top: 5.7em;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	text-align: left;
	text-indent: 0;
	font-size: 85%;
	text-transform: none;
	white-space: nowrap;
}

/* Position coordinates for timeless skin */
body.skin-timeless #coordinates {
	position: absolute;
	top: 6.5em;
	right: 3em;
	float: right;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	text-align: right;
	text-indent: 0;
	font-size: 85%;
	text-transform: none;
	white-space: nowrap;
}
/* correct position for timeless skin VE */
body.skin-timeless .ve-ce-surface-enabled #coordinates {
	margin-top: -13em;
}
/* mobile: hide coordinates until we find a better spot */
@media screen and ( max-width: 719px ) {
	body.skin-timeless #coordinates {
		display: none;
	}
}

/* Geographical coordinates defaults. See [[Template:Coord/link]]
   for how these are used. 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;
}