/* ================================================================== */ /* Toolbars /* ================================================================== */ .leaflet-container .leaflet-draw { margin-left: 13px; margin-top: 12px; } .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-repeat: no-repeat; } .leaflet-draw a { display: block; text-align: center; text-decoration: none; } /* ================================================================== */ /* 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; } .leaflet-draw-actions li { float: left; } .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-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; width: 50px; height: 28px; } .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-draw-toolbar .leaflet-draw-draw-polygon { background-position: -31px -2px; } .leaflet-draw-toolbar .leaflet-draw-draw-rectangle { background-position: -62px -2px; } .leaflet-draw-toolbar .leaflet-draw-draw-circle { background-position: -92px -2px; } .leaflet-draw-toolbar .leaflet-draw-draw-marker { background-position: -122px -2px; } /* ================================================================== */ /* Edit toolbar /* ================================================================== */ .leaflet-draw-toolbar .leaflet-draw-edit-edit { background-position: -152px -2px; } .leaflet-draw-toolbar .leaflet-draw-edit-remove { background-position: -182px -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; 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: rgba(254, 87, 161, 0.1); border: 4px dashed rgba(254, 87, 161, 0.6); -webkit-border-radius: 4px; border-radius: 4px; } .leaflet-edit-move { cursor: move; } .leaflet-edit-resize { cursor: pointer; }