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