MediaWiki:Gadget-MapTools.css

/*
	Styles for MapTools gadget
*/

/* Mobile-view page-actions menu: for MapTools and Poi2gpx */
.skin-minerva .content ul {
	list-style: square outside;
	padding-left: 1em;
}
.skin-minerva .content .tocUl, .skin-minerva .content .tocUl ul {
	list-style: none;
}
.skin-minerva .mw-indicator {
	margin: 0 !important;
	padding: 0.75em !important;
	height: 1.25em;
	color: #54595d;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 1px solid transparent;
	border-radius: 2px;
	font-weight: 500 !important;
	box-sizing: content-box !important;
	text-decoration: none;
}
.skin-minerva .mw-indicator:focus {
	border-color: #3366cc;
	box-shadow: inset 0 0 0 1px #3366cc,inset 0 0 0 2px #ffffff;
	outline: 0;
}
.skin-minerva .mw-indicator:active {
	border-color: #72777d;
	box-shadow: none;
	background-color: rgba(0,36,73,0.08235294);
}
.skin-minerva .mw-indicator:hover {
	background-color: rgba(0,0,0,0.03);
}
.skin-minerva .mw-indicator img {
	vertical-align: text-bottom;
	margin-right: 4px;
}
@media (max-width: 1000px) {
	.skin-minerva .mw-indicator {
		width: 1.25em;
		color: transparent;
	}
	.skin-minerva .mw-indicator img {
		margin-right: 0;
		vertical-align: 0;
	}
}

/* Map container */
#voy-topMap {
	height: 400px;
	border: 1px solid #c8ccd1;
	margin: 0.7em 0 1em;
}
#voy-articles-map {
	height: 600px;
	border: 1px solid #c8ccd1;
}
@media (max-width: 1300px) { /* laptop and smartphone support */
	#voy-articles-map {
		height: 450px;
	}
}
@media (max-width: 800px) {
	#voy-articles-map {
		height: 350px;
	}
}
@media (max-width: 600px) {
	#voy-articles-map {
		height: 300px;
	}
}

/* Caption marker */
.voy-caption-marker {
	font-size: 80%;
	min-width: 1em;
	display: inline-block;
	padding: 0 0.2em 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
}
.voy-caption-marker-invers {
	color: #000;
}

/* Close icon */
#voy-topMap .voy-icon-close, #voy-fullScreenMap .voy-icon-close, #voy-articles-map .voy-icon-close {
	background-image: url(/w/load.php?modules=oojs-ui.styles.icons-interactions&image=close&format=rasterized&lang=de&skin=vector&version=12ligfd);
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath d=%22M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z%22/%3E%3Cpath d=%22M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z%22/%3E%3C/svg%3E");
	background-position: center center;
}

/* Border of the map itself */
.mw-kartographer-container.thumb:not(.mw-kartographer-full) .thumbinner > .mw-kartographer-map {
	border: 1px solid #ccc;
	box-sizing: border-box;
}

/* Magnify symbol */
.mw-kartographer-container .magnify { /* magnify button of Minerva skin */
	float: right;
	margin-left: 3px;
	margin-right: 0;
	display: block !important;
}
.mw-kartographer-container div.magnify a {
	background-image: url(/w/resources/src/mediawiki.skinning/images/magnify-clip-ltr.png?4f704);
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22 standalone=%22no%22%3F%3E%0A%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 11 15%22 width=%2215%22 height=%2211%22%3E%0A %3Cg id=%22magnify-clip%22 fill=%22%23fff%22 stroke=%22%23000%22%3E%0A %3Cpath id=%22bigbox%22 d=%22M1.509 1.865h10.99v7.919h-10.99z%22/%3E%0A %3Cpath id=%22smallbox%22 d=%22M-1.499 6.868h5.943v4.904h-5.943z%22/%3E%0A %3C/g%3E%0A%3C/svg%3E%0A") !important;
	text-indent: 15px;
	white-space: nowrap;
	overflow: hidden;
	width: 15px;
	height: 11px;
	text-decoration: none;
}

/* Kartographer-Popup */
.leaflet-popup-content {
	width: 141px !important;
}
.leaflet-popup-content .marker-title {
	font-weight: normal;
}
.leaflet-popup-content img {
	display: block;
	width: 100% !important;
	height: auto !important;
}
.leaflet-container img {
    border: none;
}

/* Layers control */
.mw-kartographer-interactive .leaflet-control-layers-expanded {
	overflow-x: hidden;
	overflow-y: auto;
	width: 200px;
}
@media print {
	.leaflet-bar, .leaflet-control {
		display: none;
	}
}