6 .leaflet-marker-shadow
,
8 .leaflet-tile-container
,
13 .leaflet-overlay-pane svg
,
23 -ms-touch-action: none
;
27 .leaflet-marker-shadow {
28 -webkit-user-select: none
;
29 -moz-user-select: none
;
31 -webkit-user-drag: none
;
34 .leaflet-marker-shadow {
37 /* map is broken in FF if you have max-width: 100% on tiles */
38 .leaflet-container img {
39 max-width: none
!important
;
41 /* stupid Android 2 doesn't understand "max-width: none" properly */
42 .leaflet-container img.leaflet-image-layer {
43 max-width: 15000px !important
;
49 .leaflet-tile-loaded {
56 /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
57 .leaflet-overlay-pane svg {
58 -moz-user-select: none
;
61 .leaflet-tile-pane { z-index: 2; }
62 .leaflet-objects-pane { z-index: 3; }
63 .leaflet-overlay-pane { z-index: 4; }
64 .leaflet-shadow-pane { z-index: 5; }
65 .leaflet-marker-pane { z-index: 6; }
66 .leaflet-popup-pane { z-index: 7; }
73 behavior: url
(#default#VML
);
74 display: inline-block
;
79 /* control positioning */
108 .leaflet-right .leaflet-control {
111 .leaflet-top .leaflet-control {
114 .leaflet-bottom .leaflet-control {
117 .leaflet-left .leaflet-control {
120 .leaflet-right .leaflet-control {
125 /* zoom and fade animations */
127 .leaflet-fade-anim
.leaflet-tile
,
128 .leaflet-fade-anim .leaflet-popup {
130 -webkit-transition: opacity
0.2s linear
;
131 -moz-transition: opacity
0.2s linear
;
132 -o-transition: opacity
0.2s linear
;
133 transition: opacity
0.2s linear
;
135 .leaflet-fade-anim
.leaflet-tile-loaded
,
136 .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
140 .leaflet-zoom-anim .leaflet-zoom-animated {
141 -webkit-transition: -webkit-transform
0.25s cubic-bezier
(0,0,0.25,1);
142 -moz-transition: -moz-transform
0.25s cubic-bezier
(0,0,0.25,1);
143 -o-transition: -o-transform
0.25s cubic-bezier
(0,0,0.25,1);
144 transition: transform
0.25s cubic-bezier
(0,0,0.25,1);
146 .leaflet-zoom-anim
.leaflet-tile
,
147 .leaflet-pan-anim
.leaflet-tile
,
148 .leaflet-touching .leaflet-zoom-animated {
149 -webkit-transition: none
;
150 -moz-transition: none
;
155 .leaflet-zoom-anim .leaflet-zoom-hide {
166 cursor: -webkit-grab
;
173 .leaflet-dragging
.leaflet-container
,
174 .leaflet-dragging .leaflet-clickable {
176 cursor: -webkit-grabbing
;
177 cursor: -moz-grabbing
;
187 .leaflet-container a {
190 .leaflet-container a.leaflet-active {
191 outline: 2px solid orange
;
194 border: 2px dotted
#38f;
195 background: rgba
(255,255,255,0.5);
199 /* general typography */
201 font: 12px/1.5 "Helvetica Neue", Arial
, Helvetica
, sans-serif
;
205 /* general toolbar styles */
208 box-shadow: 0 1px 5px rgba
(0,0,0,0.65);
212 .leaflet-bar a:hover {
213 background-color: #fff;
214 border-bottom: 1px solid
#ccc;
220 text-decoration: none
;
224 .leaflet-control-layers-toggle {
225 background-position: 50% 50%;
226 background-repeat: no-repeat
;
229 .leaflet-bar a:hover {
230 background-color: #f4f4f4;
232 .leaflet-bar a:first-child {
233 border-top-left-radius: 4px;
234 border-top-right-radius: 4px;
236 .leaflet-bar a:last-child {
237 border-bottom-left-radius: 4px;
238 border-bottom-right-radius: 4px;
241 .leaflet-bar a.leaflet-disabled {
243 background-color: #f4f4f4;
247 .leaflet-touch .leaflet-bar a {
256 .leaflet-control-zoom-in
,
257 .leaflet-control-zoom-out {
258 font: bold
18px 'Lucida Console', Monaco
, monospace
;
261 .leaflet-control-zoom-out {
265 .leaflet-touch .leaflet-control-zoom-in {
268 .leaflet-touch .leaflet-control-zoom-out {
275 .leaflet-control-layers {
276 box-shadow: 0 1px 5px rgba
(0,0,0,0.4);
280 .leaflet-control-layers-toggle {
281 background-image: url
(images/layers.png);
285 .leaflet-retina .leaflet-control-layers-toggle {
286 background-image: url
(images
/layers-2x
.png
);
287 background-size: 26px 26px;
289 .leaflet-touch .leaflet-control-layers-toggle {
293 .leaflet-control-layers
.leaflet-control-layers-list
,
294 .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
297 .leaflet-control-layers-expanded .leaflet-control-layers-list {
301 .leaflet-control-layers-expanded {
302 padding: 6px 10px 6px 6px;
306 .leaflet-control-layers-selector {
311 .leaflet-control-layers label {
314 .leaflet-control-layers-separator {
316 border-top: 1px solid
#ddd;
317 margin: 5px -10px 5px -6px;
321 /* attribution and scale controls */
323 .leaflet-container .leaflet-control-attribution {
325 background: rgba
(255, 255, 255, 0.7);
328 .leaflet-control-attribution
,
329 .leaflet-control-scale-line {
333 .leaflet-control-attribution a {
334 text-decoration: none
;
336 .leaflet-control-attribution a:hover {
337 text-decoration: underline
;
339 .leaflet-container
.leaflet-control-attribution
,
340 .leaflet-container .leaflet-control-scale {
343 .leaflet-left .leaflet-control-scale {
346 .leaflet-bottom .leaflet-control-scale {
349 .leaflet-control-scale-line {
350 border: 2px solid
#777;
353 padding: 2px 5px 1px;
357 -moz-box-sizing: content-box
;
358 box-sizing: content-box
;
361 background: rgba
(255, 255, 255, 0.5);
363 .leaflet-control-scale-line:not(:first-child) {
364 border-top: 2px solid
#777;
368 .leaflet-control-scale-line:not(:first-child):not(:last-child) {
369 border-bottom: 2px solid
#777;
372 .leaflet-touch
.leaflet-control-attribution
,
373 .leaflet-touch
.leaflet-control-layers
,
374 .leaflet-touch .leaflet-bar {
377 .leaflet-touch
.leaflet-control-layers
,
378 .leaflet-touch .leaflet-bar {
379 border: 2px solid rgba
(0,0,0,0.2);
380 background-clip: padding-box
;
390 .leaflet-popup-content-wrapper {
395 .leaflet-popup-content {
399 .leaflet-popup-content p {
402 .leaflet-popup-tip-container {
414 margin: -10px auto
0;
416 -webkit-transform: rotate
(45deg);
417 -moz-transform: rotate
(45deg);
418 -ms-transform: rotate
(45deg);
419 -o-transform: rotate
(45deg);
420 transform: rotate
(45deg);
422 .leaflet-popup-content-wrapper
,
426 box-shadow: 0 3px 14px rgba
(0,0,0,0.4);
428 .leaflet-container a.leaflet-popup-close-button {
432 padding: 4px 4px 0 0;
436 font: 16px/14px Tahoma
, Verdana
, sans-serif
;
438 text-decoration: none
;
440 background: transparent
;
442 .leaflet-container a.leaflet-popup-close-button:hover {
445 .leaflet-popup-scrolled {
447 border-bottom: 1px solid
#ddd;
448 border-top: 1px solid
#ddd;
451 .leaflet-oldie .leaflet-popup-content-wrapper {
454 .leaflet-oldie .leaflet-popup-tip {
458 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
459 filter: progid:DXImageTransform
.Microsoft
.Matrix
(M11
=0.70710678, M12
=0.70710678, M21
=-0.70710678, M22
=0.70710678);
461 .leaflet-oldie .leaflet-popup-tip-container {
465 .leaflet-oldie
.leaflet-control-zoom
,
466 .leaflet-oldie
.leaflet-control-layers
,
467 .leaflet-oldie
.leaflet-popup-content-wrapper
,
468 .leaflet-oldie .leaflet-popup-tip {
469 border: 1px solid
#999;
477 border: 1px solid
#666;