1 /* required styles */
\r
5 .leaflet-marker-icon,
\r
6 .leaflet-marker-shadow,
\r
7 .leaflet-tile-container,
\r
9 .leaflet-pane > canvas,
\r
11 .leaflet-image-layer,
\r
17 .leaflet-container {
\r
21 .leaflet-marker-icon,
\r
22 .leaflet-marker-shadow {
\r
23 -webkit-user-select: none;
\r
24 -moz-user-select: none;
\r
26 -webkit-user-drag: none;
\r
28 /* Prevents IE11 from highlighting tiles in blue */
\r
29 .leaflet-tile::selection {
\r
30 background: transparent;
\r
32 /* Safari renders non-retina tile on retina better with this, but Chrome is worse */
\r
33 .leaflet-safari .leaflet-tile {
\r
34 image-rendering: -webkit-optimize-contrast;
\r
36 /* hack that prevents hw layers "stretching" when loading new tiles */
\r
37 .leaflet-safari .leaflet-tile-container {
\r
40 -webkit-transform-origin: 0 0;
\r
42 .leaflet-marker-icon,
\r
43 .leaflet-marker-shadow {
\r
46 /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
\r
47 /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
\r
48 .leaflet-container .leaflet-overlay-pane svg {
\r
49 max-width: none !important;
\r
50 max-height: none !important;
\r
52 .leaflet-container .leaflet-marker-pane img,
\r
53 .leaflet-container .leaflet-shadow-pane img,
\r
54 .leaflet-container .leaflet-tile-pane img,
\r
55 .leaflet-container img.leaflet-image-layer,
\r
56 .leaflet-container .leaflet-tile {
\r
57 max-width: none !important;
\r
58 max-height: none !important;
\r
63 .leaflet-container img.leaflet-tile {
\r
64 /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
\r
65 mix-blend-mode: plus-lighter;
\r
68 .leaflet-container.leaflet-touch-zoom {
\r
69 -ms-touch-action: pan-x pan-y;
\r
70 touch-action: pan-x pan-y;
\r
72 .leaflet-container.leaflet-touch-drag {
\r
73 -ms-touch-action: pinch-zoom;
\r
74 /* Fallback for FF which doesn't support pinch-zoom */
\r
76 touch-action: pinch-zoom;
\r
78 .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
\r
79 -ms-touch-action: none;
\r
82 .leaflet-container {
\r
83 -webkit-tap-highlight-color: transparent;
\r
85 .leaflet-container a {
\r
86 -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
\r
92 .leaflet-tile-loaded {
\r
93 visibility: inherit;
\r
98 -moz-box-sizing: border-box;
\r
99 box-sizing: border-box;
\r
102 /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
\r
103 .leaflet-overlay-pane svg {
\r
104 -moz-user-select: none;
\r
107 .leaflet-pane { z-index: 400; }
\r
109 .leaflet-tile-pane { z-index: 200; }
\r
110 .leaflet-overlay-pane { z-index: 400; }
\r
111 .leaflet-shadow-pane { z-index: 500; }
\r
112 .leaflet-marker-pane { z-index: 600; }
\r
113 .leaflet-tooltip-pane { z-index: 650; }
\r
114 .leaflet-popup-pane { z-index: 700; }
\r
116 .leaflet-map-pane canvas { z-index: 100; }
\r
117 .leaflet-map-pane svg { z-index: 200; }
\r
119 .leaflet-vml-shape {
\r
124 behavior: url(#default#VML);
\r
125 display: inline-block;
\r
126 position: absolute;
\r
130 /* control positioning */
\r
133 position: relative;
\r
135 pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
\r
136 pointer-events: auto;
\r
140 position: absolute;
\r
142 pointer-events: none;
\r
160 .leaflet-right .leaflet-control {
\r
163 .leaflet-top .leaflet-control {
\r
166 .leaflet-bottom .leaflet-control {
\r
167 margin-bottom: 10px;
\r
169 .leaflet-left .leaflet-control {
\r
172 .leaflet-right .leaflet-control {
\r
173 margin-right: 10px;
\r
177 /* zoom and fade animations */
\r
179 .leaflet-fade-anim .leaflet-popup {
\r
181 -webkit-transition: opacity 0.2s linear;
\r
182 -moz-transition: opacity 0.2s linear;
\r
183 transition: opacity 0.2s linear;
\r
185 .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
\r
188 .leaflet-zoom-animated {
\r
189 -webkit-transform-origin: 0 0;
\r
190 -ms-transform-origin: 0 0;
\r
191 transform-origin: 0 0;
\r
193 svg.leaflet-zoom-animated {
\r
194 will-change: transform;
\r
197 .leaflet-zoom-anim .leaflet-zoom-animated {
\r
198 -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
\r
199 -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
\r
200 transition: transform 0.25s cubic-bezier(0,0,0.25,1);
\r
202 .leaflet-zoom-anim .leaflet-tile,
\r
203 .leaflet-pan-anim .leaflet-tile {
\r
204 -webkit-transition: none;
\r
205 -moz-transition: none;
\r
209 .leaflet-zoom-anim .leaflet-zoom-hide {
\r
210 visibility: hidden;
\r
216 .leaflet-interactive {
\r
220 cursor: -webkit-grab;
\r
224 .leaflet-crosshair,
\r
225 .leaflet-crosshair .leaflet-interactive {
\r
228 .leaflet-popup-pane,
\r
232 .leaflet-dragging .leaflet-grab,
\r
233 .leaflet-dragging .leaflet-grab .leaflet-interactive,
\r
234 .leaflet-dragging .leaflet-marker-draggable {
\r
236 cursor: -webkit-grabbing;
\r
237 cursor: -moz-grabbing;
\r
241 /* marker & overlays interactivity */
\r
242 .leaflet-marker-icon,
\r
243 .leaflet-marker-shadow,
\r
244 .leaflet-image-layer,
\r
245 .leaflet-pane > svg path,
\r
246 .leaflet-tile-container {
\r
247 pointer-events: none;
\r
250 .leaflet-marker-icon.leaflet-interactive,
\r
251 .leaflet-image-layer.leaflet-interactive,
\r
252 .leaflet-pane > svg path.leaflet-interactive,
\r
253 svg.leaflet-image-layer.leaflet-interactive path {
\r
254 pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
\r
255 pointer-events: auto;
\r
258 /* visual tweaks */
\r
260 .leaflet-container {
\r
262 outline-offset: 1px;
\r
264 .leaflet-container a {
\r
267 .leaflet-zoom-box {
\r
268 border: 2px dotted #38f;
\r
269 background: rgba(255,255,255,0.5);
\r
273 /* general typography */
\r
274 .leaflet-container {
\r
275 font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
\r
277 font-size: 0.75rem;
\r
282 /* general toolbar styles */
\r
285 box-shadow: 0 1px 5px rgba(0,0,0,0.65);
\r
286 border-radius: 4px;
\r
289 background-color: #fff;
\r
290 border-bottom: 1px solid #ccc;
\r
295 text-align: center;
\r
296 text-decoration: none;
\r
300 .leaflet-control-layers-toggle {
\r
301 background-position: 50% 50%;
\r
302 background-repeat: no-repeat;
\r
305 .leaflet-bar a:hover,
\r
306 .leaflet-bar a:focus {
\r
307 background-color: #f4f4f4;
\r
309 .leaflet-bar a:first-child {
\r
310 border-top-left-radius: 4px;
\r
311 border-top-right-radius: 4px;
\r
313 .leaflet-bar a:last-child {
\r
314 border-bottom-left-radius: 4px;
\r
315 border-bottom-right-radius: 4px;
\r
316 border-bottom: none;
\r
318 .leaflet-bar a.leaflet-disabled {
\r
320 background-color: #f4f4f4;
\r
324 .leaflet-touch .leaflet-bar a {
\r
329 .leaflet-touch .leaflet-bar a:first-child {
\r
330 border-top-left-radius: 2px;
\r
331 border-top-right-radius: 2px;
\r
333 .leaflet-touch .leaflet-bar a:last-child {
\r
334 border-bottom-left-radius: 2px;
\r
335 border-bottom-right-radius: 2px;
\r
340 .leaflet-control-zoom-in,
\r
341 .leaflet-control-zoom-out {
\r
342 font: bold 18px 'Lucida Console', Monaco, monospace;
\r
346 .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
\r
351 /* layers control */
\r
353 .leaflet-control-layers {
\r
354 box-shadow: 0 1px 5px rgba(0,0,0,0.4);
\r
356 border-radius: 5px;
\r
358 .leaflet-control-layers-toggle {
\r
359 background-image: url(images/layers.png);
\r
363 .leaflet-retina .leaflet-control-layers-toggle {
\r
364 background-image: url(images/layers-2x.png);
\r
365 background-size: 26px 26px;
\r
367 .leaflet-touch .leaflet-control-layers-toggle {
\r
371 .leaflet-control-layers .leaflet-control-layers-list,
\r
372 .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
\r
375 .leaflet-control-layers-expanded .leaflet-control-layers-list {
\r
377 position: relative;
\r
379 .leaflet-control-layers-expanded {
\r
380 padding: 6px 10px 6px 6px;
\r
384 .leaflet-control-layers-scrollbar {
\r
385 overflow-y: scroll;
\r
386 overflow-x: hidden;
\r
387 padding-right: 5px;
\r
389 .leaflet-control-layers-selector {
\r
391 position: relative;
\r
394 .leaflet-control-layers label {
\r
397 font-size: 1.08333em;
\r
399 .leaflet-control-layers-separator {
\r
401 border-top: 1px solid #ddd;
\r
402 margin: 5px -10px 5px -6px;
\r
405 /* Default icon URLs */
\r
406 .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
\r
407 background-image: url(images/marker-icon.png);
\r
411 /* attribution and scale controls */
\r
413 .leaflet-container .leaflet-control-attribution {
\r
415 background: rgba(255, 255, 255, 0.8);
\r
418 .leaflet-control-attribution,
\r
419 .leaflet-control-scale-line {
\r
424 .leaflet-control-attribution a {
\r
425 text-decoration: none;
\r
427 .leaflet-control-attribution a:hover,
\r
428 .leaflet-control-attribution a:focus {
\r
429 text-decoration: underline;
\r
431 .leaflet-attribution-flag {
\r
432 display: inline !important;
\r
433 vertical-align: baseline !important;
\r
437 .leaflet-left .leaflet-control-scale {
\r
440 .leaflet-bottom .leaflet-control-scale {
\r
441 margin-bottom: 5px;
\r
443 .leaflet-control-scale-line {
\r
444 border: 2px solid #777;
\r
447 padding: 2px 5px 1px;
\r
448 white-space: nowrap;
\r
449 -moz-box-sizing: border-box;
\r
450 box-sizing: border-box;
\r
451 background: rgba(255, 255, 255, 0.8);
\r
452 text-shadow: 1px 1px #fff;
\r
454 .leaflet-control-scale-line:not(:first-child) {
\r
455 border-top: 2px solid #777;
\r
456 border-bottom: none;
\r
459 .leaflet-control-scale-line:not(:first-child):not(:last-child) {
\r
460 border-bottom: 2px solid #777;
\r
463 .leaflet-touch .leaflet-control-attribution,
\r
464 .leaflet-touch .leaflet-control-layers,
\r
465 .leaflet-touch .leaflet-bar {
\r
468 .leaflet-touch .leaflet-control-layers,
\r
469 .leaflet-touch .leaflet-bar {
\r
470 border: 2px solid rgba(0,0,0,0.2);
\r
471 background-clip: padding-box;
\r
478 position: absolute;
\r
479 text-align: center;
\r
480 margin-bottom: 20px;
\r
482 .leaflet-popup-content-wrapper {
\r
485 border-radius: 12px;
\r
487 .leaflet-popup-content {
\r
488 margin: 13px 24px 13px 20px;
\r
491 font-size: 1.08333em;
\r
494 .leaflet-popup-content p {
\r
498 .leaflet-popup-tip-container {
\r
501 position: absolute;
\r
504 margin-left: -20px;
\r
506 pointer-events: none;
\r
508 .leaflet-popup-tip {
\r
513 margin: -10px auto 0;
\r
514 pointer-events: auto;
\r
516 -webkit-transform: rotate(45deg);
\r
517 -moz-transform: rotate(45deg);
\r
518 -ms-transform: rotate(45deg);
\r
519 transform: rotate(45deg);
\r
521 .leaflet-popup-content-wrapper,
\r
522 .leaflet-popup-tip {
\r
525 box-shadow: 0 3px 14px rgba(0,0,0,0.4);
\r
527 .leaflet-container a.leaflet-popup-close-button {
\r
528 position: absolute;
\r
532 text-align: center;
\r
535 font: 16px/24px Tahoma, Verdana, sans-serif;
\r
537 text-decoration: none;
\r
538 background: transparent;
\r
540 .leaflet-container a.leaflet-popup-close-button:hover,
\r
541 .leaflet-container a.leaflet-popup-close-button:focus {
\r
544 .leaflet-popup-scrolled {
\r
548 .leaflet-oldie .leaflet-popup-content-wrapper {
\r
551 .leaflet-oldie .leaflet-popup-tip {
\r
555 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
\r
556 filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
\r
559 .leaflet-oldie .leaflet-control-zoom,
\r
560 .leaflet-oldie .leaflet-control-layers,
\r
561 .leaflet-oldie .leaflet-popup-content-wrapper,
\r
562 .leaflet-oldie .leaflet-popup-tip {
\r
563 border: 1px solid #999;
\r
569 .leaflet-div-icon {
\r
571 border: 1px solid #666;
\r
576 /* Base styles for the element that has a tooltip */
\r
578 position: absolute;
\r
580 background-color: #fff;
\r
581 border: 1px solid #fff;
\r
582 border-radius: 3px;
\r
584 white-space: nowrap;
\r
585 -webkit-user-select: none;
\r
586 -moz-user-select: none;
\r
587 -ms-user-select: none;
\r
589 pointer-events: none;
\r
590 box-shadow: 0 1px 3px rgba(0,0,0,0.4);
\r
592 .leaflet-tooltip.leaflet-interactive {
\r
594 pointer-events: auto;
\r
596 .leaflet-tooltip-top:before,
\r
597 .leaflet-tooltip-bottom:before,
\r
598 .leaflet-tooltip-left:before,
\r
599 .leaflet-tooltip-right:before {
\r
600 position: absolute;
\r
601 pointer-events: none;
\r
602 border: 6px solid transparent;
\r
603 background: transparent;
\r
609 .leaflet-tooltip-bottom {
\r
612 .leaflet-tooltip-top {
\r
615 .leaflet-tooltip-bottom:before,
\r
616 .leaflet-tooltip-top:before {
\r
620 .leaflet-tooltip-top:before {
\r
622 margin-bottom: -12px;
\r
623 border-top-color: #fff;
\r
625 .leaflet-tooltip-bottom:before {
\r
629 border-bottom-color: #fff;
\r
631 .leaflet-tooltip-left {
\r
634 .leaflet-tooltip-right {
\r
637 .leaflet-tooltip-left:before,
\r
638 .leaflet-tooltip-right:before {
\r
642 .leaflet-tooltip-left:before {
\r
644 margin-right: -12px;
\r
645 border-left-color: #fff;
\r
647 .leaflet-tooltip-right:before {
\r
649 margin-left: -12px;
\r
650 border-right-color: #fff;
\r
656 /* Prevent printers from removing background-images of controls. */
\r
658 -webkit-print-color-adjust: exact;
\r
659 print-color-adjust: exact;
\r