/* required styles */ .leaflet-map-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-pane, .leaflet-overlay-pane, .leaflet-shadow-pane, .leaflet-marker-pane, .leaflet-popup-pane, .leaflet-overlay-pane svg, .leaflet-zoom-box, .leaflet-image-layer { /* TODO optimize classes */ position: absolute; } .leaflet-container { overflow: hidden; } .leaflet-tile-pane { -webkit-transform: translate3d(0,0,0); } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -moz-user-select: none; -webkit-user-select: none; } .leaflet-tile { visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } .leaflet-clickable { cursor: pointer; } .leaflet-tile-pane { z-index: 2; } .leaflet-overlay-pane { z-index: 3; } .leaflet-shadow-pane { z-index: 4; } .leaflet-marker-pane { z-index: 5; } .leaflet-popup-pane { z-index: 6; } .leaflet-animating .leaflet-marker-pane, .leaflet-animating .leaflet-shadow-pane, .leaflet-animating .leaflet-popup-pane, .leaflet-animating .leaflet-overlay-pane { visibility: hidden; } .leaflet-zoom-box { width: 0; height: 0; } /* Popup layout */ .leaflet-popup { position: absolute; text-align: center; -webkit-transform: translate3d(0,0,0); } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; } .leaflet-popup-content { margin: 19px; } .leaflet-popup-tip-container { margin: 0 auto; width: 40px; height: 16px; position: relative; overflow: hidden; } .leaflet-popup-tip { width: 15px; height: 15px; padding: 1px; margin: -8px auto 0; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .leaflet-popup-close-button { position: absolute; top: 9px; right: 9px; width: 8px; height: 8px; padding: 1px; overflow: hidden; } .leaflet-popup-content p { margin: 18px 0; } /* Visual appearance, feel free to override */ .leaflet-container { background: #ddd; } .leaflet-zoom-box { border: 2px dotted #05f; background: white; opacity: 0.5; } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; box-shadow: 0 1px 10px #888; -moz-box-shadow: 0 1px 10px #888; -webkit-box-shadow: 0 1px 14px #999; } .leaflet-popup-content-wrapper { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } .leaflet-popup-content { font: 12px/1.4 Arial, Helvetica, sans-serif; } .leaflet-popup-close-button { background: white url(images/popup-close.png); }