6 .leaflet-marker-shadow
,
7 .leaflet-tile-container
,
9 .leaflet-pane
> canvas
,
22 .leaflet-marker-shadow {
23 -webkit-user-select: none
;
24 -moz-user-select: none
;
26 -webkit-user-drag: none
;
28 /* Prevents IE11 from highlighting tiles in blue */
29 .leaflet-tile::selection {
30 background: transparent
;
32 /* Safari renders non-retina tile on retina better with this, but Chrome is worse */
33 .leaflet-safari .leaflet-tile {
34 image-rendering: -webkit-optimize-contrast
;
36 /* hack that prevents hw layers "stretching" when loading new tiles */
37 .leaflet-safari .leaflet-tile-container {
40 -webkit-transform-origin: 0 0;
43 .leaflet-marker-shadow {
46 /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
47 /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
48 .leaflet-container
.leaflet-overlay-pane svg
,
49 .leaflet-container
.leaflet-marker-pane img
,
50 .leaflet-container
.leaflet-shadow-pane img
,
51 .leaflet-container
.leaflet-tile-pane img
,
52 .leaflet-container img
.leaflet-image-layer
,
53 .leaflet-container .leaflet-tile {
54 max-width: none
!important
;
55 max-height: none
!important
;
58 .leaflet-container.leaflet-touch-zoom {
59 -ms-touch-action: pan-x pan-y
;
60 touch-action: pan-x pan-y
;
62 .leaflet-container.leaflet-touch-drag {
63 -ms-touch-action: pinch-zoom
;
64 /* Fallback for FF which doesn't support pinch-zoom */
66 touch-action: pinch-zoom
;
68 .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
69 -ms-touch-action: none
;
73 -webkit-tap-highlight-color: transparent
;
75 .leaflet-container a {
76 -webkit-tap-highlight-color: rgba
(51, 181, 229, 0.4);
82 .leaflet-tile-loaded {
88 -moz-box-sizing: border-box
;
89 box-sizing: border-box
;
92 /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
93 .leaflet-overlay-pane svg {
94 -moz-user-select: none
;
97 .leaflet-pane { z-index: 400; }
99 .leaflet-tile-pane { z-index: 200; }
100 .leaflet-overlay-pane { z-index: 400; }
101 .leaflet-shadow-pane { z-index: 500; }
102 .leaflet-marker-pane { z-index: 600; }
103 .leaflet-tooltip-pane { z-index: 650; }
104 .leaflet-popup-pane { z-index: 700; }
106 .leaflet-map-pane canvas { z-index: 100; }
107 .leaflet-map-pane svg { z-index: 200; }
114 behavior: url
(#default#VML
);
115 display: inline-block
;
120 /* control positioning */
125 pointer-events: visiblePainted
; /* IE 9-10 doesn't have auto */
126 pointer-events: auto
;
132 pointer-events: none
;
150 .leaflet-right .leaflet-control {
153 .leaflet-top .leaflet-control {
156 .leaflet-bottom .leaflet-control {
159 .leaflet-left .leaflet-control {
162 .leaflet-right .leaflet-control {
167 /* zoom and fade animations */
169 .leaflet-fade-anim .leaflet-tile {
170 will-change: opacity
;
172 .leaflet-fade-anim .leaflet-popup {
174 -webkit-transition: opacity
0.2s linear
;
175 -moz-transition: opacity
0.2s linear
;
176 transition: opacity
0.2s linear
;
178 .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
181 .leaflet-zoom-animated {
182 -webkit-transform-origin: 0 0;
183 -ms-transform-origin: 0 0;
184 transform-origin: 0 0;
186 .leaflet-zoom-anim .leaflet-zoom-animated {
187 will-change: transform
;
189 .leaflet-zoom-anim .leaflet-zoom-animated {
190 -webkit-transition: -webkit-transform
0.25s cubic-bezier
(0,0,0.25,1);
191 -moz-transition: -moz-transform
0.25s cubic-bezier
(0,0,0.25,1);
192 transition: transform
0.25s cubic-bezier
(0,0,0.25,1);
194 .leaflet-zoom-anim
.leaflet-tile
,
195 .leaflet-pan-anim .leaflet-tile {
196 -webkit-transition: none
;
197 -moz-transition: none
;
201 .leaflet-zoom-anim .leaflet-zoom-hide {
208 .leaflet-interactive {
212 cursor: -webkit-grab
;
217 .leaflet-crosshair .leaflet-interactive {
224 .leaflet-dragging
.leaflet-grab
,
225 .leaflet-dragging
.leaflet-grab
.leaflet-interactive
,
226 .leaflet-dragging .leaflet-marker-draggable {
228 cursor: -webkit-grabbing
;
229 cursor: -moz-grabbing
;
233 /* marker & overlays interactivity */
234 .leaflet-marker-icon
,
235 .leaflet-marker-shadow
,
236 .leaflet-image-layer
,
237 .leaflet-pane
> svg path
,
238 .leaflet-tile-container {
239 pointer-events: none
;
242 .leaflet-marker-icon
.leaflet-interactive
,
243 .leaflet-image-layer
.leaflet-interactive
,
244 .leaflet-pane
> svg path
.leaflet-interactive
,
245 svg
.leaflet-image-layer
.leaflet-interactive path
{
246 pointer-events: visiblePainted
; /* IE 9-10 doesn't have auto */
247 pointer-events: auto
;
256 .leaflet-container a {
259 .leaflet-container a.leaflet-active {
260 outline: 2px solid orange
;
263 border: 2px dotted
#38f;
264 background: rgba
(255,255,255,0.5);
268 /* general typography */
270 font: 12px/1.5 "Helvetica Neue", Arial
, Helvetica
, sans-serif
;
274 /* general toolbar styles */
277 box-shadow: 0 1px 5px rgba
(0,0,0,0.65);
281 .leaflet-bar a:hover {
282 background-color: #fff;
283 border-bottom: 1px solid
#ccc;
289 text-decoration: none
;
293 .leaflet-control-layers-toggle {
294 background-position: 50% 50%;
295 background-repeat: no-repeat
;
298 .leaflet-bar a:hover {
299 background-color: #f4f4f4;
301 .leaflet-bar a:first-child {
302 border-top-left-radius: 4px;
303 border-top-right-radius: 4px;
305 .leaflet-bar a:last-child {
306 border-bottom-left-radius: 4px;
307 border-bottom-right-radius: 4px;
310 .leaflet-bar a.leaflet-disabled {
312 background-color: #f4f4f4;
316 .leaflet-touch .leaflet-bar a {
321 .leaflet-touch .leaflet-bar a:first-child {
322 border-top-left-radius: 2px;
323 border-top-right-radius: 2px;
325 .leaflet-touch .leaflet-bar a:last-child {
326 border-bottom-left-radius: 2px;
327 border-bottom-right-radius: 2px;
332 .leaflet-control-zoom-in
,
333 .leaflet-control-zoom-out {
334 font: bold
18px 'Lucida Console', Monaco
, monospace
;
338 .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
345 .leaflet-control-layers {
346 box-shadow: 0 1px 5px rgba
(0,0,0,0.4);
350 .leaflet-control-layers-toggle {
351 background-image: url
(images/layers.png);
355 .leaflet-retina .leaflet-control-layers-toggle {
356 background-image: url
(images
/layers-2x
.png
);
357 background-size: 26px 26px;
359 .leaflet-touch .leaflet-control-layers-toggle {
363 .leaflet-control-layers
.leaflet-control-layers-list
,
364 .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
367 .leaflet-control-layers-expanded .leaflet-control-layers-list {
371 .leaflet-control-layers-expanded {
372 padding: 6px 10px 6px 6px;
376 .leaflet-control-layers-scrollbar {
381 .leaflet-control-layers-selector {
386 .leaflet-control-layers label {
389 .leaflet-control-layers-separator {
391 border-top: 1px solid
#ddd;
392 margin: 5px -10px 5px -6px;
395 /* Default icon URLs */
396 .leaflet-default-icon-path {
397 background-image: url
(images
/marker-icon
.png
);
401 /* attribution and scale controls */
403 .leaflet-container .leaflet-control-attribution {
405 background: rgba
(255, 255, 255, 0.7);
408 .leaflet-control-attribution
,
409 .leaflet-control-scale-line {
413 .leaflet-control-attribution a {
414 text-decoration: none
;
416 .leaflet-control-attribution a:hover {
417 text-decoration: underline
;
419 .leaflet-container
.leaflet-control-attribution
,
420 .leaflet-container .leaflet-control-scale {
423 .leaflet-left .leaflet-control-scale {
426 .leaflet-bottom .leaflet-control-scale {
429 .leaflet-control-scale-line {
430 border: 2px solid
#777;
433 padding: 2px 5px 1px;
437 -moz-box-sizing: border-box
;
438 box-sizing: border-box
;
441 background: rgba
(255, 255, 255, 0.5);
443 .leaflet-control-scale-line:not(:first-child) {
444 border-top: 2px solid
#777;
448 .leaflet-control-scale-line:not(:first-child):not(:last-child) {
449 border-bottom: 2px solid
#777;
452 .leaflet-touch
.leaflet-control-attribution
,
453 .leaflet-touch
.leaflet-control-layers
,
454 .leaflet-touch .leaflet-bar {
457 .leaflet-touch
.leaflet-control-layers
,
458 .leaflet-touch .leaflet-bar {
459 border: 2px solid rgba
(0,0,0,0.2);
460 background-clip: padding-box
;
471 .leaflet-popup-content-wrapper {
476 .leaflet-popup-content {
480 .leaflet-popup-content p {
483 .leaflet-popup-tip-container {
490 pointer-events: none
;
497 margin: -10px auto
0;
499 -webkit-transform: rotate
(45deg);
500 -moz-transform: rotate
(45deg);
501 -ms-transform: rotate
(45deg);
502 transform: rotate
(45deg);
504 .leaflet-popup-content-wrapper
,
508 box-shadow: 0 3px 14px rgba
(0,0,0,0.4);
510 .leaflet-container a.leaflet-popup-close-button {
514 padding: 4px 4px 0 0;
519 font: 16px/14px Tahoma
, Verdana
, sans-serif
;
521 text-decoration: none
;
523 background: transparent
;
525 .leaflet-container a.leaflet-popup-close-button:hover {
528 .leaflet-popup-scrolled {
530 border-bottom: 1px solid
#ddd;
531 border-top: 1px solid
#ddd;
534 .leaflet-oldie .leaflet-popup-content-wrapper {
537 .leaflet-oldie .leaflet-popup-tip {
541 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
542 filter: progid:DXImageTransform
.Microsoft
.Matrix
(M11
=0.70710678, M12
=0.70710678, M21
=-0.70710678, M22
=0.70710678);
544 .leaflet-oldie .leaflet-popup-tip-container {
548 .leaflet-oldie
.leaflet-control-zoom
,
549 .leaflet-oldie
.leaflet-control-layers
,
550 .leaflet-oldie
.leaflet-popup-content-wrapper
,
551 .leaflet-oldie .leaflet-popup-tip {
552 border: 1px solid
#999;
560 border: 1px solid
#666;
565 /* Base styles for the element that has a tooltip */
569 background-color: #fff;
570 border: 1px solid
#fff;
574 -webkit-user-select: none
;
575 -moz-user-select: none
;
576 -ms-user-select: none
;
578 pointer-events: none
;
579 box-shadow: 0 1px 3px rgba
(0,0,0,0.4);
581 .leaflet-tooltip.leaflet-clickable {
583 pointer-events: auto
;
585 .leaflet-tooltip-top:before
,
586 .leaflet-tooltip-bottom:before
,
587 .leaflet-tooltip-left:before
,
588 .leaflet-tooltip-right:before {
590 pointer-events: none
;
591 border: 6px solid transparent
;
592 background: transparent
;
598 .leaflet-tooltip-bottom {
601 .leaflet-tooltip-top {
604 .leaflet-tooltip-bottom:before
,
605 .leaflet-tooltip-top:before {
609 .leaflet-tooltip-top:before {
611 margin-bottom: -12px;
612 border-top-color: #fff;
614 .leaflet-tooltip-bottom:before {
618 border-bottom-color: #fff;
620 .leaflet-tooltip-left {
623 .leaflet-tooltip-right {
626 .leaflet-tooltip-left:before
,
627 .leaflet-tooltip-right:before {
631 .leaflet-tooltip-left:before {
634 border-left-color: #fff;
636 .leaflet-tooltip-right:before {
639 border-right-color: #fff;