vendor/assets/leaflet/leaflet.css

   1 /* required styles */\r
   2 \r
   3 .leaflet-map-pane,\r
   4 .leaflet-tile,\r
   5 .leaflet-marker-icon,\r
   6 .leaflet-marker-shadow,\r
   7 .leaflet-tile-pane,\r
   8 .leaflet-overlay-pane,\r
   9 .leaflet-shadow-pane,\r
  10 .leaflet-marker-pane,\r
  11 .leaflet-popup-pane,\r
  12 .leaflet-overlay-pane svg,\r
  13 .leaflet-zoom-box,\r
  14 .leaflet-image-layer,\r
  15 .leaflet-layer { /* TODO optimize classes */\r
  16         position: absolute;\r
  17         left: 0;\r
  18         }\r
  19 .leaflet-container {\r
  20         overflow: hidden;\r
  21         outline: 0;\r
  22         -ms-touch-action: none;\r
  23         }\r
  24 .leaflet-tile,\r
  25 .leaflet-marker-icon,\r
  26 .leaflet-marker-shadow {\r
  27         -moz-user-select: none;\r
  28         -webkit-user-select: none;\r
  29         user-select: none;\r
  30         }\r
  31 .leaflet-marker-icon,\r
  32 .leaflet-marker-shadow {\r
  33         display: block;\r
  34         }\r
  35 .leaflet-clickable {\r
  36         cursor: pointer;\r
  37         }\r
  38 .leaflet-dragging, .leaflet-dragging .leaflet-clickable {\r
  39         cursor: move;\r
  40         }\r
  41 .leaflet-container img {\r
  42     /* map is broken in FF if you have max-width: 100% on tiles */\r
  43         max-width: none !important;\r
  44         }\r
  45 .leaflet-container img.leaflet-image-layer {\r
  46     /* stupid Android 2 doesn't understand "max-width: none" properly */\r
  47     max-width: 15000px !important;\r
  48     }\r
  49 \r
  50 .leaflet-tile-pane { z-index: 2; }\r
  51 .leaflet-objects-pane { z-index: 3; }\r
  52 .leaflet-overlay-pane { z-index: 4; }\r
  53 .leaflet-shadow-pane { z-index: 5; }\r
  54 .leaflet-marker-pane { z-index: 6; }\r
  55 .leaflet-popup-pane { z-index: 7; }\r
  56 \r
  57 .leaflet-tile {\r
  58     filter: inherit;\r
  59     visibility: hidden;\r
  60         }\r
  61 .leaflet-tile-loaded {\r
  62         visibility: inherit;\r
  63         }\r
  64 \r
  65 .leaflet-zoom-box {\r
  66     width: 0;\r
  67     height: 0;\r
  68     }\r
  69 \r
  70 /* Leaflet controls */\r
  71 \r
  72 .leaflet-control {\r
  73         position: relative;\r
  74         z-index: 7;\r
  75         pointer-events: auto;\r
  76         }\r
  77 .leaflet-top,\r
  78 .leaflet-bottom {\r
  79         position: absolute;\r
  80         z-index: 1000;\r
  81         pointer-events: none;\r
  82         }\r
  83 .leaflet-top {\r
  84         top: 0;\r
  85         }\r
  86 .leaflet-right {\r
  87         right: 0;\r
  88         }\r
  89 .leaflet-bottom {\r
  90         bottom: 0;\r
  91         }\r
  92 .leaflet-left {\r
  93         left: 0;\r
  94         }\r
  95 .leaflet-control {\r
  96         float: left;\r
  97         clear: both;\r
  98         }\r
  99 .leaflet-right .leaflet-control {\r
 100         float: right;\r
 101         }\r
 102 .leaflet-top .leaflet-control {\r
 103         margin-top: 10px;\r
 104         }\r
 105 .leaflet-bottom .leaflet-control {\r
 106         margin-bottom: 10px;\r
 107         }\r
 108 .leaflet-left .leaflet-control {\r
 109         margin-left: 10px;\r
 110         }\r
 111 .leaflet-right .leaflet-control {\r
 112         margin-right: 10px;\r
 113         }\r
 114 \r
 115 .leaflet-control-zoom {\r
 116         -moz-border-radius: 7px;\r
 117         -webkit-border-radius: 7px;\r
 118         border-radius: 7px;\r
 119         }\r
 120 .leaflet-control-zoom {\r
 121         padding: 5px;\r
 122         background: rgba(0, 0, 0, 0.25);\r
 123         }\r
 124 .leaflet-control-zoom a {\r
 125         background-color: rgba(255, 255, 255, 0.75);\r
 126         }\r
 127 .leaflet-control-zoom a, .leaflet-control-layers-toggle {\r
 128         background-position: 50% 50%;\r
 129         background-repeat: no-repeat;\r
 130         display: block;\r
 131         }\r
 132 .leaflet-control-zoom a {\r
 133         -moz-border-radius: 4px;\r
 134         -webkit-border-radius: 4px;\r
 135         border-radius: 4px;\r
 136         width: 19px;\r
 137         height: 19px;\r
 138         }\r
 139 .leaflet-control-zoom a:hover {\r
 140         background-color: #fff;\r
 141         }\r
 142 .leaflet-touch .leaflet-control-zoom a {\r
 143         width: 27px;\r
 144         height: 27px;\r
 145         }\r
 146 .leaflet-control-zoom-in {\r
 147         background-image: url(images/zoom-in.png);\r
 148         margin-bottom: 5px;\r
 149         }\r
 150 .leaflet-control-zoom-out {\r
 151         background-image: url(images/zoom-out.png);\r
 152         }\r
 153 \r
 154 .leaflet-control-layers {\r
 155         box-shadow: 0 1px 7px #999;\r
 156         background: #f8f8f9;\r
 157         -moz-border-radius: 8px;\r
 158         -webkit-border-radius: 8px;\r
 159         border-radius: 8px;\r
 160         }\r
 161 .leaflet-control-layers-toggle {\r
 162         background-image: url(images/layers.png);\r
 163         width: 36px;\r
 164         height: 36px;\r
 165         }\r
 166 .leaflet-touch .leaflet-control-layers-toggle {\r
 167         width: 44px;\r
 168         height: 44px;\r
 169         }\r
 170 .leaflet-control-layers .leaflet-control-layers-list,\r
 171 .leaflet-control-layers-expanded .leaflet-control-layers-toggle {\r
 172         display: none;\r
 173         }\r
 174 .leaflet-control-layers-expanded .leaflet-control-layers-list {\r
 175         display: block;\r
 176         position: relative;\r
 177         }\r
 178 .leaflet-control-layers-expanded {\r
 179         padding: 6px 10px 6px 6px;\r
 180         font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;\r
 181         color: #333;\r
 182         background: #fff;\r
 183         }\r
 184 .leaflet-control-layers-selector {\r
 185         margin-top: 2px;\r
 186         position: relative;\r
 187         top: 1px;\r
 188         }\r
 189 .leaflet-control-layers label {\r
 190         display: block;\r
 191         }\r
 192 .leaflet-control-layers-separator {\r
 193         height: 0;\r
 194         border-top: 1px solid #ddd;\r
 195         margin: 5px -10px 5px -6px;\r
 196         }\r
 197 \r
 198 .leaflet-container .leaflet-control-attribution {\r
 199         background-color: rgba(255, 255, 255, 0.7);\r
 200         box-shadow: 0 0 5px #bbb;\r
 201         margin: 0;\r
 202     }\r
 203 \r
 204 .leaflet-control-attribution,\r
 205 .leaflet-control-scale-line {\r
 206         padding: 0 5px;\r
 207         color: #333;\r
 208         }\r
 209 \r
 210 .leaflet-container .leaflet-control-attribution,\r
 211 .leaflet-container .leaflet-control-scale {\r
 212         font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;\r
 213         }\r
 214 \r
 215 .leaflet-left .leaflet-control-scale {\r
 216         margin-left: 5px;\r
 217         }\r
 218 .leaflet-bottom .leaflet-control-scale {\r
 219         margin-bottom: 5px;\r
 220         }\r
 221 \r
 222 .leaflet-control-scale-line {\r
 223         border: 2px solid #777;\r
 224         border-top: none;\r
 225         color: black;\r
 226         line-height: 1;\r
 227         font-size: 10px;\r
 228         padding-bottom: 2px;\r
 229         text-shadow: 1px 1px 1px #fff;\r
 230         background-color: rgba(255, 255, 255, 0.5);\r
 231         }\r
 232 .leaflet-control-scale-line:not(:first-child) {\r
 233         border-top: 2px solid #777;\r
 234         padding-top: 1px;\r
 235         border-bottom: none;\r
 236         margin-top: -2px;\r
 237         }\r
 238 .leaflet-control-scale-line:not(:first-child):not(:last-child) {\r
 239         border-bottom: 2px solid #777;\r
 240         }\r
 241 \r
 242 .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers {\r
 243         box-shadow: none;\r
 244         }\r
 245 .leaflet-touch .leaflet-control-layers {\r
 246         border: 5px solid #bbb;\r
 247         }\r
 248 \r
 249 \r
 250 /* Zoom and fade animations */\r
 251 \r
 252 .leaflet-fade-anim .leaflet-tile, .leaflet-fade-anim .leaflet-popup {\r
 253         opacity: 0;\r
 254 \r
 255         -webkit-transition: opacity 0.2s linear;\r
 256         -moz-transition: opacity 0.2s linear;\r
 257         -o-transition: opacity 0.2s linear;\r
 258         transition: opacity 0.2s linear;\r
 259         }\r
 260 .leaflet-fade-anim .leaflet-tile-loaded, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {\r
 261         opacity: 1;\r
 262         }\r
 263 \r
 264 .leaflet-zoom-anim .leaflet-zoom-animated {\r
 265         -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25,0.1,0.25,0.75);\r
 266         -moz-transition: -moz-transform 0.25s cubic-bezier(0.25,0.1,0.25,0.75);\r
 267         -o-transition: -o-transform 0.25s cubic-bezier(0.25,0.1,0.25,0.75);\r
 268         transition: transform 0.25s cubic-bezier(0.25,0.1,0.25,0.75);\r
 269         }\r
 270 \r
 271 .leaflet-zoom-anim .leaflet-tile,\r
 272 .leaflet-pan-anim .leaflet-tile,\r
 273 .leaflet-touching .leaflet-zoom-animated {\r
 274     -webkit-transition: none;\r
 275     -moz-transition: none;\r
 276     -o-transition: none;\r
 277     transition: none;\r
 278     }\r
 279 \r
 280 .leaflet-zoom-anim .leaflet-zoom-hide {\r
 281         visibility: hidden;\r
 282         }\r
 283 \r
 284 \r
 285 /* Popup layout */\r
 286 \r
 287 .leaflet-popup {\r
 288         position: absolute;\r
 289         text-align: center;\r
 290         }\r
 291 .leaflet-popup-content-wrapper {\r
 292         padding: 1px;\r
 293         text-align: left;\r
 294         }\r
 295 .leaflet-popup-content {\r
 296         margin: 14px 20px;\r
 297         }\r
 298 .leaflet-popup-tip-container {\r
 299         margin: 0 auto;\r
 300         width: 40px;\r
 301         height: 20px;\r
 302         position: relative;\r
 303         overflow: hidden;\r
 304         }\r
 305 .leaflet-popup-tip {\r
 306         width: 15px;\r
 307         height: 15px;\r
 308         padding: 1px;\r
 309 \r
 310         margin: -8px auto 0;\r
 311 \r
 312         -moz-transform: rotate(45deg);\r
 313         -webkit-transform: rotate(45deg);\r
 314         -ms-transform: rotate(45deg);\r
 315         -o-transform: rotate(45deg);\r
 316         transform: rotate(45deg);\r
 317         }\r
 318 .leaflet-container a.leaflet-popup-close-button {\r
 319         position: absolute;\r
 320         top: 0;\r
 321         right: 0;\r
 322         padding: 4px 5px 0 0;\r
 323         text-align: center;\r
 324         width: 18px;\r
 325         height: 14px;\r
 326         font: 16px/14px Tahoma, Verdana, sans-serif;\r
 327         color: #c3c3c3;\r
 328         text-decoration: none;\r
 329         font-weight: bold;\r
 330         }\r
 331 .leaflet-container a.leaflet-popup-close-button:hover {\r
 332         color: #999;\r
 333         }\r
 334 .leaflet-popup-content p {\r
 335         margin: 18px 0;\r
 336         }\r
 337 .leaflet-popup-scrolled {\r
 338         overflow: auto;\r
 339         border-bottom: 1px solid #ddd;\r
 340         border-top: 1px solid #ddd;\r
 341         }\r
 342 \r
 343 \r
 344 /* Visual appearance */\r
 345 \r
 346 .leaflet-container {\r
 347         background: #ddd;\r
 348         }\r
 349 .leaflet-container a {\r
 350         color: #0078A8;\r
 351         }\r
 352 .leaflet-container a.leaflet-active {\r
 353     outline: 2px solid orange;\r
 354     }\r
 355 .leaflet-zoom-box {\r
 356         border: 2px dotted #05f;\r
 357         background: white;\r
 358         opacity: 0.5;\r
 359         }\r
 360 .leaflet-div-icon {\r
 361     background: #fff;\r
 362     border: 1px solid #666;\r
 363     }\r
 364 .leaflet-editing-icon {\r
 365     border-radius: 2px;\r
 366     }\r
 367 .leaflet-popup-content-wrapper, .leaflet-popup-tip {\r
 368         background: white;\r
 369 \r
 370         box-shadow: 0 3px 14px rgba(0,0,0,0.35);\r
 371         -webkit-box-shadow: 0 3px 18px rgba(0,0,0,0.33);\r
 372         }\r
 373 .leaflet-popup-content-wrapper {\r
 374         -moz-border-radius: 20px;\r
 375         -webkit-border-radius: 20px;\r
 376         border-radius: 20px;\r
 377         }\r
 378 .leaflet-popup-content {\r
 379         font: 12px/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif;\r
 380         }\r