Merge pull request #1899 from mtmail/use-new-dsn-format-in-vagrant-md

[nominatim.git] / website / css / leaflet.css

diff --git a/website/css/leaflet.css b/website/css/leaflet.css
index c6d920a0b25aea70d1854477cd85bc9322061ef8..983d60592b03fde5c798b4933e9419f9f1f885ba 100644 (file)
--- a/website/css/leaflet.css
+++ b/website/css/leaflet.css
@@ -25,6 +25,10 @@
                user-select: none;\r
          -webkit-user-drag: none;\r
        }\r
                user-select: none;\r
          -webkit-user-drag: none;\r
        }\r

+/* Prevents IE11 from highlighting tiles in blue */\r
+.leaflet-tile::selection {\r
+       background: transparent;\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
 /* 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


@@ -45,8 +49,10 @@
 .leaflet-container .leaflet-marker-pane img,\r
 .leaflet-container .leaflet-shadow-pane img,\r
 .leaflet-container .leaflet-tile-pane img,\r
 .leaflet-container .leaflet-marker-pane img,\r
 .leaflet-container .leaflet-shadow-pane img,\r
 .leaflet-container .leaflet-tile-pane img,\r

-.leaflet-container img.leaflet-image-layer {\r
+.leaflet-container img.leaflet-image-layer,\r
+.leaflet-container .leaflet-tile {\r

        max-width: none !important;\r
        max-width: none !important;\r

+       max-height: none !important;\r

        }\r
 \r
 .leaflet-container.leaflet-touch-zoom {\r
        }\r
 \r
 .leaflet-container.leaflet-touch-zoom {\r


@@ -55,11 +61,20 @@
        }\r
 .leaflet-container.leaflet-touch-drag {\r
        -ms-touch-action: pinch-zoom;\r
        }\r
 .leaflet-container.leaflet-touch-drag {\r
        -ms-touch-action: pinch-zoom;\r

-       }\r
+       /* Fallback for FF which doesn't support pinch-zoom */\r
+       touch-action: none;\r
+       touch-action: pinch-zoom;\r
+}\r

 .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {\r
        -ms-touch-action: none;\r
        touch-action: none;\r
 }\r
 .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {\r
        -ms-touch-action: none;\r
        touch-action: none;\r
 }\r

+.leaflet-container {\r
+       -webkit-tap-highlight-color: transparent;\r
+}\r
+.leaflet-container a {\r
+       -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);\r
+}\r

 .leaflet-tile {\r
        filter: inherit;\r
        visibility: hidden;\r
 .leaflet-tile {\r
        filter: inherit;\r
        visibility: hidden;\r


@@ -158,7 +173,6 @@
        opacity: 0;\r
        -webkit-transition: opacity 0.2s linear;\r
           -moz-transition: opacity 0.2s linear;\r
        opacity: 0;\r
        -webkit-transition: opacity 0.2s linear;\r
           -moz-transition: opacity 0.2s linear;\r

-            -o-transition: opacity 0.2s linear;\r

                transition: opacity 0.2s linear;\r
        }\r
 .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {\r
                transition: opacity 0.2s linear;\r
        }\r
 .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {\r


@@ -175,14 +189,12 @@
 .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
 .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

-            -o-transition:      -o-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
        -webkit-transition: none;\r
           -moz-transition: none;\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
        -webkit-transition: none;\r
           -moz-transition: none;\r

-            -o-transition: none;\r

                transition: none;\r
        }\r
 \r
                transition: none;\r
        }\r
 \r


@@ -199,6 +211,7 @@
 .leaflet-grab {\r
        cursor: -webkit-grab;\r
        cursor:    -moz-grab;\r
 .leaflet-grab {\r
        cursor: -webkit-grab;\r
        cursor:    -moz-grab;\r

+       cursor:         grab;\r

        }\r
 .leaflet-crosshair,\r
 .leaflet-crosshair .leaflet-interactive {\r
        }\r
 .leaflet-crosshair,\r
 .leaflet-crosshair .leaflet-interactive {\r


@@ -214,6 +227,7 @@
        cursor: move;\r
        cursor: -webkit-grabbing;\r
        cursor:    -moz-grabbing;\r
        cursor: move;\r
        cursor: -webkit-grabbing;\r
        cursor:    -moz-grabbing;\r

+       cursor:         grabbing;\r

        }\r
 \r
 /* marker & overlays interactivity */\r
        }\r
 \r
 /* marker & overlays interactivity */\r


@@ -227,7 +241,8 @@
 \r
 .leaflet-marker-icon.leaflet-interactive,\r
 .leaflet-image-layer.leaflet-interactive,\r
 \r
 .leaflet-marker-icon.leaflet-interactive,\r
 .leaflet-image-layer.leaflet-interactive,\r

-.leaflet-pane > svg path.leaflet-interactive {\r
+.leaflet-pane > svg path.leaflet-interactive,\r
+svg.leaflet-image-layer.leaflet-interactive path {\r

        pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */\r
        pointer-events: auto;\r
        }\r
        pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */\r
        pointer-events: auto;\r
        }\r


@@ -303,7 +318,14 @@
        height: 30px;\r
        line-height: 30px;\r
        }\r
        height: 30px;\r
        line-height: 30px;\r
        }\r

-\r
+.leaflet-touch .leaflet-bar a:first-child {\r
+       border-top-left-radius: 2px;\r
+       border-top-right-radius: 2px;\r
+       }\r
+.leaflet-touch .leaflet-bar a:last-child {\r
+       border-bottom-left-radius: 2px;\r
+       border-bottom-right-radius: 2px;\r
+       }\r

 \r
 /* zoom control */\r
 \r
 \r
 /* zoom control */\r
 \r


@@ -312,16 +334,10 @@
        font: bold 18px 'Lucida Console', Monaco, monospace;\r
        text-indent: 1px;\r
        }\r
        font: bold 18px 'Lucida Console', Monaco, monospace;\r
        text-indent: 1px;\r
        }\r

-.leaflet-control-zoom-out {\r
-       font-size: 20px;\r
-       }\r

 \r
 \r

-.leaflet-touch .leaflet-control-zoom-in {\r
+.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {\r

        font-size: 22px;\r
        }\r
        font-size: 22px;\r
        }\r

-.leaflet-touch .leaflet-control-zoom-out {\r
-       font-size: 24px;\r
-       }\r

 \r
 \r
 /* layers control */\r
 \r
 \r
 /* layers control */\r


@@ -359,6 +375,7 @@
        }\r
 .leaflet-control-layers-scrollbar {\r
        overflow-y: scroll;\r
        }\r
 .leaflet-control-layers-scrollbar {\r
        overflow-y: scroll;\r

+       overflow-x: hidden;\r

        padding-right: 5px;\r
        }\r
 .leaflet-control-layers-selector {\r
        padding-right: 5px;\r
        }\r
 .leaflet-control-layers-selector {\r


@@ -482,7 +499,6 @@
        -webkit-transform: rotate(45deg);\r
           -moz-transform: rotate(45deg);\r
            -ms-transform: rotate(45deg);\r
        -webkit-transform: rotate(45deg);\r
           -moz-transform: rotate(45deg);\r
            -ms-transform: rotate(45deg);\r

-            -o-transform: rotate(45deg);\r

                transform: rotate(45deg);\r
        }\r
 .leaflet-popup-content-wrapper,\r
                transform: rotate(45deg);\r
        }\r
 .leaflet-popup-content-wrapper,\r