fix themes
[wolnelektury.git] / src / wolnelektury / static / contrib / leaflet-1.9.4 / leaflet.css
1 /* required styles */\r
2 \r
3 .leaflet-pane,\r
4 .leaflet-tile,\r
5 .leaflet-marker-icon,\r
6 .leaflet-marker-shadow,\r
7 .leaflet-tile-container,\r
8 .leaflet-pane > svg,\r
9 .leaflet-pane > canvas,\r
10 .leaflet-zoom-box,\r
11 .leaflet-image-layer,\r
12 .leaflet-layer {\r
13         position: absolute;\r
14         left: 0;\r
15         top: 0;\r
16         }\r
17 .leaflet-container {\r
18         overflow: hidden;\r
19         }\r
20 .leaflet-tile,\r
21 .leaflet-marker-icon,\r
22 .leaflet-marker-shadow {\r
23         -webkit-user-select: none;\r
24            -moz-user-select: none;\r
25                 user-select: none;\r
26           -webkit-user-drag: none;\r
27         }\r
28 /* Prevents IE11 from highlighting tiles in blue */\r
29 .leaflet-tile::selection {\r
30         background: transparent;\r
31 }\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
35         }\r
36 /* hack that prevents hw layers "stretching" when loading new tiles */\r
37 .leaflet-safari .leaflet-tile-container {\r
38         width: 1600px;\r
39         height: 1600px;\r
40         -webkit-transform-origin: 0 0;\r
41         }\r
42 .leaflet-marker-icon,\r
43 .leaflet-marker-shadow {\r
44         display: block;\r
45         }\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
51         }\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
59         width: auto;\r
60         padding: 0;\r
61         }\r
62 \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
66 }\r
67 \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
71         }\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
75         touch-action: none;\r
76         touch-action: pinch-zoom;\r
77 }\r
78 .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {\r
79         -ms-touch-action: none;\r
80         touch-action: none;\r
81 }\r
82 .leaflet-container {\r
83         -webkit-tap-highlight-color: transparent;\r
84 }\r
85 .leaflet-container a {\r
86         -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);\r
87 }\r
88 .leaflet-tile {\r
89         filter: inherit;\r
90         visibility: hidden;\r
91         }\r
92 .leaflet-tile-loaded {\r
93         visibility: inherit;\r
94         }\r
95 .leaflet-zoom-box {\r
96         width: 0;\r
97         height: 0;\r
98         -moz-box-sizing: border-box;\r
99              box-sizing: border-box;\r
100         z-index: 800;\r
101         }\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
105         }\r
106 \r
107 .leaflet-pane         { z-index: 400; }\r
108 \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
115 \r
116 .leaflet-map-pane canvas { z-index: 100; }\r
117 .leaflet-map-pane svg    { z-index: 200; }\r
118 \r
119 .leaflet-vml-shape {\r
120         width: 1px;\r
121         height: 1px;\r
122         }\r
123 .lvml {\r
124         behavior: url(#default#VML);\r
125         display: inline-block;\r
126         position: absolute;\r
127         }\r
128 \r
129 \r
130 /* control positioning */\r
131 \r
132 .leaflet-control {\r
133         position: relative;\r
134         z-index: 800;\r
135         pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */\r
136         pointer-events: auto;\r
137         }\r
138 .leaflet-top,\r
139 .leaflet-bottom {\r
140         position: absolute;\r
141         z-index: 1000;\r
142         pointer-events: none;\r
143         }\r
144 .leaflet-top {\r
145         top: 0;\r
146         }\r
147 .leaflet-right {\r
148         right: 0;\r
149         }\r
150 .leaflet-bottom {\r
151         bottom: 0;\r
152         }\r
153 .leaflet-left {\r
154         left: 0;\r
155         }\r
156 .leaflet-control {\r
157         float: left;\r
158         clear: both;\r
159         }\r
160 .leaflet-right .leaflet-control {\r
161         float: right;\r
162         }\r
163 .leaflet-top .leaflet-control {\r
164         margin-top: 10px;\r
165         }\r
166 .leaflet-bottom .leaflet-control {\r
167         margin-bottom: 10px;\r
168         }\r
169 .leaflet-left .leaflet-control {\r
170         margin-left: 10px;\r
171         }\r
172 .leaflet-right .leaflet-control {\r
173         margin-right: 10px;\r
174         }\r
175 \r
176 \r
177 /* zoom and fade animations */\r
178 \r
179 .leaflet-fade-anim .leaflet-popup {\r
180         opacity: 0;\r
181         -webkit-transition: opacity 0.2s linear;\r
182            -moz-transition: opacity 0.2s linear;\r
183                 transition: opacity 0.2s linear;\r
184         }\r
185 .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {\r
186         opacity: 1;\r
187         }\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
192         }\r
193 svg.leaflet-zoom-animated {\r
194         will-change: transform;\r
195 }\r
196 \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
201         }\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
206                 transition: none;\r
207         }\r
208 \r
209 .leaflet-zoom-anim .leaflet-zoom-hide {\r
210         visibility: hidden;\r
211         }\r
212 \r
213 \r
214 /* cursors */\r
215 \r
216 .leaflet-interactive {\r
217         cursor: pointer;\r
218         }\r
219 .leaflet-grab {\r
220         cursor: -webkit-grab;\r
221         cursor:    -moz-grab;\r
222         cursor:         grab;\r
223         }\r
224 .leaflet-crosshair,\r
225 .leaflet-crosshair .leaflet-interactive {\r
226         cursor: crosshair;\r
227         }\r
228 .leaflet-popup-pane,\r
229 .leaflet-control {\r
230         cursor: auto;\r
231         }\r
232 .leaflet-dragging .leaflet-grab,\r
233 .leaflet-dragging .leaflet-grab .leaflet-interactive,\r
234 .leaflet-dragging .leaflet-marker-draggable {\r
235         cursor: move;\r
236         cursor: -webkit-grabbing;\r
237         cursor:    -moz-grabbing;\r
238         cursor:         grabbing;\r
239         }\r
240 \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
248         }\r
249 \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
256         }\r
257 \r
258 /* visual tweaks */\r
259 \r
260 .leaflet-container {\r
261         background: #ddd;\r
262         outline-offset: 1px;\r
263         }\r
264 .leaflet-container a {\r
265         color: #0078A8;\r
266         }\r
267 .leaflet-zoom-box {\r
268         border: 2px dotted #38f;\r
269         background: rgba(255,255,255,0.5);\r
270         }\r
271 \r
272 \r
273 /* general typography */\r
274 .leaflet-container {\r
275         font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;\r
276         font-size: 12px;\r
277         font-size: 0.75rem;\r
278         line-height: 1.5;\r
279         }\r
280 \r
281 \r
282 /* general toolbar styles */\r
283 \r
284 .leaflet-bar {\r
285         box-shadow: 0 1px 5px rgba(0,0,0,0.65);\r
286         border-radius: 4px;\r
287         }\r
288 .leaflet-bar a {\r
289         background-color: #fff;\r
290         border-bottom: 1px solid #ccc;\r
291         width: 26px;\r
292         height: 26px;\r
293         line-height: 26px;\r
294         display: block;\r
295         text-align: center;\r
296         text-decoration: none;\r
297         color: black;\r
298         }\r
299 .leaflet-bar a,\r
300 .leaflet-control-layers-toggle {\r
301         background-position: 50% 50%;\r
302         background-repeat: no-repeat;\r
303         display: block;\r
304         }\r
305 .leaflet-bar a:hover,\r
306 .leaflet-bar a:focus {\r
307         background-color: #f4f4f4;\r
308         }\r
309 .leaflet-bar a:first-child {\r
310         border-top-left-radius: 4px;\r
311         border-top-right-radius: 4px;\r
312         }\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
317         }\r
318 .leaflet-bar a.leaflet-disabled {\r
319         cursor: default;\r
320         background-color: #f4f4f4;\r
321         color: #bbb;\r
322         }\r
323 \r
324 .leaflet-touch .leaflet-bar a {\r
325         width: 30px;\r
326         height: 30px;\r
327         line-height: 30px;\r
328         }\r
329 .leaflet-touch .leaflet-bar a:first-child {\r
330         border-top-left-radius: 2px;\r
331         border-top-right-radius: 2px;\r
332         }\r
333 .leaflet-touch .leaflet-bar a:last-child {\r
334         border-bottom-left-radius: 2px;\r
335         border-bottom-right-radius: 2px;\r
336         }\r
337 \r
338 /* zoom control */\r
339 \r
340 .leaflet-control-zoom-in,\r
341 .leaflet-control-zoom-out {\r
342         font: bold 18px 'Lucida Console', Monaco, monospace;\r
343         text-indent: 1px;\r
344         }\r
345 \r
346 .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {\r
347         font-size: 22px;\r
348         }\r
349 \r
350 \r
351 /* layers control */\r
352 \r
353 .leaflet-control-layers {\r
354         box-shadow: 0 1px 5px rgba(0,0,0,0.4);\r
355         background: #fff;\r
356         border-radius: 5px;\r
357         }\r
358 .leaflet-control-layers-toggle {\r
359         background-image: url(images/layers.png);\r
360         width: 36px;\r
361         height: 36px;\r
362         }\r
363 .leaflet-retina .leaflet-control-layers-toggle {\r
364         background-image: url(images/layers-2x.png);\r
365         background-size: 26px 26px;\r
366         }\r
367 .leaflet-touch .leaflet-control-layers-toggle {\r
368         width: 44px;\r
369         height: 44px;\r
370         }\r
371 .leaflet-control-layers .leaflet-control-layers-list,\r
372 .leaflet-control-layers-expanded .leaflet-control-layers-toggle {\r
373         display: none;\r
374         }\r
375 .leaflet-control-layers-expanded .leaflet-control-layers-list {\r
376         display: block;\r
377         position: relative;\r
378         }\r
379 .leaflet-control-layers-expanded {\r
380         padding: 6px 10px 6px 6px;\r
381         color: #333;\r
382         background: #fff;\r
383         }\r
384 .leaflet-control-layers-scrollbar {\r
385         overflow-y: scroll;\r
386         overflow-x: hidden;\r
387         padding-right: 5px;\r
388         }\r
389 .leaflet-control-layers-selector {\r
390         margin-top: 2px;\r
391         position: relative;\r
392         top: 1px;\r
393         }\r
394 .leaflet-control-layers label {\r
395         display: block;\r
396         font-size: 13px;\r
397         font-size: 1.08333em;\r
398         }\r
399 .leaflet-control-layers-separator {\r
400         height: 0;\r
401         border-top: 1px solid #ddd;\r
402         margin: 5px -10px 5px -6px;\r
403         }\r
404 \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
408         }\r
409 \r
410 \r
411 /* attribution and scale controls */\r
412 \r
413 .leaflet-container .leaflet-control-attribution {\r
414         background: #fff;\r
415         background: rgba(255, 255, 255, 0.8);\r
416         margin: 0;\r
417         }\r
418 .leaflet-control-attribution,\r
419 .leaflet-control-scale-line {\r
420         padding: 0 5px;\r
421         color: #333;\r
422         line-height: 1.4;\r
423         }\r
424 .leaflet-control-attribution a {\r
425         text-decoration: none;\r
426         }\r
427 .leaflet-control-attribution a:hover,\r
428 .leaflet-control-attribution a:focus {\r
429         text-decoration: underline;\r
430         }\r
431 .leaflet-attribution-flag {\r
432         display: inline !important;\r
433         vertical-align: baseline !important;\r
434         width: 1em;\r
435         height: 0.6669em;\r
436         }\r
437 .leaflet-left .leaflet-control-scale {\r
438         margin-left: 5px;\r
439         }\r
440 .leaflet-bottom .leaflet-control-scale {\r
441         margin-bottom: 5px;\r
442         }\r
443 .leaflet-control-scale-line {\r
444         border: 2px solid #777;\r
445         border-top: none;\r
446         line-height: 1.1;\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
453         }\r
454 .leaflet-control-scale-line:not(:first-child) {\r
455         border-top: 2px solid #777;\r
456         border-bottom: none;\r
457         margin-top: -2px;\r
458         }\r
459 .leaflet-control-scale-line:not(:first-child):not(:last-child) {\r
460         border-bottom: 2px solid #777;\r
461         }\r
462 \r
463 .leaflet-touch .leaflet-control-attribution,\r
464 .leaflet-touch .leaflet-control-layers,\r
465 .leaflet-touch .leaflet-bar {\r
466         box-shadow: none;\r
467         }\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
472         }\r
473 \r
474 \r
475 /* popup */\r
476 \r
477 .leaflet-popup {\r
478         position: absolute;\r
479         text-align: center;\r
480         margin-bottom: 20px;\r
481         }\r
482 .leaflet-popup-content-wrapper {\r
483         padding: 1px;\r
484         text-align: left;\r
485         border-radius: 12px;\r
486         }\r
487 .leaflet-popup-content {\r
488         margin: 13px 24px 13px 20px;\r
489         line-height: 1.3;\r
490         font-size: 13px;\r
491         font-size: 1.08333em;\r
492         min-height: 1px;\r
493         }\r
494 .leaflet-popup-content p {\r
495         margin: 17px 0;\r
496         margin: 1.3em 0;\r
497         }\r
498 .leaflet-popup-tip-container {\r
499         width: 40px;\r
500         height: 20px;\r
501         position: absolute;\r
502         left: 50%;\r
503         margin-top: -1px;\r
504         margin-left: -20px;\r
505         overflow: hidden;\r
506         pointer-events: none;\r
507         }\r
508 .leaflet-popup-tip {\r
509         width: 17px;\r
510         height: 17px;\r
511         padding: 1px;\r
512 \r
513         margin: -10px auto 0;\r
514         pointer-events: auto;\r
515 \r
516         -webkit-transform: rotate(45deg);\r
517            -moz-transform: rotate(45deg);\r
518             -ms-transform: rotate(45deg);\r
519                 transform: rotate(45deg);\r
520         }\r
521 .leaflet-popup-content-wrapper,\r
522 .leaflet-popup-tip {\r
523         background: white;\r
524         color: #333;\r
525         box-shadow: 0 3px 14px rgba(0,0,0,0.4);\r
526         }\r
527 .leaflet-container a.leaflet-popup-close-button {\r
528         position: absolute;\r
529         top: 0;\r
530         right: 0;\r
531         border: none;\r
532         text-align: center;\r
533         width: 24px;\r
534         height: 24px;\r
535         font: 16px/24px Tahoma, Verdana, sans-serif;\r
536         color: #757575;\r
537         text-decoration: none;\r
538         background: transparent;\r
539         }\r
540 .leaflet-container a.leaflet-popup-close-button:hover,\r
541 .leaflet-container a.leaflet-popup-close-button:focus {\r
542         color: #585858;\r
543         }\r
544 .leaflet-popup-scrolled {\r
545         overflow: auto;\r
546         }\r
547 \r
548 .leaflet-oldie .leaflet-popup-content-wrapper {\r
549         -ms-zoom: 1;\r
550         }\r
551 .leaflet-oldie .leaflet-popup-tip {\r
552         width: 24px;\r
553         margin: 0 auto;\r
554 \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
557         }\r
558 \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
564         }\r
565 \r
566 \r
567 /* div icon */\r
568 \r
569 .leaflet-div-icon {\r
570         background: #fff;\r
571         border: 1px solid #666;\r
572         }\r
573 \r
574 \r
575 /* Tooltip */\r
576 /* Base styles for the element that has a tooltip */\r
577 .leaflet-tooltip {\r
578         position: absolute;\r
579         padding: 6px;\r
580         background-color: #fff;\r
581         border: 1px solid #fff;\r
582         border-radius: 3px;\r
583         color: #222;\r
584         white-space: nowrap;\r
585         -webkit-user-select: none;\r
586         -moz-user-select: none;\r
587         -ms-user-select: none;\r
588         user-select: none;\r
589         pointer-events: none;\r
590         box-shadow: 0 1px 3px rgba(0,0,0,0.4);\r
591         }\r
592 .leaflet-tooltip.leaflet-interactive {\r
593         cursor: pointer;\r
594         pointer-events: auto;\r
595         }\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
604         content: "";\r
605         }\r
606 \r
607 /* Directions */\r
608 \r
609 .leaflet-tooltip-bottom {\r
610         margin-top: 6px;\r
611 }\r
612 .leaflet-tooltip-top {\r
613         margin-top: -6px;\r
614 }\r
615 .leaflet-tooltip-bottom:before,\r
616 .leaflet-tooltip-top:before {\r
617         left: 50%;\r
618         margin-left: -6px;\r
619         }\r
620 .leaflet-tooltip-top:before {\r
621         bottom: 0;\r
622         margin-bottom: -12px;\r
623         border-top-color: #fff;\r
624         }\r
625 .leaflet-tooltip-bottom:before {\r
626         top: 0;\r
627         margin-top: -12px;\r
628         margin-left: -6px;\r
629         border-bottom-color: #fff;\r
630         }\r
631 .leaflet-tooltip-left {\r
632         margin-left: -6px;\r
633 }\r
634 .leaflet-tooltip-right {\r
635         margin-left: 6px;\r
636 }\r
637 .leaflet-tooltip-left:before,\r
638 .leaflet-tooltip-right:before {\r
639         top: 50%;\r
640         margin-top: -6px;\r
641         }\r
642 .leaflet-tooltip-left:before {\r
643         right: 0;\r
644         margin-right: -12px;\r
645         border-left-color: #fff;\r
646         }\r
647 .leaflet-tooltip-right:before {\r
648         left: 0;\r
649         margin-left: -12px;\r
650         border-right-color: #fff;\r
651         }\r
652 \r
653 /* Printing */\r
654 \r
655 @media print {\r
656         /* Prevent printers from removing background-images of controls. */\r
657         .leaflet-control {\r
658                 -webkit-print-color-adjust: exact;\r
659                 print-color-adjust: exact;\r
660                 }\r
661         }\r