6 .leaflet-marker-shadow,
12 .leaflet-overlay-pane svg,
22 -ms-touch-action: none;
26 .leaflet-marker-shadow {
27 -webkit-user-select: none;
28 -moz-user-select: none;
32 .leaflet-marker-shadow {
35 /* map is broken in FF if you have max-width: 100% on tiles */
36 .leaflet-container img {
37 max-width: none !important;
39 /* stupid Android 2 doesn't understand "max-width: none" properly */
40 .leaflet-container img.leaflet-image-layer {
41 max-width: 15000px !important;
47 .leaflet-tile-loaded {
55 .leaflet-tile-pane { z-index: 2; }
56 .leaflet-objects-pane { z-index: 3; }
57 .leaflet-overlay-pane { z-index: 4; }
58 .leaflet-shadow-pane { z-index: 5; }
59 .leaflet-marker-pane { z-index: 6; }
60 .leaflet-popup-pane { z-index: 7; }
63 /* control positioning */
92 .leaflet-right .leaflet-control {
95 .leaflet-top .leaflet-control {
98 .leaflet-bottom .leaflet-control {
101 .leaflet-left .leaflet-control {
104 .leaflet-right .leaflet-control {
109 /* zoom and fade animations */
111 .leaflet-fade-anim .leaflet-tile,
112 .leaflet-fade-anim .leaflet-popup {
114 -webkit-transition: opacity 0.2s linear;
115 -moz-transition: opacity 0.2s linear;
116 -o-transition: opacity 0.2s linear;
117 transition: opacity 0.2s linear;
119 .leaflet-fade-anim .leaflet-tile-loaded,
120 .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
124 .leaflet-zoom-anim .leaflet-zoom-animated {
125 -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
126 -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
127 -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1);
128 transition: transform 0.25s cubic-bezier(0,0,0.25,1);
130 .leaflet-zoom-anim .leaflet-tile,
131 .leaflet-pan-anim .leaflet-tile,
132 .leaflet-touching .leaflet-zoom-animated {
133 -webkit-transition: none;
134 -moz-transition: none;
139 .leaflet-zoom-anim .leaflet-zoom-hide {
150 cursor: -webkit-grab;
158 .leaflet-dragging .leaflet-clickable,
159 .leaflet-dragging .leaflet-container {
161 cursor: -webkit-grabbing;
162 cursor: -moz-grabbing;
172 .leaflet-container a {
175 .leaflet-container a.leaflet-active {
176 outline: 2px solid orange;
179 border: 2px dotted #05f;
185 /* general typography */
187 font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
191 /* general toolbar styles */
194 box-shadow: 0 0 8px rgba(0,0,0,0.4);
195 border: 1px solid #888;
196 -webkit-border-radius: 5px;
200 background-color: rgba(255, 255, 255, 0.8);
201 border-bottom: 1px solid #aaa;
203 .leaflet-bar-part-top {
204 -webkit-border-radius: 4px 4px 0 0;
205 border-radius: 4px 4px 0 0;
207 .leaflet-bar-part-bottom {
208 -webkit-border-radius: 0 0 4px 4px;
209 border-radius: 0 0 4px 4px;
213 .leaflet-touch .leaflet-bar {
214 -webkit-border-radius: 10px;
217 .leaflet-touch .leaflet-bar-part {
218 border-bottom: 4px solid rgba(0,0,0,0.3);
220 .leaflet-touch .leaflet-bar-part-top {
221 -webkit-border-radius: 7px 7px 0 0;
222 border-radius: 7px 7px 0 0;
224 .leaflet-touch .leaflet-bar-part-bottom {
225 -webkit-border-radius: 0 0 7px 7px;
226 border-radius: 0 0 7px 7px;
233 .leaflet-container .leaflet-control-zoom {
237 .leaflet-control-zoom a {
241 text-decoration: none;
244 .leaflet-control-zoom a,
245 .leaflet-control-layers-toggle {
246 background-position: 50% 50%;
247 background-repeat: no-repeat;
250 .leaflet-control-zoom a:hover {
251 background-color: #fff;
254 .leaflet-control-zoom-in {
255 font: bold 18px/24px Arial, Helvetica, sans-serif;
257 .leaflet-control-zoom-out {
258 font: bold 23px/20px Tahoma, Verdana, sans-serif;
260 .leaflet-control-zoom a.leaflet-control-zoom-disabled {
262 background-color: rgba(255, 255, 255, 0.8);
266 .leaflet-touch .leaflet-control-zoom a {
270 .leaflet-touch .leaflet-control-zoom-in {
274 .leaflet-touch .leaflet-control-zoom-out {
281 .leaflet-control-layers {
282 box-shadow: 0 1px 7px rgba(0,0,0,0.4);
284 -webkit-border-radius: 8px;
287 .leaflet-control-layers-toggle {
288 background-image: url(images/layers.png);
292 .leaflet-touch .leaflet-control-layers-toggle {
296 .leaflet-control-layers .leaflet-control-layers-list,
297 .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
300 .leaflet-control-layers-expanded .leaflet-control-layers-list {
304 .leaflet-control-layers-expanded {
305 padding: 6px 10px 6px 6px;
309 .leaflet-control-layers-selector {
314 .leaflet-control-layers label {
317 .leaflet-control-layers-separator {
319 border-top: 1px solid #ddd;
320 margin: 5px -10px 5px -6px;
324 /* attribution and scale controls */
326 .leaflet-container .leaflet-control-attribution {
327 background-color: rgba(255, 255, 255, 0.7);
328 box-shadow: 0 0 5px #bbb;
331 .leaflet-control-attribution,
332 .leaflet-control-scale-line {
336 .leaflet-container .leaflet-control-attribution,
337 .leaflet-container .leaflet-control-scale {
340 .leaflet-left .leaflet-control-scale {
343 .leaflet-bottom .leaflet-control-scale {
346 .leaflet-control-scale-line {
347 border: 2px solid #777;
351 padding: 2px 5px 1px;
353 text-shadow: 1px 1px 1px #fff;
354 background-color: rgba(255, 255, 255, 0.5);
355 box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
359 .leaflet-control-scale-line:not(:first-child) {
360 border-top: 2px solid #777;
363 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
365 .leaflet-control-scale-line:not(:first-child):not(:last-child) {
366 border-bottom: 2px solid #777;
369 .leaflet-touch .leaflet-control-attribution,
370 .leaflet-touch .leaflet-control-layers,
371 .leaflet-touch .leaflet-control-zoom {
374 .leaflet-touch .leaflet-control-layers,
375 .leaflet-touch .leaflet-control-zoom {
376 border: 4px solid rgba(0,0,0,0.3);
386 .leaflet-popup-content-wrapper {
389 -webkit-border-radius: 20px;
392 .leaflet-popup-content {
396 .leaflet-popup-content p {
399 .leaflet-popup-tip-container {
413 -webkit-transform: rotate(45deg);
414 -moz-transform: rotate(45deg);
415 -ms-transform: rotate(45deg);
416 -o-transform: rotate(45deg);
417 transform: rotate(45deg);
419 .leaflet-popup-content-wrapper, .leaflet-popup-tip {
422 box-shadow: 0 3px 14px rgba(0,0,0,0.4);
424 .leaflet-container a.leaflet-popup-close-button {
428 padding: 4px 5px 0 0;
432 font: 16px/14px Tahoma, Verdana, sans-serif;
434 text-decoration: none;
436 background: transparent;
438 .leaflet-container a.leaflet-popup-close-button:hover {
441 .leaflet-popup-scrolled {
443 border-bottom: 1px solid #ddd;
444 border-top: 1px solid #ddd;
452 border: 1px solid #666;
454 .leaflet-editing-icon {
455 -webkit-border-radius: 2px;