vendor/assets/leaflet/leaflet.css

   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         }