@@ -1,636 +1,636 @@
1−/* required styles */
2−
3−.leaflet-pane,
4−.leaflet-tile,
5−.leaflet-marker-icon,
6−.leaflet-marker-shadow,
7−.leaflet-tile-container,
8−.leaflet-pane > svg,
9−.leaflet-pane > canvas,
10−.leaflet-zoom-box,
11−.leaflet-image-layer,
12−.leaflet-layer {
13− position: absolute;
14− left: 0;
15− top: 0;
16− }
17−.leaflet-container {
18− overflow: hidden;
19− }
20−.leaflet-tile,
21−.leaflet-marker-icon,
22−.leaflet-marker-shadow {
23− -webkit-user-select: none;
24− -moz-user-select: none;
25− user-select: none;
26− -webkit-user-drag: none;
27− }
28−/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
29−.leaflet-safari .leaflet-tile {
30− image-rendering: -webkit-optimize-contrast;
31− }
32−/* hack that prevents hw layers "stretching" when loading new tiles */
33−.leaflet-safari .leaflet-tile-container {
34− width: 1600px;
35− height: 1600px;
36− -webkit-transform-origin: 0 0;
37− }
38−.leaflet-marker-icon,
39−.leaflet-marker-shadow {
40− display: block;
41− }
42−/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
43−/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
44−.leaflet-container .leaflet-overlay-pane svg,
45−.leaflet-container .leaflet-marker-pane img,
46−.leaflet-container .leaflet-shadow-pane img,
47−.leaflet-container .leaflet-tile-pane img,
48−.leaflet-container img.leaflet-image-layer {
49− max-width: none !important;
50− max-height: none !important;
51− }
52−
53−.leaflet-container.leaflet-touch-zoom {
54− -ms-touch-action: pan-x pan-y;
55− touch-action: pan-x pan-y;
56− }
57−.leaflet-container.leaflet-touch-drag {
58− -ms-touch-action: pinch-zoom;
59− /* Fallback for FF which doesn't support pinch-zoom */
60− touch-action: none;
61− touch-action: pinch-zoom;
62−}
63−.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
64− -ms-touch-action: none;
65− touch-action: none;
66−}
67−.leaflet-container {
68− -webkit-tap-highlight-color: transparent;
69−}
70−.leaflet-container a {
71− -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
72−}
73−.leaflet-tile {
74− filter: inherit;
75− visibility: hidden;
76− }
77−.leaflet-tile-loaded {
78− visibility: inherit;
79− }
80−.leaflet-zoom-box {
81− width: 0;
82− height: 0;
83− -moz-box-sizing: border-box;
84− box-sizing: border-box;
85− z-index: 800;
86− }
87−/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
88−.leaflet-overlay-pane svg {
89− -moz-user-select: none;
90− }
91−
92−.leaflet-pane { z-index: 400; }
93−
94−.leaflet-tile-pane { z-index: 200; }
95−.leaflet-overlay-pane { z-index: 400; }
96−.leaflet-shadow-pane { z-index: 500; }
97−.leaflet-marker-pane { z-index: 600; }
98−.leaflet-tooltip-pane { z-index: 650; }
99−.leaflet-popup-pane { z-index: 700; }
100−
101−.leaflet-map-pane canvas { z-index: 100; }
102−.leaflet-map-pane svg { z-index: 200; }
103−
104−.leaflet-vml-shape {
105− width: 1px;
106− height: 1px;
107− }
108−.lvml {
109− behavior: url(#default#VML);
110− display: inline-block;
111− position: absolute;
112− }
113−
114−
115−/* control positioning */
116−
117−.leaflet-control {
118− position: relative;
119− z-index: 800;
120− pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
121− pointer-events: auto;
122− }
123−.leaflet-top,
124−.leaflet-bottom {
125− position: absolute;
126− z-index: 1000;
127− pointer-events: none;
128− }
129−.leaflet-top {
130− top: 0;
131− }
132−.leaflet-right {
133− right: 0;
134− }
135−.leaflet-bottom {
136− bottom: 0;
137− }
138−.leaflet-left {
139− left: 0;
140− }
141−.leaflet-control {
142− float: left;
143− clear: both;
144− }
145−.leaflet-right .leaflet-control {
146− float: right;
147− }
148−.leaflet-top .leaflet-control {
149− margin-top: 10px;
150− }
151−.leaflet-bottom .leaflet-control {
152− margin-bottom: 10px;
153− }
154−.leaflet-left .leaflet-control {
155− margin-left: 10px;
156− }
157−.leaflet-right .leaflet-control {
158− margin-right: 10px;
159− }
160−
161−
162−/* zoom and fade animations */
163−
164−.leaflet-fade-anim .leaflet-tile {
165− will-change: opacity;
166− }
167−.leaflet-fade-anim .leaflet-popup {
168− opacity: 0;
169− -webkit-transition: opacity 0.2s linear;
170− -moz-transition: opacity 0.2s linear;
171− -o-transition: opacity 0.2s linear;
172− transition: opacity 0.2s linear;
173− }
174−.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
175− opacity: 1;
176− }
177−.leaflet-zoom-animated {
178− -webkit-transform-origin: 0 0;
179− -ms-transform-origin: 0 0;
180− transform-origin: 0 0;
181− }
182−.leaflet-zoom-anim .leaflet-zoom-animated {
183− will-change: transform;
184− }
185−.leaflet-zoom-anim .leaflet-zoom-animated {
186− -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
187− -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
188− -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1);
189− transition: transform 0.25s cubic-bezier(0,0,0.25,1);
190− }
191−.leaflet-zoom-anim .leaflet-tile,
192−.leaflet-pan-anim .leaflet-tile {
193− -webkit-transition: none;
194− -moz-transition: none;
195− -o-transition: none;
196− transition: none;
197− }
198−
199−.leaflet-zoom-anim .leaflet-zoom-hide {
200− visibility: hidden;
201− }
202−
203−
204−/* cursors */
205−
206−.leaflet-interactive {
207− cursor: pointer;
208− }
209−.leaflet-grab {
210− cursor: -webkit-grab;
211− cursor: -moz-grab;
212− }
213−.leaflet-crosshair,
214−.leaflet-crosshair .leaflet-interactive {
215− cursor: crosshair;
216− }
217−.leaflet-popup-pane,
218−.leaflet-control {
219− cursor: auto;
220− }
221−.leaflet-dragging .leaflet-grab,
222−.leaflet-dragging .leaflet-grab .leaflet-interactive,
223−.leaflet-dragging .leaflet-marker-draggable {
224− cursor: move;
225− cursor: -webkit-grabbing;
226− cursor: -moz-grabbing;
227− }
228−
229−/* marker & overlays interactivity */
230−.leaflet-marker-icon,
231−.leaflet-marker-shadow,
232−.leaflet-image-layer,
233−.leaflet-pane > svg path,
234−.leaflet-tile-container {
235− pointer-events: none;
236− }
237−
238−.leaflet-marker-icon.leaflet-interactive,
239−.leaflet-image-layer.leaflet-interactive,
240−.leaflet-pane > svg path.leaflet-interactive {
241− pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
242− pointer-events: auto;
243− }
244−
245−/* visual tweaks */
246−
247−.leaflet-container {
248− background: #ddd;
249− outline: 0;
250− }
251−.leaflet-container a {
252− color: #0078A8;
253− }
254−.leaflet-container a.leaflet-active {
255− outline: 2px solid orange;
256− }
257−.leaflet-zoom-box {
258− border: 2px dotted #38f;
259− background: rgba(255,255,255,0.5);
260− }
261−
262−
263−/* general typography */
264−.leaflet-container {
265− font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
266− }
267−
268−
269−/* general toolbar styles */
270−
271−.leaflet-bar {
272− box-shadow: 0 1px 5px rgba(0,0,0,0.65);
273− border-radius: 4px;
274− }
275−.leaflet-bar a,
276−.leaflet-bar a:hover {
277− background-color: #fff;
278− border-bottom: 1px solid #ccc;
279− width: 26px;
280− height: 26px;
281− line-height: 26px;
282− display: block;
283− text-align: center;
284− text-decoration: none;
285− color: black;
286− }
287−.leaflet-bar a,
288−.leaflet-control-layers-toggle {
289− background-position: 50% 50%;
290− background-repeat: no-repeat;
291− display: block;
292− }
293−.leaflet-bar a:hover {
294− background-color: #f4f4f4;
295− }
296−.leaflet-bar a:first-child {
297− border-top-left-radius: 4px;
298− border-top-right-radius: 4px;
299− }
300−.leaflet-bar a:last-child {
301− border-bottom-left-radius: 4px;
302− border-bottom-right-radius: 4px;
303− border-bottom: none;
304− }
305−.leaflet-bar a.leaflet-disabled {
306− cursor: default;
307− background-color: #f4f4f4;
308− color: #bbb;
309− }
310−
311−.leaflet-touch .leaflet-bar a {
312− width: 30px;
313− height: 30px;
314− line-height: 30px;
315− }
316−.leaflet-touch .leaflet-bar a:first-child {
317− border-top-left-radius: 2px;
318− border-top-right-radius: 2px;
319− }
320−.leaflet-touch .leaflet-bar a:last-child {
321− border-bottom-left-radius: 2px;
322− border-bottom-right-radius: 2px;
323− }
324−
325−/* zoom control */
326−
327−.leaflet-control-zoom-in,
328−.leaflet-control-zoom-out {
329− font: bold 18px 'Lucida Console', Monaco, monospace;
330− text-indent: 1px;
331− }
332−
333−.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
334− font-size: 22px;
335− }
336−
337−
338−/* layers control */
339−
340−.leaflet-control-layers {
341− box-shadow: 0 1px 5px rgba(0,0,0,0.4);
342− background: #fff;
343− border-radius: 5px;
344− }
345−.leaflet-control-layers-toggle {
346− background-image: url(images/layers.png);
347− width: 36px;
348− height: 36px;
349− }
350−.leaflet-retina .leaflet-control-layers-toggle {
351− background-image: url(images/layers-2x.png);
352− background-size: 26px 26px;
353− }
354−.leaflet-touch .leaflet-control-layers-toggle {
355− width: 44px;
356− height: 44px;
357− }
358−.leaflet-control-layers .leaflet-control-layers-list,
359−.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
360− display: none;
361− }
362−.leaflet-control-layers-expanded .leaflet-control-layers-list {
363− display: block;
364− position: relative;
365− }
366−.leaflet-control-layers-expanded {
367− padding: 6px 10px 6px 6px;
368− color: #333;
369− background: #fff;
370− }
371−.leaflet-control-layers-scrollbar {
372− overflow-y: scroll;
373− overflow-x: hidden;
374− padding-right: 5px;
375− }
376−.leaflet-control-layers-selector {
377− margin-top: 2px;
378− position: relative;
379− top: 1px;
380− }
381−.leaflet-control-layers label {
382− display: block;
383− }
384−.leaflet-control-layers-separator {
385− height: 0;
386− border-top: 1px solid #ddd;
387− margin: 5px -10px 5px -6px;
388− }
389−
390−/* Default icon URLs */
391−.leaflet-default-icon-path {
392− background-image: url(images/marker-icon.png);
393− }
394−
395−
396−/* attribution and scale controls */
397−
398−.leaflet-container .leaflet-control-attribution {
399− background: #fff;
400− background: rgba(255, 255, 255, 0.7);
401− margin: 0;
402− }
403−.leaflet-control-attribution,
404−.leaflet-control-scale-line {
405− padding: 0 5px;
406− color: #333;
407− }
408−.leaflet-control-attribution a {
409− text-decoration: none;
410− }
411−.leaflet-control-attribution a:hover {
412− text-decoration: underline;
413− }
414−.leaflet-container .leaflet-control-attribution,
415−.leaflet-container .leaflet-control-scale {
416− font-size: 11px;
417− }
418−.leaflet-left .leaflet-control-scale {
419− margin-left: 5px;
420− }
421−.leaflet-bottom .leaflet-control-scale {
422− margin-bottom: 5px;
423− }
424−.leaflet-control-scale-line {
425− border: 2px solid #777;
426− border-top: none;
427− line-height: 1.1;
428− padding: 2px 5px 1px;
429− font-size: 11px;
430− white-space: nowrap;
431− overflow: hidden;
432− -moz-box-sizing: border-box;
433− box-sizing: border-box;
434−
435− background: #fff;
436− background: rgba(255, 255, 255, 0.5);
437− }
438−.leaflet-control-scale-line:not(:first-child) {
439− border-top: 2px solid #777;
440− border-bottom: none;
441− margin-top: -2px;
442− }
443−.leaflet-control-scale-line:not(:first-child):not(:last-child) {
444− border-bottom: 2px solid #777;
445− }
446−
447−.leaflet-touch .leaflet-control-attribution,
448−.leaflet-touch .leaflet-control-layers,
449−.leaflet-touch .leaflet-bar {
450− box-shadow: none;
451− }
452−.leaflet-touch .leaflet-control-layers,
453−.leaflet-touch .leaflet-bar {
454− border: 2px solid rgba(0,0,0,0.2);
455− background-clip: padding-box;
456− }
457−
458−
459−/* popup */
460−
461−.leaflet-popup {
462− position: absolute;
463− text-align: center;
464− margin-bottom: 20px;
465− }
466−.leaflet-popup-content-wrapper {
467− padding: 1px;
468− text-align: left;
469− border-radius: 12px;
470− }
471−.leaflet-popup-content {
472− margin: 13px 19px;
473− line-height: 1.4;
474− }
475−.leaflet-popup-content p {
476− margin: 18px 0;
477− }
478−.leaflet-popup-tip-container {
479− width: 40px;
480− height: 20px;
481− position: absolute;
482− left: 50%;
483− margin-left: -20px;
484− overflow: hidden;
485− pointer-events: none;
486− }
487−.leaflet-popup-tip {
488− width: 17px;
489− height: 17px;
490− padding: 1px;
491−
492− margin: -10px auto 0;
493−
494− -webkit-transform: rotate(45deg);
495− -moz-transform: rotate(45deg);
496− -ms-transform: rotate(45deg);
497− -o-transform: rotate(45deg);
498− transform: rotate(45deg);
499− }
500−.leaflet-popup-content-wrapper,
501−.leaflet-popup-tip {
502− background: white;
503− color: #333;
504− box-shadow: 0 3px 14px rgba(0,0,0,0.4);
505− }
506−.leaflet-container a.leaflet-popup-close-button {
507− position: absolute;
508− top: 0;
509− right: 0;
510− padding: 4px 4px 0 0;
511− border: none;
512− text-align: center;
513− width: 18px;
514− height: 14px;
515− font: 16px/14px Tahoma, Verdana, sans-serif;
516− color: #c3c3c3;
517− text-decoration: none;
518− font-weight: bold;
519− background: transparent;
520− }
521−.leaflet-container a.leaflet-popup-close-button:hover {
522− color: #999;
523− }
524−.leaflet-popup-scrolled {
525− overflow: auto;
526− border-bottom: 1px solid #ddd;
527− border-top: 1px solid #ddd;
528− }
529−
530−.leaflet-oldie .leaflet-popup-content-wrapper {
531− zoom: 1;
532− }
533−.leaflet-oldie .leaflet-popup-tip {
534− width: 24px;
535− margin: 0 auto;
536−
537− -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
538− filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
539− }
540−.leaflet-oldie .leaflet-popup-tip-container {
541− margin-top: -1px;
542− }
543−
544−.leaflet-oldie .leaflet-control-zoom,
545−.leaflet-oldie .leaflet-control-layers,
546−.leaflet-oldie .leaflet-popup-content-wrapper,
547−.leaflet-oldie .leaflet-popup-tip {
548− border: 1px solid #999;
549− }
550−
551−
552−/* div icon */
553−
554−.leaflet-div-icon {
555− background: #fff;
556− border: 1px solid #666;
557− }
558−
559−
560−/* Tooltip */
561−/* Base styles for the element that has a tooltip */
562−.leaflet-tooltip {
563− position: absolute;
564− padding: 6px;
565− background-color: #fff;
566− border: 1px solid #fff;
567− border-radius: 3px;
568− color: #222;
569− white-space: nowrap;
570− -webkit-user-select: none;
571− -moz-user-select: none;
572− -ms-user-select: none;
573− user-select: none;
574− pointer-events: none;
575− box-shadow: 0 1px 3px rgba(0,0,0,0.4);
576− }
577−.leaflet-tooltip.leaflet-clickable {
578− cursor: pointer;
579− pointer-events: auto;
580− }
581−.leaflet-tooltip-top:before,
582−.leaflet-tooltip-bottom:before,
583−.leaflet-tooltip-left:before,
584−.leaflet-tooltip-right:before {
585− position: absolute;
586− pointer-events: none;
587− border: 6px solid transparent;
588− background: transparent;
589− content: "";
590− }
591−
592−/* Directions */
593−
594−.leaflet-tooltip-bottom {
595− margin-top: 6px;
596−}
597−.leaflet-tooltip-top {
598− margin-top: -6px;
599−}
600−.leaflet-tooltip-bottom:before,
601−.leaflet-tooltip-top:before {
602− left: 50%;
603− margin-left: -6px;
604− }
605−.leaflet-tooltip-top:before {
606− bottom: 0;
607− margin-bottom: -12px;
608− border-top-color: #fff;
609− }
610−.leaflet-tooltip-bottom:before {
611− top: 0;
612− margin-top: -12px;
613− margin-left: -6px;
614− border-bottom-color: #fff;
615− }
616−.leaflet-tooltip-left {
617− margin-left: -6px;
618−}
619−.leaflet-tooltip-right {
620− margin-left: 6px;
621−}
622−.leaflet-tooltip-left:before,
623−.leaflet-tooltip-right:before {
624− top: 50%;
625− margin-top: -6px;
626− }
627−.leaflet-tooltip-left:before {
628− right: 0;
629− margin-right: -12px;
630− border-left-color: #fff;
631− }
632−.leaflet-tooltip-right:before {
633− left: 0;
634− margin-left: -12px;
635− border-right-color: #fff;
636− }
1+/* required styles */
2+
3+.leaflet-pane,
4+.leaflet-tile,
5+.leaflet-marker-icon,
6+.leaflet-marker-shadow,
7+.leaflet-tile-container,
8+.leaflet-pane > svg,
9+.leaflet-pane > canvas,
10+.leaflet-zoom-box,
11+.leaflet-image-layer,
12+.leaflet-layer {
13+ position: absolute;
14+ left: 0;
15+ top: 0;
16+ }
17+.leaflet-container {
18+ overflow: hidden;
19+ }
20+.leaflet-tile,
21+.leaflet-marker-icon,
22+.leaflet-marker-shadow {
23+ -webkit-user-select: none;
24+ -moz-user-select: none;
25+ user-select: none;
26+ -webkit-user-drag: none;
27+ }
28+/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
29+.leaflet-safari .leaflet-tile {
30+ image-rendering: -webkit-optimize-contrast;
31+ }
32+/* hack that prevents hw layers "stretching" when loading new tiles */
33+.leaflet-safari .leaflet-tile-container {
34+ width: 1600px;
35+ height: 1600px;
36+ -webkit-transform-origin: 0 0;
37+ }
38+.leaflet-marker-icon,
39+.leaflet-marker-shadow {
40+ display: block;
41+ }
42+/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
43+/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
44+.leaflet-container .leaflet-overlay-pane svg,
45+.leaflet-container .leaflet-marker-pane img,
46+.leaflet-container .leaflet-shadow-pane img,
47+.leaflet-container .leaflet-tile-pane img,
48+.leaflet-container img.leaflet-image-layer {
49+ max-width: none !important;
50+ max-height: none !important;
51+ }
52+
53+.leaflet-container.leaflet-touch-zoom {
54+ -ms-touch-action: pan-x pan-y;
55+ touch-action: pan-x pan-y;
56+ }
57+.leaflet-container.leaflet-touch-drag {
58+ -ms-touch-action: pinch-zoom;
59+ /* Fallback for FF which doesn't support pinch-zoom */
60+ touch-action: none;
61+ touch-action: pinch-zoom;
62+}
63+.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
64+ -ms-touch-action: none;
65+ touch-action: none;
66+}
67+.leaflet-container {
68+ -webkit-tap-highlight-color: transparent;
69+}
70+.leaflet-container a {
71+ -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
72+}
73+.leaflet-tile {
74+ filter: inherit;
75+ visibility: hidden;
76+ }
77+.leaflet-tile-loaded {
78+ visibility: inherit;
79+ }
80+.leaflet-zoom-box {
81+ width: 0;
82+ height: 0;
83+ -moz-box-sizing: border-box;
84+ box-sizing: border-box;
85+ z-index: 800;
86+ }
87+/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
88+.leaflet-overlay-pane svg {
89+ -moz-user-select: none;
90+ }
91+
92+.leaflet-pane { z-index: 400; }
93+
94+.leaflet-tile-pane { z-index: 200; }
95+.leaflet-overlay-pane { z-index: 400; }
96+.leaflet-shadow-pane { z-index: 500; }
97+.leaflet-marker-pane { z-index: 600; }
98+.leaflet-tooltip-pane { z-index: 650; }
99+.leaflet-popup-pane { z-index: 700; }
100+
101+.leaflet-map-pane canvas { z-index: 100; }
102+.leaflet-map-pane svg { z-index: 200; }
103+
104+.leaflet-vml-shape {
105+ width: 1px;
106+ height: 1px;
107+ }
108+.lvml {
109+ behavior: url(#default#VML);
110+ display: inline-block;
111+ position: absolute;
112+ }
113+
114+
115+/* control positioning */
116+
117+.leaflet-control {
118+ position: relative;
119+ z-index: 800;
120+ pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
121+ pointer-events: auto;
122+ }
123+.leaflet-top,
124+.leaflet-bottom {
125+ position: absolute;
126+ z-index: 1000;
127+ pointer-events: none;
128+ }
129+.leaflet-top {
130+ top: 0;
131+ }
132+.leaflet-right {
133+ right: 0;
134+ }
135+.leaflet-bottom {
136+ bottom: 0;
137+ }
138+.leaflet-left {
139+ left: 0;
140+ }
141+.leaflet-control {
142+ float: left;
143+ clear: both;
144+ }
145+.leaflet-right .leaflet-control {
146+ float: right;
147+ }
148+.leaflet-top .leaflet-control {
149+ margin-top: 10px;
150+ }
151+.leaflet-bottom .leaflet-control {
152+ margin-bottom: 10px;
153+ }
154+.leaflet-left .leaflet-control {
155+ margin-left: 10px;
156+ }
157+.leaflet-right .leaflet-control {
158+ margin-right: 10px;
159+ }
160+
161+
162+/* zoom and fade animations */
163+
164+.leaflet-fade-anim .leaflet-tile {
165+ will-change: opacity;
166+ }
167+.leaflet-fade-anim .leaflet-popup {
168+ opacity: 0;
169+ -webkit-transition: opacity 0.2s linear;
170+ -moz-transition: opacity 0.2s linear;
171+ -o-transition: opacity 0.2s linear;
172+ transition: opacity 0.2s linear;
173+ }
174+.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
175+ opacity: 1;
176+ }
177+.leaflet-zoom-animated {
178+ -webkit-transform-origin: 0 0;
179+ -ms-transform-origin: 0 0;
180+ transform-origin: 0 0;
181+ }
182+.leaflet-zoom-anim .leaflet-zoom-animated {
183+ will-change: transform;
184+ }
185+.leaflet-zoom-anim .leaflet-zoom-animated {
186+ -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
187+ -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
188+ -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1);
189+ transition: transform 0.25s cubic-bezier(0,0,0.25,1);
190+ }
191+.leaflet-zoom-anim .leaflet-tile,
192+.leaflet-pan-anim .leaflet-tile {
193+ -webkit-transition: none;
194+ -moz-transition: none;
195+ -o-transition: none;
196+ transition: none;
197+ }
198+
199+.leaflet-zoom-anim .leaflet-zoom-hide {
200+ visibility: hidden;
201+ }
202+
203+
204+/* cursors */
205+
206+.leaflet-interactive {
207+ cursor: pointer;
208+ }
209+.leaflet-grab {
210+ cursor: -webkit-grab;
211+ cursor: -moz-grab;
212+ }
213+.leaflet-crosshair,
214+.leaflet-crosshair .leaflet-interactive {
215+ cursor: crosshair;
216+ }
217+.leaflet-popup-pane,
218+.leaflet-control {
219+ cursor: auto;
220+ }
221+.leaflet-dragging .leaflet-grab,
222+.leaflet-dragging .leaflet-grab .leaflet-interactive,
223+.leaflet-dragging .leaflet-marker-draggable {
224+ cursor: move;
225+ cursor: -webkit-grabbing;
226+ cursor: -moz-grabbing;
227+ }
228+
229+/* marker & overlays interactivity */
230+.leaflet-marker-icon,
231+.leaflet-marker-shadow,
232+.leaflet-image-layer,
233+.leaflet-pane > svg path,
234+.leaflet-tile-container {
235+ pointer-events: none;
236+ }
237+
238+.leaflet-marker-icon.leaflet-interactive,
239+.leaflet-image-layer.leaflet-interactive,
240+.leaflet-pane > svg path.leaflet-interactive {
241+ pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
242+ pointer-events: auto;
243+ }
244+
245+/* visual tweaks */
246+
247+.leaflet-container {
248+ background: #ddd;
249+ outline: 0;
250+ }
251+.leaflet-container a {
252+ color: #0078A8;
253+ }
254+.leaflet-container a.leaflet-active {
255+ outline: 2px solid orange;
256+ }
257+.leaflet-zoom-box {
258+ border: 2px dotted #38f;
259+ background: rgba(255,255,255,0.5);
260+ }
261+
262+
263+/* general typography */
264+.leaflet-container {
265+ font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
266+ }
267+
268+
269+/* general toolbar styles */
270+
271+.leaflet-bar {
272+ box-shadow: 0 1px 5px rgba(0,0,0,0.65);
273+ border-radius: 4px;
274+ }
275+.leaflet-bar a,
276+.leaflet-bar a:hover {
277+ background-color: #fff;
278+ border-bottom: 1px solid #ccc;
279+ width: 26px;
280+ height: 26px;
281+ line-height: 26px;
282+ display: block;
283+ text-align: center;
284+ text-decoration: none;
285+ color: black;
286+ }
287+.leaflet-bar a,
288+.leaflet-control-layers-toggle {
289+ background-position: 50% 50%;
290+ background-repeat: no-repeat;
291+ display: block;
292+ }
293+.leaflet-bar a:hover {
294+ background-color: #f4f4f4;
295+ }
296+.leaflet-bar a:first-child {
297+ border-top-left-radius: 4px;
298+ border-top-right-radius: 4px;
299+ }
300+.leaflet-bar a:last-child {
301+ border-bottom-left-radius: 4px;
302+ border-bottom-right-radius: 4px;
303+ border-bottom: none;
304+ }
305+.leaflet-bar a.leaflet-disabled {
306+ cursor: default;
307+ background-color: #f4f4f4;
308+ color: #bbb;
309+ }
310+
311+.leaflet-touch .leaflet-bar a {
312+ width: 30px;
313+ height: 30px;
314+ line-height: 30px;
315+ }
316+.leaflet-touch .leaflet-bar a:first-child {
317+ border-top-left-radius: 2px;
318+ border-top-right-radius: 2px;
319+ }
320+.leaflet-touch .leaflet-bar a:last-child {
321+ border-bottom-left-radius: 2px;
322+ border-bottom-right-radius: 2px;
323+ }
324+
325+/* zoom control */
326+
327+.leaflet-control-zoom-in,
328+.leaflet-control-zoom-out {
329+ font: bold 18px 'Lucida Console', Monaco, monospace;
330+ text-indent: 1px;
331+ }
332+
333+.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
334+ font-size: 22px;
335+ }
336+
337+
338+/* layers control */
339+
340+.leaflet-control-layers {
341+ box-shadow: 0 1px 5px rgba(0,0,0,0.4);
342+ background: #fff;
343+ border-radius: 5px;
344+ }
345+.leaflet-control-layers-toggle {
346+ background-image: url(images/layers.png);
347+ width: 36px;
348+ height: 36px;
349+ }
350+.leaflet-retina .leaflet-control-layers-toggle {
351+ background-image: url(images/layers-2x.png);
352+ background-size: 26px 26px;
353+ }
354+.leaflet-touch .leaflet-control-layers-toggle {
355+ width: 44px;
356+ height: 44px;
357+ }
358+.leaflet-control-layers .leaflet-control-layers-list,
359+.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
360+ display: none;
361+ }
362+.leaflet-control-layers-expanded .leaflet-control-layers-list {
363+ display: block;
364+ position: relative;
365+ }
366+.leaflet-control-layers-expanded {
367+ padding: 6px 10px 6px 6px;
368+ color: #333;
369+ background: #fff;
370+ }
371+.leaflet-control-layers-scrollbar {
372+ overflow-y: scroll;
373+ overflow-x: hidden;
374+ padding-right: 5px;
375+ }
376+.leaflet-control-layers-selector {
377+ margin-top: 2px;
378+ position: relative;
379+ top: 1px;
380+ }
381+.leaflet-control-layers label {
382+ display: block;
383+ }
384+.leaflet-control-layers-separator {
385+ height: 0;
386+ border-top: 1px solid #ddd;
387+ margin: 5px -10px 5px -6px;
388+ }
389+
390+/* Default icon URLs */
391+.leaflet-default-icon-path {
392+ background-image: url(images/marker-icon.png);
393+ }
394+
395+
396+/* attribution and scale controls */
397+
398+.leaflet-container .leaflet-control-attribution {
399+ background: #fff;
400+ background: rgba(255, 255, 255, 0.7);
401+ margin: 0;
402+ }
403+.leaflet-control-attribution,
404+.leaflet-control-scale-line {
405+ padding: 0 5px;
406+ color: #333;
407+ }
408+.leaflet-control-attribution a {
409+ text-decoration: none;
410+ }
411+.leaflet-control-attribution a:hover {
412+ text-decoration: underline;
413+ }
414+.leaflet-container .leaflet-control-attribution,
415+.leaflet-container .leaflet-control-scale {
416+ font-size: 11px;
417+ }
418+.leaflet-left .leaflet-control-scale {
419+ margin-left: 5px;
420+ }
421+.leaflet-bottom .leaflet-control-scale {
422+ margin-bottom: 5px;
423+ }
424+.leaflet-control-scale-line {
425+ border: 2px solid #777;
426+ border-top: none;
427+ line-height: 1.1;
428+ padding: 2px 5px 1px;
429+ font-size: 11px;
430+ white-space: nowrap;
431+ overflow: hidden;
432+ -moz-box-sizing: border-box;
433+ box-sizing: border-box;
434+
435+ background: #fff;
436+ background: rgba(255, 255, 255, 0.5);
437+ }
438+.leaflet-control-scale-line:not(:first-child) {
439+ border-top: 2px solid #777;
440+ border-bottom: none;
441+ margin-top: -2px;
442+ }
443+.leaflet-control-scale-line:not(:first-child):not(:last-child) {
444+ border-bottom: 2px solid #777;
445+ }
446+
447+.leaflet-touch .leaflet-control-attribution,
448+.leaflet-touch .leaflet-control-layers,
449+.leaflet-touch .leaflet-bar {
450+ box-shadow: none;
451+ }
452+.leaflet-touch .leaflet-control-layers,
453+.leaflet-touch .leaflet-bar {
454+ border: 2px solid rgba(0,0,0,0.2);
455+ background-clip: padding-box;
456+ }
457+
458+
459+/* popup */
460+
461+.leaflet-popup {
462+ position: absolute;
463+ text-align: center;
464+ margin-bottom: 20px;
465+ }
466+.leaflet-popup-content-wrapper {
467+ padding: 1px;
468+ text-align: left;
469+ border-radius: 12px;
470+ }
471+.leaflet-popup-content {
472+ margin: 13px 19px;
473+ line-height: 1.4;
474+ }
475+.leaflet-popup-content p {
476+ margin: 18px 0;
477+ }
478+.leaflet-popup-tip-container {
479+ width: 40px;
480+ height: 20px;
481+ position: absolute;
482+ left: 50%;
483+ margin-left: -20px;
484+ overflow: hidden;
485+ pointer-events: none;
486+ }
487+.leaflet-popup-tip {
488+ width: 17px;
489+ height: 17px;
490+ padding: 1px;
491+
492+ margin: -10px auto 0;
493+
494+ -webkit-transform: rotate(45deg);
495+ -moz-transform: rotate(45deg);
496+ -ms-transform: rotate(45deg);
497+ -o-transform: rotate(45deg);
498+ transform: rotate(45deg);
499+ }
500+.leaflet-popup-content-wrapper,
501+.leaflet-popup-tip {
502+ background: white;
503+ color: #333;
504+ box-shadow: 0 3px 14px rgba(0,0,0,0.4);
505+ }
506+.leaflet-container a.leaflet-popup-close-button {
507+ position: absolute;
508+ top: 0;
509+ right: 0;
510+ padding: 4px 4px 0 0;
511+ border: none;
512+ text-align: center;
513+ width: 18px;
514+ height: 14px;
515+ font: 16px/14px Tahoma, Verdana, sans-serif;
516+ color: #c3c3c3;
517+ text-decoration: none;
518+ font-weight: bold;
519+ background: transparent;
520+ }
521+.leaflet-container a.leaflet-popup-close-button:hover {
522+ color: #999;
523+ }
524+.leaflet-popup-scrolled {
525+ overflow: auto;
526+ border-bottom: 1px solid #ddd;
527+ border-top: 1px solid #ddd;
528+ }
529+
530+.leaflet-oldie .leaflet-popup-content-wrapper {
531+ zoom: 1;
532+ }
533+.leaflet-oldie .leaflet-popup-tip {
534+ width: 24px;
535+ margin: 0 auto;
536+
537+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
538+ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
539+ }
540+.leaflet-oldie .leaflet-popup-tip-container {
541+ margin-top: -1px;
542+ }
543+
544+.leaflet-oldie .leaflet-control-zoom,
545+.leaflet-oldie .leaflet-control-layers,
546+.leaflet-oldie .leaflet-popup-content-wrapper,
547+.leaflet-oldie .leaflet-popup-tip {
548+ border: 1px solid #999;
549+ }
550+
551+
552+/* div icon */
553+
554+.leaflet-div-icon {
555+ background: #fff;
556+ border: 1px solid #666;
557+ }
558+
559+
560+/* Tooltip */
561+/* Base styles for the element that has a tooltip */
562+.leaflet-tooltip {
563+ position: absolute;
564+ padding: 6px;
565+ background-color: #fff;
566+ border: 1px solid #fff;
567+ border-radius: 3px;
568+ color: #222;
569+ white-space: nowrap;
570+ -webkit-user-select: none;
571+ -moz-user-select: none;
572+ -ms-user-select: none;
573+ user-select: none;
574+ pointer-events: none;
575+ box-shadow: 0 1px 3px rgba(0,0,0,0.4);
576+ }
577+.leaflet-tooltip.leaflet-clickable {
578+ cursor: pointer;
579+ pointer-events: auto;
580+ }
581+.leaflet-tooltip-top:before,
582+.leaflet-tooltip-bottom:before,
583+.leaflet-tooltip-left:before,
584+.leaflet-tooltip-right:before {
585+ position: absolute;
586+ pointer-events: none;
587+ border: 6px solid transparent;
588+ background: transparent;
589+ content: "";
590+ }
591+
592+/* Directions */
593+
594+.leaflet-tooltip-bottom {
595+ margin-top: 6px;
596+}
597+.leaflet-tooltip-top {
598+ margin-top: -6px;
599+}
600+.leaflet-tooltip-bottom:before,
601+.leaflet-tooltip-top:before {
602+ left: 50%;
603+ margin-left: -6px;
604+ }
605+.leaflet-tooltip-top:before {
606+ bottom: 0;
607+ margin-bottom: -12px;
608+ border-top-color: #fff;
609+ }
610+.leaflet-tooltip-bottom:before {
611+ top: 0;
612+ margin-top: -12px;
613+ margin-left: -6px;
614+ border-bottom-color: #fff;
615+ }
616+.leaflet-tooltip-left {
617+ margin-left: -6px;
618+}
619+.leaflet-tooltip-right {
620+ margin-left: 6px;
621+}
622+.leaflet-tooltip-left:before,
623+.leaflet-tooltip-right:before {
624+ top: 50%;
625+ margin-top: -6px;
626+ }
627+.leaflet-tooltip-left:before {
628+ right: 0;
629+ margin-right: -12px;
630+ border-left-color: #fff;
631+ }
632+.leaflet-tooltip-right:before {
633+ left: 0;
634+ margin-left: -12px;
635+ border-right-color: #fff;
636+ }