Module:Location map/styles.css: Difference between revisions

Jump to navigation Jump to search
imported>Jackmcbarn
(make it more clear what's what)
imported>Izno
(sync from template version)
Line 1: Line 1:
/* The "Outer Div" for marks, which contains both the mark itself and the text label */
/* protect template */
.locmap .od {
.locmap .od {
position: absolute;
position: absolute;
}
}


/* The "Image Div" for marks, which contains the mark itself */
.locmap .id {
.locmap .id {
position: absolute;
position: absolute;
Line 10: Line 9:
}
}


/* The "Label Div" for marks when the size is 0, used when the label should be searchable and focusable with the keyboard, but be completely invisible otherwise */
.locmap .l0 {
.locmap .l0 {
font-size: 0%;
font-size: 0;
position: absolute;
position: absolute;
}
}


/* The "Label Div" for marks when the label is to be positioned vertically (above or below the mark) */
.locmap .pv {
.locmap .pv {
line-height: 110%;
line-height: 110%;
position: absolute;
position: absolute;
text-align: center;
text-align: center;
}
.locmap .pv>div {
display: inline;
padding: 1px;
}
}


/* The "Label Div" for marks when the label is to be positioned to the left of the mark */
.locmap .pl {
.locmap .pl {
line-height: 110%;
line-height: 110%;
Line 33: Line 25:
top: -0.75em;
top: -0.75em;
text-align: right;
text-align: right;
}
.locmap .pl>div {
display: inline;
padding: 1px;
float: right;
}
}


/* The "Label Div" for marks when the label is to be positioned to the right of the mark */
.locmap .pr {
.locmap .pr {
line-height: 110%;
line-height: 110%;
Line 47: Line 33:
text-align: left;
text-align: left;
}
}
.locmap .pr>div {
 
.locmap .pv > div {
display: inline;
display: inline;
padding: 1px;
}
.locmap .pl > div {
display: inline; /* inline does not impact floated elements */
padding: 1px;
float: right;
}
.locmap .pr > div {
display: inline; /* inline does not impact floated elements */
padding: 1px;
padding: 1px;
float: left;
float: left;
}
}

Revision as of 19:09, 2 January 2021

/* protect template */
.locmap .od {
	position: absolute;
}

.locmap .id {
	position: absolute;
	line-height: 0;
}

.locmap .l0 {
	font-size: 0;
	position: absolute;
}

.locmap .pv {
	line-height: 110%;
	position: absolute;
	text-align: center;
}

.locmap .pl {
	line-height: 110%;
	position: absolute;
	top: -0.75em;
	text-align: right;
}

.locmap .pr {
	line-height: 110%;
	position: absolute;
	top: -0.75em;
	text-align: left;
}

.locmap .pv > div {
	display: inline;
	padding: 1px;
}

.locmap .pl > div {
	display: inline; /* inline does not impact floated elements */
	padding: 1px;
	float: right;
}

.locmap .pr > div {
	display: inline; /* inline does not impact floated elements */
	padding: 1px;
	float: left;
}