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
.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-height: none !important;\r
}\r
\r
.leaflet-container.leaflet-touch-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 {\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
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
.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
- -o-transition: none;\r
transition: none;\r
}\r
\r
.leaflet-grab {\r
cursor: -webkit-grab;\r
cursor: -moz-grab;\r
+ cursor: grab;\r
}\r
.leaflet-crosshair,\r
.leaflet-crosshair .leaflet-interactive {\r
cursor: move;\r
cursor: -webkit-grabbing;\r
cursor: -moz-grabbing;\r
+ cursor: grabbing;\r
}\r
\r
/* marker & overlays interactivity */\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
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
font: bold 18px 'Lucida Console', Monaco, monospace;\r
text-indent: 1px;\r
}\r
-.leaflet-control-zoom-out {\r
- font-size: 20px;\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
-.leaflet-touch .leaflet-control-zoom-out {\r
- font-size: 24px;\r
- }\r
\r
\r
/* layers control */\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
-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