2 * ================================================================================
4 * ================================================================================
5 * Copyright (C) 2017 AT&T Intellectual Property
6 * ================================================================================
7 * Licensed under the Apache License, Version 2.0 (the "License");
8 * you may not use this file except in compliance with the License.
9 * You may obtain a copy of the License at
11 * http://www.apache.org/licenses/LICENSE-2.0
13 * Unless required by applicable law or agreed to in writing, software
14 * distributed under the License is distributed on an "AS IS" BASIS,
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 * See the License for the specific language governing permissions and
17 * limitations under the License.
18 * ================================================================================
25 .leaflet-marker-shadow,
27 .leaflet-tile-container,
28 .leaflet-overlay-pane,
32 .leaflet-overlay-pane svg,
42 -ms-touch-action: none;
46 .leaflet-marker-shadow {
47 -webkit-user-select: none;
48 -moz-user-select: none;
50 -webkit-user-drag: none;
53 .leaflet-marker-shadow {
56 /* map is broken in FF if you have max-width: 100% on tiles */
57 .leaflet-container img {
58 max-width: none !important;
60 /* stupid Android 2 doesn't understand "max-width: none" properly */
61 .leaflet-container img.leaflet-image-layer {
62 max-width: 15000px !important;
68 .leaflet-tile-loaded {
75 /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
76 .leaflet-overlay-pane svg {
77 -moz-user-select: none;
80 .leaflet-tile-pane { z-index: 2; }
81 .leaflet-objects-pane { z-index: 3; }
82 .leaflet-overlay-pane { z-index: 4; }
83 .leaflet-shadow-pane { z-index: 5; }
84 .leaflet-marker-pane { z-index: 6; }
85 .leaflet-popup-pane { z-index: 7; }
92 behavior: url(#default#VML);
93 display: inline-block;
98 /* control positioning */
103 pointer-events: auto;
109 pointer-events: none;
127 .leaflet-right .leaflet-control {
130 .leaflet-top .leaflet-control {
133 .leaflet-bottom .leaflet-control {
136 .leaflet-left .leaflet-control {
139 .leaflet-right .leaflet-control {
144 /* zoom and fade animations */
146 .leaflet-fade-anim .leaflet-tile,
147 .leaflet-fade-anim .leaflet-popup {
149 -webkit-transition: opacity 0.2s linear;
150 -moz-transition: opacity 0.2s linear;
151 -o-transition: opacity 0.2s linear;
152 transition: opacity 0.2s linear;
154 .leaflet-fade-anim .leaflet-tile-loaded,
155 .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
159 .leaflet-zoom-anim .leaflet-zoom-animated {
160 -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
161 -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
162 -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1);
163 transition: transform 0.25s cubic-bezier(0,0,0.25,1);
165 .leaflet-zoom-anim .leaflet-tile,
166 .leaflet-pan-anim .leaflet-tile,
167 .leaflet-touching .leaflet-zoom-animated {
168 -webkit-transition: none;
169 -moz-transition: none;
174 .leaflet-zoom-anim .leaflet-zoom-hide {
185 cursor: -webkit-grab;
192 .leaflet-dragging .leaflet-container,
193 .leaflet-dragging .leaflet-clickable {
195 cursor: -webkit-grabbing;
196 cursor: -moz-grabbing;
206 .leaflet-container a {
209 .leaflet-container a.leaflet-active {
210 outline: 2px solid orange;
213 border: 2px dotted #38f;
214 background: rgba(255,255,255,0.5);
218 /* general typography */
220 font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
224 /* general toolbar styles */
227 box-shadow: 0 1px 5px rgba(0,0,0,0.65);
231 .leaflet-bar a:hover {
232 background-color: #fff;
233 border-bottom: 1px solid #ccc;
239 text-decoration: none;
243 .leaflet-control-layers-toggle {
244 background-position: 50% 50%;
245 background-repeat: no-repeat;
248 .leaflet-bar a:hover {
249 background-color: #f4f4f4;
251 .leaflet-bar a:first-child {
252 border-top-left-radius: 4px;
253 border-top-right-radius: 4px;
255 .leaflet-bar a:last-child {
256 border-bottom-left-radius: 4px;
257 border-bottom-right-radius: 4px;
260 .leaflet-bar a.leaflet-disabled {
262 background-color: #f4f4f4;
266 .leaflet-touch .leaflet-bar a {
275 .leaflet-control-zoom-in,
276 .leaflet-control-zoom-out {
277 font: bold 18px 'Lucida Console', Monaco, monospace;
280 .leaflet-control-zoom-out {
284 .leaflet-touch .leaflet-control-zoom-in {
287 .leaflet-touch .leaflet-control-zoom-out {
294 .leaflet-control-layers {
295 box-shadow: 0 1px 5px rgba(0,0,0,0.4);
299 .leaflet-control-layers-toggle {
300 background-image: url(images/layers.png);
304 .leaflet-retina .leaflet-control-layers-toggle {
305 background-image: url(images/layers-2x.png);
306 background-size: 26px 26px;
308 .leaflet-touch .leaflet-control-layers-toggle {
312 .leaflet-control-layers .leaflet-control-layers-list,
313 .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
316 .leaflet-control-layers-expanded .leaflet-control-layers-list {
320 .leaflet-control-layers-expanded {
321 padding: 6px 10px 6px 6px;
325 .leaflet-control-layers-selector {
330 .leaflet-control-layers label {
333 .leaflet-control-layers-separator {
335 border-top: 1px solid #ddd;
336 margin: 5px -10px 5px -6px;
340 /* attribution and scale controls */
342 .leaflet-container .leaflet-control-attribution {
344 background: rgba(255, 255, 255, 0.7);
347 .leaflet-control-attribution,
348 .leaflet-control-scale-line {
352 .leaflet-control-attribution a {
353 text-decoration: none;
355 .leaflet-control-attribution a:hover {
356 text-decoration: underline;
358 .leaflet-container .leaflet-control-attribution,
359 .leaflet-container .leaflet-control-scale {
362 .leaflet-left .leaflet-control-scale {
365 .leaflet-bottom .leaflet-control-scale {
368 .leaflet-control-scale-line {
369 border: 2px solid #777;
372 padding: 2px 5px 1px;
376 -moz-box-sizing: content-box;
377 box-sizing: content-box;
380 background: rgba(255, 255, 255, 0.5);
382 .leaflet-control-scale-line:not(:first-child) {
383 border-top: 2px solid #777;
387 .leaflet-control-scale-line:not(:first-child):not(:last-child) {
388 border-bottom: 2px solid #777;
391 .leaflet-touch .leaflet-control-attribution,
392 .leaflet-touch .leaflet-control-layers,
393 .leaflet-touch .leaflet-bar {
396 .leaflet-touch .leaflet-control-layers,
397 .leaflet-touch .leaflet-bar {
398 border: 2px solid rgba(0,0,0,0.2);
399 background-clip: padding-box;
409 .leaflet-popup-content-wrapper {
414 .leaflet-popup-content {
418 .leaflet-popup-content p {
421 .leaflet-popup-tip-container {
433 margin: -10px auto 0;
435 -webkit-transform: rotate(45deg);
436 -moz-transform: rotate(45deg);
437 -ms-transform: rotate(45deg);
438 -o-transform: rotate(45deg);
439 transform: rotate(45deg);
441 .leaflet-popup-content-wrapper,
445 box-shadow: 0 3px 14px rgba(0,0,0,0.4);
447 .leaflet-container a.leaflet-popup-close-button {
451 padding: 4px 4px 0 0;
455 font: 16px/14px Tahoma, Verdana, sans-serif;
457 text-decoration: none;
459 background: transparent;
461 .leaflet-container a.leaflet-popup-close-button:hover {
464 .leaflet-popup-scrolled {
466 border-bottom: 1px solid #ddd;
467 border-top: 1px solid #ddd;
470 .leaflet-oldie .leaflet-popup-content-wrapper {
473 .leaflet-oldie .leaflet-popup-tip {
477 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
478 filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
480 .leaflet-oldie .leaflet-popup-tip-container {
484 .leaflet-oldie .leaflet-control-zoom,
485 .leaflet-oldie .leaflet-control-layers,
486 .leaflet-oldie .leaflet-popup-content-wrapper,
487 .leaflet-oldie .leaflet-popup-tip {
488 border: 1px solid #999;
496 border: 1px solid #666;