]> git.openstreetmap.org Git - rails.git/blobdiff - vendor/assets/leaflet/leaflet.css
HTMLize note browse pages
[rails.git] / vendor / assets / leaflet / leaflet.css
index 938a1be54cdba5cfa0ab7f91b0612710b0a689b7..ea3da39071fcacde8a4a453f2aa04381958f8a99 100644 (file)
@@ -15,6 +15,7 @@
 .leaflet-layer {\r
        position: absolute;\r
        left: 0;\r
+       top: 0;\r
        }\r
 .leaflet-container {\r
        overflow: hidden;\r
 /* general typography */\r
 .leaflet-container {\r
        font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;\r
-}\r
+       }\r
 \r
 \r
-/* zoom control */\r
+/* general toolbar styles */\r
 \r
-.leaflet-control-zoom {\r
-       -webkit-border-radius: 7px;\r
-               border-radius: 7px;\r
+.leaflet-bar {\r
+       box-shadow: 0 0 8px rgba(0,0,0,0.4);\r
+       border: 1px solid #888;\r
+       -webkit-border-radius: 5px;\r
+               border-radius: 5px;\r
+       }\r
+.leaflet-bar-part {\r
+       background-color: rgba(255, 255, 255, 0.8);\r
+       border-bottom: 1px solid #aaa;\r
        }\r
-.leaflet-control-zoom {\r
-       padding: 5px;\r
-       background: rgba(0, 0, 0, 0.25);\r
+.leaflet-bar-part-top {\r
+       -webkit-border-radius: 4px 4px 0 0;\r
+               border-radius: 4px 4px 0 0;\r
+       }\r
+.leaflet-bar-part-bottom {\r
+       -webkit-border-radius: 0 0 4px 4px;\r
+               border-radius: 0 0 4px 4px;\r
+       border-bottom: none;\r
+       }\r
+\r
+.leaflet-touch .leaflet-bar {\r
+       -webkit-border-radius: 10px;\r
+               border-radius: 10px;\r
+       }\r
+.leaflet-touch .leaflet-bar-part {\r
+       border-bottom: 4px solid rgba(0,0,0,0.3);\r
+       }\r
+.leaflet-touch .leaflet-bar-part-top {\r
+       -webkit-border-radius: 7px 7px 0 0;\r
+               border-radius: 7px 7px 0 0;\r
+       }\r
+.leaflet-touch .leaflet-bar-part-bottom {\r
+       -webkit-border-radius: 0 0 7px 7px;\r
+               border-radius: 0 0 7px 7px;\r
+       border-bottom: none;\r
+       }\r
+\r
+\r
+/* zoom control */\r
+\r
+.leaflet-container .leaflet-control-zoom {\r
+       margin-left: 13px;\r
+       margin-top: 12px;\r
        }\r
 .leaflet-control-zoom a {\r
-       width: 19px;\r
-       height: 19px;\r
-       background-color: rgba(255, 255, 255, 0.75);\r
-       -webkit-border-radius: 4px;\r
-               border-radius: 4px;\r
+       width: 22px;\r
+       height: 22px;\r
+       text-align: center;\r
+       text-decoration: none;\r
+       color: black;\r
        }\r
 .leaflet-control-zoom a,\r
 .leaflet-control-layers-toggle {\r
        }\r
 .leaflet-control-zoom a:hover {\r
        background-color: #fff;\r
-       }\r
-.leaflet-touch .leaflet-control-zoom a {\r
-       width: 27px;\r
-       height: 27px;\r
+       color: #777;\r
        }\r
 .leaflet-control-zoom-in {\r
-       background-image: url(images/zoom-in.png);\r
-       margin-bottom: 5px;\r
+       font: bold 18px/24px Arial, Helvetica, sans-serif;\r
        }\r
 .leaflet-control-zoom-out {\r
-       background-image: url(images/zoom-out.png);\r
+       font: bold 23px/20px Tahoma, Verdana, sans-serif;\r
+       }\r
+.leaflet-control-zoom a.leaflet-control-zoom-disabled {\r
+       cursor: default;\r
+       background-color: rgba(255, 255, 255, 0.8);\r
+       color: #bbb;\r
        }\r
 \r
+.leaflet-touch .leaflet-control-zoom a {\r
+       width: 30px;\r
+       height: 30px;\r
+       }\r
+.leaflet-touch .leaflet-control-zoom-in {\r
+       font-size: 24px;\r
+       line-height: 29px;\r
+       }\r
+.leaflet-touch .leaflet-control-zoom-out {\r
+       font-size: 28px;\r
+       line-height: 24px;\r
+       }\r
 \r
 /* layers control */\r
 \r
 .leaflet-control-layers {\r
-       box-shadow: 0 1px 7px #999;\r
+       box-shadow: 0 1px 7px rgba(0,0,0,0.4);\r
        background: #f8f8f9;\r
        -webkit-border-radius: 8px;\r
                border-radius: 8px;\r
        border: 2px solid #777;\r
        border-top: none;\r
        color: black;\r
-       line-height: 1;\r
-       font-size: 10px;\r
-       padding-bottom: 2px;\r
+       line-height: 1.1;\r
+       padding: 2px 5px 1px;\r
+       font-size: 11px;\r
        text-shadow: 1px 1px 1px #fff;\r
        background-color: rgba(255, 255, 255, 0.5);\r
+       box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);\r
+       white-space: nowrap;\r
+       overflow: hidden;\r
        }\r
 .leaflet-control-scale-line:not(:first-child) {\r
        border-top: 2px solid #777;\r
-       padding-top: 1px;\r
        border-bottom: none;\r
        margin-top: -2px;\r
+       box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\r
        }\r
 .leaflet-control-scale-line:not(:first-child):not(:last-child) {\r
        border-bottom: 2px solid #777;\r
        }\r
 \r
-.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers {\r
+.leaflet-touch .leaflet-control-attribution,\r
+.leaflet-touch .leaflet-control-layers,\r
+.leaflet-touch .leaflet-control-zoom {\r
        box-shadow: none;\r
        }\r
-.leaflet-touch .leaflet-control-layers {\r
-       border: 5px solid #bbb;\r
+.leaflet-touch .leaflet-control-layers,\r
+.leaflet-touch .leaflet-control-zoom {\r
+       border: 4px solid rgba(0,0,0,0.3);\r
        }\r
 \r
 \r
 .leaflet-popup-content-wrapper, .leaflet-popup-tip {\r
        background: white;\r
 \r
-       box-shadow: 0 3px 14px rgba(0,0,0,0.35);\r
-       -webkit-box-shadow: 0 3px 18px rgba(0,0,0,0.33);\r
+       box-shadow: 0 3px 14px rgba(0,0,0,0.4);\r
        }\r
 .leaflet-container a.leaflet-popup-close-button {\r
        position: absolute;\r
        color: #c3c3c3;\r
        text-decoration: none;\r
        font-weight: bold;\r
+       background: transparent;\r
        }\r
 .leaflet-container a.leaflet-popup-close-button:hover {\r
        color: #999;\r