You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
			
				
					326 lines
				
				7.0 KiB
			
		
		
			
		
	
	
					326 lines
				
				7.0 KiB
			| 
											4 years ago
										 | /* ================================================================== */ | ||
|  | /* Toolbars | ||
|  | /* ================================================================== */ | ||
|  | 
 | ||
|  | .leaflet-draw-section { | ||
|  | 	position: relative; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-toolbar { | ||
|  | 	margin-top: 12px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-toolbar-top { | ||
|  | 	margin-top: 0; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-toolbar-notop a:first-child { | ||
|  | 	border-top-right-radius: 0; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-toolbar-nobottom a:last-child { | ||
|  | 	border-bottom-right-radius: 0; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-toolbar a { | ||
|  | 	background-image: url('images/spritesheet.png'); | ||
|  | 	background-image: linear-gradient(transparent, transparent), url('images/spritesheet.svg'); | ||
|  | 	background-repeat: no-repeat; | ||
|  | 	background-size: 300px 30px; | ||
|  | 	background-clip: padding-box; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-retina .leaflet-draw-toolbar a { | ||
|  | 	background-image: url('images/spritesheet-2x.png'); | ||
|  | 	background-image: linear-gradient(transparent, transparent), url('images/spritesheet.svg'); | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw a { | ||
|  | 	display: block; | ||
|  | 	text-align: center; | ||
|  | 	text-decoration: none; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw a .sr-only { | ||
|  | 	position: absolute; | ||
|  | 	width: 1px; | ||
|  | 	height: 1px; | ||
|  | 	padding: 0; | ||
|  | 	margin: -1px; | ||
|  | 	overflow: hidden; | ||
|  | 	clip: rect(0, 0, 0, 0); | ||
|  | 	border: 0; | ||
|  | } | ||
|  | 
 | ||
|  | /* ================================================================== */ | ||
|  | /* Toolbar actions menu | ||
|  | /* ================================================================== */ | ||
|  | 
 | ||
|  | .leaflet-draw-actions { | ||
|  | 	display: none; | ||
|  | 	list-style: none; | ||
|  | 	margin: 0; | ||
|  | 	padding: 0; | ||
|  | 	position: absolute; | ||
|  | 	left: 26px; /* leaflet-draw-toolbar.left + leaflet-draw-toolbar.width */ | ||
|  | 	top: 0; | ||
|  | 	white-space: nowrap; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-touch .leaflet-draw-actions { | ||
|  | 	left: 32px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-right .leaflet-draw-actions { | ||
|  | 	right: 26px; | ||
|  | 	left: auto; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-touch .leaflet-right .leaflet-draw-actions { | ||
|  | 	right: 32px; | ||
|  | 	left: auto; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-actions li { | ||
|  | 	display: inline-block; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-actions li:first-child a { | ||
|  | 	border-left: none; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-actions li:last-child a { | ||
|  | 	-webkit-border-radius: 0 4px 4px 0; | ||
|  | 	border-radius: 0 4px 4px 0; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-right .leaflet-draw-actions li:last-child a { | ||
|  | 	-webkit-border-radius: 0; | ||
|  | 	border-radius: 0; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-right .leaflet-draw-actions li:first-child a { | ||
|  | 	-webkit-border-radius: 4px 0 0 4px; | ||
|  | 	border-radius: 4px 0 0 4px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-actions a { | ||
|  | 	background-color: #919187; | ||
|  | 	border-left: 1px solid #AAA; | ||
|  | 	color: #FFF; | ||
|  | 	font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif; | ||
|  | 	line-height: 28px; | ||
|  | 	text-decoration: none; | ||
|  | 	padding-left: 10px; | ||
|  | 	padding-right: 10px; | ||
|  | 	height: 28px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-touch .leaflet-draw-actions a { | ||
|  | 	font-size: 12px; | ||
|  | 	line-height: 30px; | ||
|  | 	height: 30px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-actions-bottom { | ||
|  | 	margin-top: 0; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-actions-top { | ||
|  | 	margin-top: 1px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-actions-top a, | ||
|  | .leaflet-draw-actions-bottom a { | ||
|  | 	height: 27px; | ||
|  | 	line-height: 27px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-actions a:hover { | ||
|  | 	background-color: #A0A098; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-actions-top.leaflet-draw-actions-bottom a { | ||
|  | 	height: 26px; | ||
|  | 	line-height: 26px; | ||
|  | } | ||
|  | 
 | ||
|  | /* ================================================================== */ | ||
|  | /* Draw toolbar | ||
|  | /* ================================================================== */ | ||
|  | 
 | ||
|  | .leaflet-draw-toolbar .leaflet-draw-draw-polyline { | ||
|  | 	background-position: -2px -2px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline { | ||
|  | 	background-position: 0 -1px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-toolbar .leaflet-draw-draw-polygon { | ||
|  | 	background-position: -31px -2px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon { | ||
|  | 	background-position: -29px -1px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-toolbar .leaflet-draw-draw-rectangle { | ||
|  | 	background-position: -62px -2px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle { | ||
|  | 	background-position: -60px -1px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-toolbar .leaflet-draw-draw-circle { | ||
|  | 	background-position: -92px -2px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle { | ||
|  | 	background-position: -90px -1px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-toolbar .leaflet-draw-draw-marker { | ||
|  | 	background-position: -122px -2px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker { | ||
|  | 	background-position: -120px -1px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker { | ||
|  | 	background-position: -273px -2px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker { | ||
|  | 	background-position: -271px -1px; | ||
|  | } | ||
|  | 
 | ||
|  | /* ================================================================== */ | ||
|  | /* Edit toolbar | ||
|  | /* ================================================================== */ | ||
|  | 
 | ||
|  | .leaflet-draw-toolbar .leaflet-draw-edit-edit { | ||
|  | 	background-position: -152px -2px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit { | ||
|  | 	background-position: -150px -1px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-toolbar .leaflet-draw-edit-remove { | ||
|  | 	background-position: -182px -2px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove { | ||
|  | 	background-position: -180px -1px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled { | ||
|  | 	background-position: -212px -2px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled { | ||
|  | 	background-position: -210px -1px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled { | ||
|  | 	background-position: -242px -2px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled { | ||
|  | 	background-position: -240px -2px; | ||
|  | } | ||
|  | 
 | ||
|  | /* ================================================================== */ | ||
|  | /* Drawing styles | ||
|  | /* ================================================================== */ | ||
|  | 
 | ||
|  | .leaflet-mouse-marker { | ||
|  | 	background-color: #fff; | ||
|  | 	cursor: crosshair; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-tooltip { | ||
|  | 	background: rgb(54, 54, 54); | ||
|  | 	background: rgba(0, 0, 0, 0.5); | ||
|  | 	border: 1px solid transparent; | ||
|  | 	-webkit-border-radius: 4px; | ||
|  | 	border-radius: 4px; | ||
|  | 	color: #fff; | ||
|  | 	font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif; | ||
|  | 	margin-left: 20px; | ||
|  | 	margin-top: -21px; | ||
|  | 	padding: 4px 8px; | ||
|  | 	position: absolute; | ||
|  | 	visibility: hidden; | ||
|  | 	white-space: nowrap; | ||
|  | 	z-index: 6; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-tooltip:before { | ||
|  | 	border-right: 6px solid black; | ||
|  | 	border-right-color: rgba(0, 0, 0, 0.5); | ||
|  | 	border-top: 6px solid transparent; | ||
|  | 	border-bottom: 6px solid transparent; | ||
|  | 	content: ""; | ||
|  | 	position: absolute; | ||
|  | 	top: 7px; | ||
|  | 	left: -7px; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-error-draw-tooltip { | ||
|  | 	background-color: #F2DEDE; | ||
|  | 	border: 1px solid #E6B6BD; | ||
|  | 	color: #B94A48; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-error-draw-tooltip:before { | ||
|  | 	border-right-color: #E6B6BD; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-tooltip-single { | ||
|  | 	margin-top: -12px | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-tooltip-subtext { | ||
|  | 	color: #f8d5e4; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-draw-guide-dash { | ||
|  | 	font-size: 1%; | ||
|  | 	opacity: 0.6; | ||
|  | 	position: absolute; | ||
|  | 	width: 5px; | ||
|  | 	height: 5px; | ||
|  | } | ||
|  | 
 | ||
|  | /* ================================================================== */ | ||
|  | /* Edit styles | ||
|  | /* ================================================================== */ | ||
|  | 
 | ||
|  | .leaflet-edit-marker-selected { | ||
|  | 	background-color: rgba(254, 87, 161, 0.1); | ||
|  | 	border: 4px dashed rgba(254, 87, 161, 0.6); | ||
|  | 	-webkit-border-radius: 4px; | ||
|  | 	border-radius: 4px; | ||
|  | 	box-sizing: content-box; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-edit-move { | ||
|  | 	cursor: move; | ||
|  | } | ||
|  | 
 | ||
|  | .leaflet-edit-resize { | ||
|  | 	cursor: pointer; | ||
|  | } | ||
|  | 
 | ||
|  | /* ================================================================== */ | ||
|  | /* Old IE styles | ||
|  | /* ================================================================== */ | ||
|  | 
 | ||
|  | .leaflet-oldie .leaflet-draw-toolbar { | ||
|  | 	border: 1px solid #999; | ||
|  | } |