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