]> git.openstreetmap.org Git - rails.git/blobdiff - vendor/assets/leaflet/leaflet.css
Update to Leaflet 0.7.5
[rails.git] / vendor / assets / leaflet / leaflet.css
index 346fab996cb763958cbcd73fc7ecd7b17bc424cc..ac0cd174df7fac89d74525d1b06dc79b38af7964 100644 (file)
@@ -1,12 +1,16 @@
 /* required styles */\r
 \r
-.leaflet-pane,\r
+.leaflet-map-pane,\r
 .leaflet-tile,\r
 .leaflet-marker-icon,\r
 .leaflet-marker-shadow,\r
+.leaflet-tile-pane,\r
 .leaflet-tile-container,\r
-.leaflet-map-pane svg,\r
-.leaflet-map-pane canvas,\r
+.leaflet-overlay-pane,\r
+.leaflet-shadow-pane,\r
+.leaflet-marker-pane,\r
+.leaflet-popup-pane,\r
+.leaflet-overlay-pane svg,\r
 .leaflet-zoom-box,\r
 .leaflet-image-layer,\r
 .leaflet-layer {\r
@@ -17,7 +21,6 @@
 .leaflet-container {\r
        overflow: hidden;\r
        -ms-touch-action: none;\r
-       touch-action: none;\r
        }\r
 .leaflet-tile,\r
 .leaflet-marker-icon,\r
        -webkit-user-select: none;\r
           -moz-user-select: none;\r
                user-select: none;\r
-         -webkit-user-drag: none;\r
-       }\r
-/* Safari renders non-retina tile on retina better with this, but Chrome is worse */\r
-.leaflet-safari .leaflet-tile {\r
-       image-rendering: -webkit-optimize-contrast;\r
-       }\r
-/* hack that prevents hw layers "stretching" when loading new tiles */\r
-.leaflet-safari .leaflet-tile-container {\r
-       width: 1600px;\r
-       height: 1600px;\r
-       -webkit-transform-origin: 0 0;\r
+       -webkit-user-drag: none;\r
        }\r
 .leaflet-marker-icon,\r
 .leaflet-marker-shadow {\r
        display: block;\r
        }\r
-/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */\r
-/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */\r
-.leaflet-container .leaflet-overlay-pane svg,\r
-.leaflet-container .leaflet-marker-pane img,\r
-.leaflet-container .leaflet-tile-pane img,\r
-.leaflet-container img.leaflet-image-layer {\r
+/* map is broken in FF if you have max-width: 100% on tiles */\r
+.leaflet-container img {\r
        max-width: none !important;\r
        }\r
+/* stupid Android 2 doesn't understand "max-width: none" properly */\r
+.leaflet-container img.leaflet-image-layer {\r
+       max-width: 15000px !important;\r
+       }\r
 .leaflet-tile {\r
        filter: inherit;\r
        visibility: hidden;\r
 .leaflet-zoom-box {\r
        width: 0;\r
        height: 0;\r
-       -moz-box-sizing: border-box;\r
-            box-sizing: border-box;\r
-       z-index: 800;\r
        }\r
 /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */\r
 .leaflet-overlay-pane svg {\r
        -moz-user-select: none;\r
        }\r
 \r
-.leaflet-pane         { z-index: 400; }\r
-\r
-.leaflet-tile-pane    { z-index: 200; }\r
-.leaflet-overlay-pane { z-index: 400; }\r
-.leaflet-shadow-pane  { z-index: 500; }\r
-.leaflet-marker-pane  { z-index: 600; }\r
-.leaflet-popup-pane   { z-index: 700; }\r
-\r
-.leaflet-map-pane canvas { z-index: 100; }\r
-.leaflet-map-pane svg    { z-index: 200; }\r
+.leaflet-tile-pane    { z-index: 2; }\r
+.leaflet-objects-pane { z-index: 3; }\r
+.leaflet-overlay-pane { z-index: 4; }\r
+.leaflet-shadow-pane  { z-index: 5; }\r
+.leaflet-marker-pane  { z-index: 6; }\r
+.leaflet-popup-pane   { z-index: 7; }\r
 \r
 .leaflet-vml-shape {\r
        width: 1px;\r
@@ -94,7 +80,7 @@
 \r
 .leaflet-control {\r
        position: relative;\r
-       z-index: 800;\r
+       z-index: 7;\r
        pointer-events: auto;\r
        }\r
 .leaflet-top,\r
 \r
 /* zoom and fade animations */\r
 \r
-.leaflet-fade-anim .leaflet-tile {\r
-       will-change: opacity;\r
-       }\r
+.leaflet-fade-anim .leaflet-tile,\r
 .leaflet-fade-anim .leaflet-popup {\r
        opacity: 0;\r
        -webkit-transition: opacity 0.2s linear;\r
             -o-transition: opacity 0.2s linear;\r
                transition: opacity 0.2s linear;\r
        }\r
+.leaflet-fade-anim .leaflet-tile-loaded,\r
 .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {\r
        opacity: 1;\r
        }\r
-.leaflet-zoom-animated {\r
-       -webkit-transform-origin: 0 0;\r
-           -ms-transform-origin: 0 0;\r
-               transform-origin: 0 0;\r
-       }\r
-.leaflet-zoom-anim .leaflet-zoom-animated {\r
-       will-change: transform;\r
-       }\r
+\r
 .leaflet-zoom-anim .leaflet-zoom-animated {\r
        -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);\r
           -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);\r
                transition:         transform 0.25s cubic-bezier(0,0,0.25,1);\r
        }\r
 .leaflet-zoom-anim .leaflet-tile,\r
-.leaflet-pan-anim .leaflet-tile {\r
+.leaflet-pan-anim .leaflet-tile,\r
+.leaflet-touching .leaflet-zoom-animated {\r
        -webkit-transition: none;\r
           -moz-transition: none;\r
             -o-transition: none;\r
 \r
 /* cursors */\r
 \r
-.leaflet-interactive {\r
+.leaflet-clickable {\r
        cursor: pointer;\r
        }\r
-.leaflet-grab {\r
+.leaflet-container {\r
        cursor: -webkit-grab;\r
        cursor:    -moz-grab;\r
        }\r
-.leaflet-crosshair,\r
-.leaflet-crosshair .leaflet-interactive {\r
-       cursor: crosshair;\r
-       }\r
 .leaflet-popup-pane,\r
 .leaflet-control {\r
        cursor: auto;\r
        }\r
-.leaflet-dragging .leaflet-grab,\r
-.leaflet-dragging .leaflet-grab .leaflet-interactive,\r
-.leaflet-dragging .leaflet-marker-draggable {\r
+.leaflet-dragging .leaflet-container,\r
+.leaflet-dragging .leaflet-clickable {\r
        cursor: move;\r
        cursor: -webkit-grabbing;\r
        cursor:    -moz-grabbing;\r
        color: #333;\r
        background: #fff;\r
        }\r
-.leaflet-control-layers-scrollbar {\r
-       overflow-y: scroll;\r
-       padding-right: 5px;\r
-       }\r
 .leaflet-control-layers-selector {\r
        margin-top: 2px;\r
        position: relative;\r
 .leaflet-popup-content-wrapper,\r
 .leaflet-popup-tip {\r
        background: white;\r
-       color: #333;\r
+\r
        box-shadow: 0 3px 14px rgba(0,0,0,0.4);\r
        }\r
 .leaflet-container a.leaflet-popup-close-button {\r
        top: 0;\r
        right: 0;\r
        padding: 4px 4px 0 0;\r
-       border: none;\r
        text-align: center;\r
        width: 18px;\r
        height: 14px;\r