| @ -0,0 +1,478 @@ | |||
| /* required styles */ | |||
| .leaflet-map-pane, | |||
| .leaflet-tile, | |||
| .leaflet-marker-icon, | |||
| .leaflet-marker-shadow, | |||
| .leaflet-tile-pane, | |||
| .leaflet-tile-container, | |||
| .leaflet-overlay-pane, | |||
| .leaflet-shadow-pane, | |||
| .leaflet-marker-pane, | |||
| .leaflet-popup-pane, | |||
| .leaflet-overlay-pane svg, | |||
| .leaflet-zoom-box, | |||
| .leaflet-image-layer, | |||
| .leaflet-layer { | |||
| position: absolute; | |||
| left: 0; | |||
| top: 0; | |||
| } | |||
| .leaflet-container { | |||
| overflow: hidden; | |||
| -ms-touch-action: none; | |||
| } | |||
| .leaflet-tile, | |||
| .leaflet-marker-icon, | |||
| .leaflet-marker-shadow { | |||
| -webkit-user-select: none; | |||
| -moz-user-select: none; | |||
| user-select: none; | |||
| -webkit-user-drag: none; | |||
| } | |||
| .leaflet-marker-icon, | |||
| .leaflet-marker-shadow { | |||
| display: block; | |||
| } | |||
| /* map is broken in FF if you have max-width: 100% on tiles */ | |||
| .leaflet-container img { | |||
| max-width: none !important; | |||
| } | |||
| /* stupid Android 2 doesn't understand "max-width: none" properly */ | |||
| .leaflet-container img.leaflet-image-layer { | |||
| max-width: 15000px !important; | |||
| } | |||
| .leaflet-tile { | |||
| filter: inherit; | |||
| visibility: hidden; | |||
| } | |||
| .leaflet-tile-loaded { | |||
| visibility: inherit; | |||
| } | |||
| .leaflet-zoom-box { | |||
| width: 0; | |||
| height: 0; | |||
| } | |||
| /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ | |||
| .leaflet-overlay-pane svg { | |||
| -moz-user-select: none; | |||
| } | |||
| .leaflet-tile-pane { z-index: 2; } | |||
| .leaflet-objects-pane { z-index: 3; } | |||
| .leaflet-overlay-pane { z-index: 4; } | |||
| .leaflet-shadow-pane { z-index: 5; } | |||
| .leaflet-marker-pane { z-index: 6; } | |||
| .leaflet-popup-pane { z-index: 7; } | |||
| .leaflet-vml-shape { | |||
| width: 1px; | |||
| height: 1px; | |||
| } | |||
| .lvml { | |||
| behavior: url(#default#VML); | |||
| display: inline-block; | |||
| position: absolute; | |||
| } | |||
| /* control positioning */ | |||
| .leaflet-control { | |||
| position: relative; | |||
| z-index: 7; | |||
| pointer-events: auto; | |||
| } | |||
| .leaflet-top, | |||
| .leaflet-bottom { | |||
| position: absolute; | |||
| z-index: 1000; | |||
| pointer-events: none; | |||
| } | |||
| .leaflet-top { | |||
| top: 0; | |||
| } | |||
| .leaflet-right { | |||
| right: 0; | |||
| } | |||
| .leaflet-bottom { | |||
| bottom: 0; | |||
| } | |||
| .leaflet-left { | |||
| left: 0; | |||
| } | |||
| .leaflet-control { | |||
| float: left; | |||
| clear: both; | |||
| } | |||
| .leaflet-right .leaflet-control { | |||
| float: right; | |||
| } | |||
| .leaflet-top .leaflet-control { | |||
| margin-top: 10px; | |||
| } | |||
| .leaflet-bottom .leaflet-control { | |||
| margin-bottom: 10px; | |||
| } | |||
| .leaflet-left .leaflet-control { | |||
| margin-left: 10px; | |||
| } | |||
| .leaflet-right .leaflet-control { | |||
| margin-right: 10px; | |||
| } | |||
| /* zoom and fade animations */ | |||
| .leaflet-fade-anim .leaflet-tile, | |||
| .leaflet-fade-anim .leaflet-popup { | |||
| opacity: 0; | |||
| -webkit-transition: opacity 0.2s linear; | |||
| -moz-transition: opacity 0.2s linear; | |||
| -o-transition: opacity 0.2s linear; | |||
| transition: opacity 0.2s linear; | |||
| } | |||
| .leaflet-fade-anim .leaflet-tile-loaded, | |||
| .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { | |||
| opacity: 1; | |||
| } | |||
| .leaflet-zoom-anim .leaflet-zoom-animated { | |||
| -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); | |||
| -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); | |||
| -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1); | |||
| transition: transform 0.25s cubic-bezier(0,0,0.25,1); | |||
| } | |||
| .leaflet-zoom-anim .leaflet-tile, | |||
| .leaflet-pan-anim .leaflet-tile, | |||
| .leaflet-touching .leaflet-zoom-animated { | |||
| -webkit-transition: none; | |||
| -moz-transition: none; | |||
| -o-transition: none; | |||
| transition: none; | |||
| } | |||
| .leaflet-zoom-anim .leaflet-zoom-hide { | |||
| visibility: hidden; | |||
| } | |||
| /* cursors */ | |||
| .leaflet-clickable { | |||
| cursor: pointer; | |||
| } | |||
| .leaflet-container { | |||
| cursor: -webkit-grab; | |||
| cursor: -moz-grab; | |||
| } | |||
| .leaflet-popup-pane, | |||
| .leaflet-control { | |||
| cursor: auto; | |||
| } | |||
| .leaflet-dragging .leaflet-container, | |||
| .leaflet-dragging .leaflet-clickable { | |||
| cursor: move; | |||
| cursor: -webkit-grabbing; | |||
| cursor: -moz-grabbing; | |||
| } | |||
| /* visual tweaks */ | |||
| .leaflet-container { | |||
| background: #ddd; | |||
| outline: 0; | |||
| } | |||
| .leaflet-container a { | |||
| color: #0078A8; | |||
| } | |||
| .leaflet-container a.leaflet-active { | |||
| outline: 2px solid orange; | |||
| } | |||
| .leaflet-zoom-box { | |||
| border: 2px dotted #38f; | |||
| background: rgba(255,255,255,0.5); | |||
| } | |||
| /* general typography */ | |||
| .leaflet-container { | |||
| font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; | |||
| } | |||
| /* general toolbar styles */ | |||
| .leaflet-bar { | |||
| box-shadow: 0 1px 5px rgba(0,0,0,0.65); | |||
| border-radius: 4px; | |||
| } | |||
| .leaflet-bar a, | |||
| .leaflet-bar a:hover { | |||
| background-color: #fff; | |||
| border-bottom: 1px solid #ccc; | |||
| width: 26px; | |||
| height: 26px; | |||
| line-height: 26px; | |||
| display: block; | |||
| text-align: center; | |||
| text-decoration: none; | |||
| color: black; | |||
| } | |||
| .leaflet-bar a, | |||
| .leaflet-control-layers-toggle { | |||
| background-position: 50% 50%; | |||
| background-repeat: no-repeat; | |||
| display: block; | |||
| } | |||
| .leaflet-bar a:hover { | |||
| background-color: #f4f4f4; | |||
| } | |||
| .leaflet-bar a:first-child { | |||
| border-top-left-radius: 4px; | |||
| border-top-right-radius: 4px; | |||
| } | |||
| .leaflet-bar a:last-child { | |||
| border-bottom-left-radius: 4px; | |||
| border-bottom-right-radius: 4px; | |||
| border-bottom: none; | |||
| } | |||
| .leaflet-bar a.leaflet-disabled { | |||
| cursor: default; | |||
| background-color: #f4f4f4; | |||
| color: #bbb; | |||
| } | |||
| .leaflet-touch .leaflet-bar a { | |||
| width: 30px; | |||
| height: 30px; | |||
| line-height: 30px; | |||
| } | |||
| /* zoom control */ | |||
| .leaflet-control-zoom-in, | |||
| .leaflet-control-zoom-out { | |||
| font: bold 18px 'Lucida Console', Monaco, monospace; | |||
| text-indent: 1px; | |||
| } | |||
| .leaflet-control-zoom-out { | |||
| font-size: 20px; | |||
| } | |||
| .leaflet-touch .leaflet-control-zoom-in { | |||
| font-size: 22px; | |||
| } | |||
| .leaflet-touch .leaflet-control-zoom-out { | |||
| font-size: 24px; | |||
| } | |||
| /* layers control */ | |||
| .leaflet-control-layers { | |||
| box-shadow: 0 1px 5px rgba(0,0,0,0.4); | |||
| background: #fff; | |||
| border-radius: 5px; | |||
| } | |||
| .leaflet-control-layers-toggle { | |||
| background-image: url(images/layers.png); | |||
| width: 36px; | |||
| height: 36px; | |||
| } | |||
| .leaflet-retina .leaflet-control-layers-toggle { | |||
| background-image: url(images/layers-2x.png); | |||
| background-size: 26px 26px; | |||
| } | |||
| .leaflet-touch .leaflet-control-layers-toggle { | |||
| width: 44px; | |||
| height: 44px; | |||
| } | |||
| .leaflet-control-layers .leaflet-control-layers-list, | |||
| .leaflet-control-layers-expanded .leaflet-control-layers-toggle { | |||
| display: none; | |||
| } | |||
| .leaflet-control-layers-expanded .leaflet-control-layers-list { | |||
| display: block; | |||
| position: relative; | |||
| } | |||
| .leaflet-control-layers-expanded { | |||
| padding: 6px 10px 6px 6px; | |||
| color: #333; | |||
| background: #fff; | |||
| } | |||
| .leaflet-control-layers-selector { | |||
| margin-top: 2px; | |||
| position: relative; | |||
| top: 1px; | |||
| } | |||
| .leaflet-control-layers label { | |||
| display: block; | |||
| } | |||
| .leaflet-control-layers-separator { | |||
| height: 0; | |||
| border-top: 1px solid #ddd; | |||
| margin: 5px -10px 5px -6px; | |||
| } | |||
| /* attribution and scale controls */ | |||
| .leaflet-container .leaflet-control-attribution { | |||
| background: #fff; | |||
| background: rgba(255, 255, 255, 0.7); | |||
| margin: 0; | |||
| } | |||
| .leaflet-control-attribution, | |||
| .leaflet-control-scale-line { | |||
| padding: 0 5px; | |||
| color: #333; | |||
| } | |||
| .leaflet-control-attribution a { | |||
| text-decoration: none; | |||
| } | |||
| .leaflet-control-attribution a:hover { | |||
| text-decoration: underline; | |||
| } | |||
| .leaflet-container .leaflet-control-attribution, | |||
| .leaflet-container .leaflet-control-scale { | |||
| font-size: 11px; | |||
| } | |||
| .leaflet-left .leaflet-control-scale { | |||
| margin-left: 5px; | |||
| } | |||
| .leaflet-bottom .leaflet-control-scale { | |||
| margin-bottom: 5px; | |||
| } | |||
| .leaflet-control-scale-line { | |||
| border: 2px solid #777; | |||
| border-top: none; | |||
| line-height: 1.1; | |||
| padding: 2px 5px 1px; | |||
| font-size: 11px; | |||
| white-space: nowrap; | |||
| overflow: hidden; | |||
| -moz-box-sizing: content-box; | |||
| box-sizing: content-box; | |||
| background: #fff; | |||
| background: rgba(255, 255, 255, 0.5); | |||
| } | |||
| .leaflet-control-scale-line:not(:first-child) { | |||
| border-top: 2px solid #777; | |||
| border-bottom: none; | |||
| margin-top: -2px; | |||
| } | |||
| .leaflet-control-scale-line:not(:first-child):not(:last-child) { | |||
| border-bottom: 2px solid #777; | |||
| } | |||
| .leaflet-touch .leaflet-control-attribution, | |||
| .leaflet-touch .leaflet-control-layers, | |||
| .leaflet-touch .leaflet-bar { | |||
| box-shadow: none; | |||
| } | |||
| .leaflet-touch .leaflet-control-layers, | |||
| .leaflet-touch .leaflet-bar { | |||
| border: 2px solid rgba(0,0,0,0.2); | |||
| background-clip: padding-box; | |||
| } | |||
| /* popup */ | |||
| .leaflet-popup { | |||
| position: absolute; | |||
| text-align: center; | |||
| } | |||
| .leaflet-popup-content-wrapper { | |||
| padding: 1px; | |||
| text-align: left; | |||
| border-radius: 12px; | |||
| } | |||
| .leaflet-popup-content { | |||
| margin: 13px 19px; | |||
| line-height: 1.4; | |||
| } | |||
| .leaflet-popup-content p { | |||
| margin: 18px 0; | |||
| } | |||
| .leaflet-popup-tip-container { | |||
| margin: 0 auto; | |||
| width: 40px; | |||
| height: 20px; | |||
| position: relative; | |||
| overflow: hidden; | |||
| } | |||
| .leaflet-popup-tip { | |||
| width: 17px; | |||
| height: 17px; | |||
| padding: 1px; | |||
| margin: -10px auto 0; | |||
| -webkit-transform: rotate(45deg); | |||
| -moz-transform: rotate(45deg); | |||
| -ms-transform: rotate(45deg); | |||
| -o-transform: rotate(45deg); | |||
| transform: rotate(45deg); | |||
| } | |||
| .leaflet-popup-content-wrapper, | |||
| .leaflet-popup-tip { | |||
| background: white; | |||
| box-shadow: 0 3px 14px rgba(0,0,0,0.4); | |||
| } | |||
| .leaflet-container a.leaflet-popup-close-button { | |||
| position: absolute; | |||
| top: 0; | |||
| right: 0; | |||
| padding: 4px 4px 0 0; | |||
| text-align: center; | |||
| width: 18px; | |||
| height: 14px; | |||
| font: 16px/14px Tahoma, Verdana, sans-serif; | |||
| color: #c3c3c3; | |||
| text-decoration: none; | |||
| font-weight: bold; | |||
| background: transparent; | |||
| } | |||
| .leaflet-container a.leaflet-popup-close-button:hover { | |||
| color: #999; | |||
| } | |||
| .leaflet-popup-scrolled { | |||
| overflow: auto; | |||
| border-bottom: 1px solid #ddd; | |||
| border-top: 1px solid #ddd; | |||
| } | |||
| .leaflet-oldie .leaflet-popup-content-wrapper { | |||
| zoom: 1; | |||
| } | |||
| .leaflet-oldie .leaflet-popup-tip { | |||
| width: 24px; | |||
| margin: 0 auto; | |||
| -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; | |||
| filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); | |||
| } | |||
| .leaflet-oldie .leaflet-popup-tip-container { | |||
| margin-top: -1px; | |||
| } | |||
| .leaflet-oldie .leaflet-control-zoom, | |||
| .leaflet-oldie .leaflet-control-layers, | |||
| .leaflet-oldie .leaflet-popup-content-wrapper, | |||
| .leaflet-oldie .leaflet-popup-tip { | |||
| border: 1px solid #999; | |||
| } | |||
| /* div icon */ | |||
| .leaflet-div-icon { | |||
| background: #fff; | |||
| border: 1px solid #666; | |||
| } | |||