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 /* Safari renders non-retina tile on retina better with this, but Chrome is worse */
\r
29 .leaflet-safari .leaflet-tile {
\r
30 image-rendering: -webkit-optimize-contrast;
\r
32 /* hack that prevents hw layers "stretching" when loading new tiles */
\r
33 .leaflet-safari .leaflet-tile-container {
\r
36 -webkit-transform-origin: 0 0;
\r
38 .leaflet-marker-icon,
\r
39 .leaflet-marker-shadow {
\r
42 /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
\r
43 /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
\r
44 .leaflet-container .leaflet-overlay-pane svg,
\r
45 .leaflet-container .leaflet-marker-pane img,
\r
46 .leaflet-container .leaflet-shadow-pane img,
\r
47 .leaflet-container .leaflet-tile-pane img,
\r
48 .leaflet-container img.leaflet-image-layer {
\r
49 max-width: none !important;
\r
52 .leaflet-container.leaflet-touch-zoom {
\r
53 -ms-touch-action: pan-x pan-y;
\r
54 touch-action: pan-x pan-y;
\r
56 .leaflet-container.leaflet-touch-drag {
\r
57 -ms-touch-action: pinch-zoom;
\r
59 .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
\r
60 -ms-touch-action: none;
\r
63 .leaflet-container {
\r
64 -webkit-tap-highlight-color: transparent;
\r
66 .leaflet-container a {
\r
67 -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
\r
73 .leaflet-tile-loaded {
\r
74 visibility: inherit;
\r
79 -moz-box-sizing: border-box;
\r
80 box-sizing: border-box;
\r
83 /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
\r
84 .leaflet-overlay-pane svg {
\r
85 -moz-user-select: none;
\r
88 .leaflet-pane { z-index: 400; }
\r
90 .leaflet-tile-pane { z-index: 200; }
\r
91 .leaflet-overlay-pane { z-index: 400; }
\r
92 .leaflet-shadow-pane { z-index: 500; }
\r
93 .leaflet-marker-pane { z-index: 600; }
\r
94 .leaflet-tooltip-pane { z-index: 650; }
\r
95 .leaflet-popup-pane { z-index: 700; }
\r
97 .leaflet-map-pane canvas { z-index: 100; }
\r
98 .leaflet-map-pane svg { z-index: 200; }
\r
100 .leaflet-vml-shape {
\r
105 behavior: url(#default#VML);
\r
106 display: inline-block;
\r
107 position: absolute;
\r
111 /* control positioning */
\r
114 position: relative;
\r
116 pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
\r
117 pointer-events: auto;
\r
121 position: absolute;
\r
123 pointer-events: none;
\r
141 .leaflet-right .leaflet-control {
\r
144 .leaflet-top .leaflet-control {
\r
147 .leaflet-bottom .leaflet-control {
\r
148 margin-bottom: 10px;
\r
150 .leaflet-left .leaflet-control {
\r
153 .leaflet-right .leaflet-control {
\r
154 margin-right: 10px;
\r
158 /* zoom and fade animations */
\r
160 .leaflet-fade-anim .leaflet-tile {
\r
161 will-change: opacity;
\r
163 .leaflet-fade-anim .leaflet-popup {
\r
165 -webkit-transition: opacity 0.2s linear;
\r
166 -moz-transition: opacity 0.2s linear;
\r
167 -o-transition: opacity 0.2s linear;
\r
168 transition: opacity 0.2s linear;
\r
170 .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
\r
173 .leaflet-zoom-animated {
\r
174 -webkit-transform-origin: 0 0;
\r
175 -ms-transform-origin: 0 0;
\r
176 transform-origin: 0 0;
\r
178 .leaflet-zoom-anim .leaflet-zoom-animated {
\r
179 will-change: transform;
\r
181 .leaflet-zoom-anim .leaflet-zoom-animated {
\r
182 -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
\r
183 -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
\r
184 -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1);
\r
185 transition: transform 0.25s cubic-bezier(0,0,0.25,1);
\r
187 .leaflet-zoom-anim .leaflet-tile,
\r
188 .leaflet-pan-anim .leaflet-tile {
\r
189 -webkit-transition: none;
\r
190 -moz-transition: none;
\r
191 -o-transition: none;
\r
195 .leaflet-zoom-anim .leaflet-zoom-hide {
\r
196 visibility: hidden;
\r
202 .leaflet-interactive {
\r
206 cursor: -webkit-grab;
\r
209 .leaflet-crosshair,
\r
210 .leaflet-crosshair .leaflet-interactive {
\r
213 .leaflet-popup-pane,
\r
217 .leaflet-dragging .leaflet-grab,
\r
218 .leaflet-dragging .leaflet-grab .leaflet-interactive,
\r
219 .leaflet-dragging .leaflet-marker-draggable {
\r
221 cursor: -webkit-grabbing;
\r
222 cursor: -moz-grabbing;
\r
225 /* marker & overlays interactivity */
\r
226 .leaflet-marker-icon,
\r
227 .leaflet-marker-shadow,
\r
228 .leaflet-image-layer,
\r
229 .leaflet-pane > svg path,
\r
230 .leaflet-tile-container {
\r
231 pointer-events: none;
\r
234 .leaflet-marker-icon.leaflet-interactive,
\r
235 .leaflet-image-layer.leaflet-interactive,
\r
236 .leaflet-pane > svg path.leaflet-interactive {
\r
237 pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
\r
238 pointer-events: auto;
\r
241 /* visual tweaks */
\r
243 .leaflet-container {
\r
247 .leaflet-container a {
\r
250 .leaflet-container a.leaflet-active {
\r
251 outline: 2px solid orange;
\r
253 .leaflet-zoom-box {
\r
254 border: 2px dotted #38f;
\r
255 background: rgba(255,255,255,0.5);
\r
259 /* general typography */
\r
260 .leaflet-container {
\r
261 font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
\r
265 /* general toolbar styles */
\r
268 box-shadow: 0 1px 5px rgba(0,0,0,0.65);
\r
269 border-radius: 4px;
\r
272 .leaflet-bar a:hover {
\r
273 background-color: #fff;
\r
274 border-bottom: 1px solid #ccc;
\r
279 text-align: center;
\r
280 text-decoration: none;
\r
284 .leaflet-control-layers-toggle {
\r
285 background-position: 50% 50%;
\r
286 background-repeat: no-repeat;
\r
289 .leaflet-bar a:hover {
\r
290 background-color: #f4f4f4;
\r
292 .leaflet-bar a:first-child {
\r
293 border-top-left-radius: 4px;
\r
294 border-top-right-radius: 4px;
\r
296 .leaflet-bar a:last-child {
\r
297 border-bottom-left-radius: 4px;
\r
298 border-bottom-right-radius: 4px;
\r
299 border-bottom: none;
\r
301 .leaflet-bar a.leaflet-disabled {
\r
303 background-color: #f4f4f4;
\r
307 .leaflet-touch .leaflet-bar a {
\r
312 .leaflet-touch .leaflet-bar a:first-child {
\r
313 border-top-left-radius: 2px;
\r
314 border-top-right-radius: 2px;
\r
316 .leaflet-touch .leaflet-bar a:last-child {
\r
317 border-bottom-left-radius: 2px;
\r
318 border-bottom-right-radius: 2px;
\r
323 .leaflet-control-zoom-in,
\r
324 .leaflet-control-zoom-out {
\r
325 font: bold 18px 'Lucida Console', Monaco, monospace;
\r
329 .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
\r
334 /* layers control */
\r
336 .leaflet-control-layers {
\r
337 box-shadow: 0 1px 5px rgba(0,0,0,0.4);
\r
339 border-radius: 5px;
\r
341 .leaflet-control-layers-toggle {
\r
342 background-image: url(images/layers.png);
\r
346 .leaflet-retina .leaflet-control-layers-toggle {
\r
347 background-image: url(images/layers-2x.png);
\r
348 background-size: 26px 26px;
\r
350 .leaflet-touch .leaflet-control-layers-toggle {
\r
354 .leaflet-control-layers .leaflet-control-layers-list,
\r
355 .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
\r
358 .leaflet-control-layers-expanded .leaflet-control-layers-list {
\r
360 position: relative;
\r
362 .leaflet-control-layers-expanded {
\r
363 padding: 6px 10px 6px 6px;
\r
367 .leaflet-control-layers-scrollbar {
\r
368 overflow-y: scroll;
\r
369 overflow-x: hidden;
\r
370 padding-right: 5px;
\r
372 .leaflet-control-layers-selector {
\r
374 position: relative;
\r
377 .leaflet-control-layers label {
\r
380 .leaflet-control-layers-separator {
\r
382 border-top: 1px solid #ddd;
\r
383 margin: 5px -10px 5px -6px;
\r
386 /* Default icon URLs */
\r
387 .leaflet-default-icon-path {
\r
388 background-image: url(images/marker-icon.png);
\r
392 /* attribution and scale controls */
\r
394 .leaflet-container .leaflet-control-attribution {
\r
396 background: rgba(255, 255, 255, 0.7);
\r
399 .leaflet-control-attribution,
\r
400 .leaflet-control-scale-line {
\r
404 .leaflet-control-attribution a {
\r
405 text-decoration: none;
\r
407 .leaflet-control-attribution a:hover {
\r
408 text-decoration: underline;
\r
410 .leaflet-container .leaflet-control-attribution,
\r
411 .leaflet-container .leaflet-control-scale {
\r
414 .leaflet-left .leaflet-control-scale {
\r
417 .leaflet-bottom .leaflet-control-scale {
\r
418 margin-bottom: 5px;
\r
420 .leaflet-control-scale-line {
\r
421 border: 2px solid #777;
\r
424 padding: 2px 5px 1px;
\r
426 white-space: nowrap;
\r
428 -moz-box-sizing: border-box;
\r
429 box-sizing: border-box;
\r
432 background: rgba(255, 255, 255, 0.5);
\r
434 .leaflet-control-scale-line:not(:first-child) {
\r
435 border-top: 2px solid #777;
\r
436 border-bottom: none;
\r
439 .leaflet-control-scale-line:not(:first-child):not(:last-child) {
\r
440 border-bottom: 2px solid #777;
\r
443 .leaflet-touch .leaflet-control-attribution,
\r
444 .leaflet-touch .leaflet-control-layers,
\r
445 .leaflet-touch .leaflet-bar {
\r
448 .leaflet-touch .leaflet-control-layers,
\r
449 .leaflet-touch .leaflet-bar {
\r
450 border: 2px solid rgba(0,0,0,0.2);
\r
451 background-clip: padding-box;
\r
458 position: absolute;
\r
459 text-align: center;
\r
460 margin-bottom: 20px;
\r
462 .leaflet-popup-content-wrapper {
\r
465 border-radius: 12px;
\r
467 .leaflet-popup-content {
\r
471 .leaflet-popup-content p {
\r
474 .leaflet-popup-tip-container {
\r
477 position: absolute;
\r
479 margin-left: -20px;
\r
481 pointer-events: none;
\r
483 .leaflet-popup-tip {
\r
488 margin: -10px auto 0;
\r
490 -webkit-transform: rotate(45deg);
\r
491 -moz-transform: rotate(45deg);
\r
492 -ms-transform: rotate(45deg);
\r
493 -o-transform: rotate(45deg);
\r
494 transform: rotate(45deg);
\r
496 .leaflet-popup-content-wrapper,
\r
497 .leaflet-popup-tip {
\r
500 box-shadow: 0 3px 14px rgba(0,0,0,0.4);
\r
502 .leaflet-container a.leaflet-popup-close-button {
\r
503 position: absolute;
\r
506 padding: 4px 4px 0 0;
\r
508 text-align: center;
\r
511 font: 16px/14px Tahoma, Verdana, sans-serif;
\r
513 text-decoration: none;
\r
515 background: transparent;
\r
517 .leaflet-container a.leaflet-popup-close-button:hover {
\r
520 .leaflet-popup-scrolled {
\r
522 border-bottom: 1px solid #ddd;
\r
523 border-top: 1px solid #ddd;
\r
526 .leaflet-oldie .leaflet-popup-content-wrapper {
\r
529 .leaflet-oldie .leaflet-popup-tip {
\r
533 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
\r
534 filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
\r
536 .leaflet-oldie .leaflet-popup-tip-container {
\r
540 .leaflet-oldie .leaflet-control-zoom,
\r
541 .leaflet-oldie .leaflet-control-layers,
\r
542 .leaflet-oldie .leaflet-popup-content-wrapper,
\r
543 .leaflet-oldie .leaflet-popup-tip {
\r
544 border: 1px solid #999;
\r
550 .leaflet-div-icon {
\r
552 border: 1px solid #666;
\r
557 /* Base styles for the element that has a tooltip */
\r
559 position: absolute;
\r
561 background-color: #fff;
\r
562 border: 1px solid #fff;
\r
563 border-radius: 3px;
\r
565 white-space: nowrap;
\r
566 -webkit-user-select: none;
\r
567 -moz-user-select: none;
\r
568 -ms-user-select: none;
\r
570 pointer-events: none;
\r
571 box-shadow: 0 1px 3px rgba(0,0,0,0.4);
\r
573 .leaflet-tooltip.leaflet-clickable {
\r
575 pointer-events: auto;
\r
577 .leaflet-tooltip-top:before,
\r
578 .leaflet-tooltip-bottom:before,
\r
579 .leaflet-tooltip-left:before,
\r
580 .leaflet-tooltip-right:before {
\r
581 position: absolute;
\r
582 pointer-events: none;
\r
583 border: 6px solid transparent;
\r
584 background: transparent;
\r
590 .leaflet-tooltip-bottom {
\r
593 .leaflet-tooltip-top {
\r
596 .leaflet-tooltip-bottom:before,
\r
597 .leaflet-tooltip-top:before {
\r
601 .leaflet-tooltip-top:before {
\r
603 margin-bottom: -12px;
\r
604 border-top-color: #fff;
\r
606 .leaflet-tooltip-bottom:before {
\r
610 border-bottom-color: #fff;
\r
612 .leaflet-tooltip-left {
\r
615 .leaflet-tooltip-right {
\r
618 .leaflet-tooltip-left:before,
\r
619 .leaflet-tooltip-right:before {
\r
623 .leaflet-tooltip-left:before {
\r
625 margin-right: -12px;
\r
626 border-left-color: #fff;
\r
628 .leaflet-tooltip-right:before {
\r
630 margin-left: -12px;
\r
631 border-right-color: #fff;
\r