.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.svg"); background-image: linear-gradient(transparent, transparent), url("images/spritesheet.svg"); background-repeat: no-repeat; background-size: 500px 50px; background-clip: padding-box; } .leaflet-retina .leaflet-draw-toolbar a { background-image: url("images/spritesheet.svg"); 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; } .leaflet-draw-actions { display: none; list-style: none; margin: 0; padding: 0; position: absolute; left: 26px; 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: 0; } .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: 14px/22px "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; } .leaflet-draw-toolbar .leaflet-draw-draw-polyline { background-position: -2px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline { background-position: -3px -6px; } .leaflet-draw-toolbar .leaflet-draw-draw-polygon { background-position: -31px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon { background-position: -52px -6px; } .leaflet-draw-toolbar .leaflet-draw-draw-rectangle { background-position: -62px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle { background-position: -105px -6px; } .leaflet-draw-toolbar .leaflet-draw-draw-circle { background-position: -92px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle { background-position: -156px -6px; } .leaflet-draw-toolbar .leaflet-draw-draw-marker { background-position: -207px -7px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker { background-position: -207px -7px; } .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker { background-position: -273px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker { background-position: -463px -6px; } .leaflet-draw-toolbar .leaflet-draw-edit-edit { background-position: -182px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit { background-position: -257px -6px; } .leaflet-draw-toolbar .leaflet-draw-edit-remove { background-position: -222px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove { background-position: -309px -6px; } .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: -257px -6px; } .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: -309px -6px; } .leaflet-mouse-marker { background-color: #fff; cursor: crosshair; } .leaflet-draw-tooltip { background: #363636; 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; } .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; } .leaflet-oldie .leaflet-draw-toolbar { border: 1px solid #999; }