X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/babefbba6c9c6d7d2ed944bda7aa3634d0b917e6..fe6e837cfe77e1414998c0216defe7912e34bf75:/vendor/assets/leaflet/leaflet.locationfilter.css diff --git a/vendor/assets/leaflet/leaflet.locationfilter.css b/vendor/assets/leaflet/leaflet.locationfilter.css new file mode 100644 index 000000000..2698d7878 --- /dev/null +++ b/vendor/assets/leaflet/leaflet.locationfilter.css @@ -0,0 +1,78 @@ +div.leaflet-marker-icon.location-filter.resize-marker { + background: url( img/resize-handle.png ) no-repeat; + cursor: move; +} +div.leaflet-marker-icon.location-filter.move-marker { + background: url( img/move-handle.png ) no-repeat; + cursor: move; +} + +div.location-filter.button-container { + background: #bfbfbf; + background: rgba(0, 0, 0, 0.25); + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; + padding: 5px; +} +.leaflet-container div.location-filter.button-container a { + display: inline-block; + color: #0F2416; + font-size: 11px; + font-weight: normal; + text-shadow: #A1BB9C 0 1px; + padding: 6px 7px; + border: 1px solid #9CC5A4; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset rgba(255,255,255,0.75) 0 1px 1px; + -moz-box-shadow: inset rgba(255,255,255,0.75) 0 1px 1px; + box-shadow: inset rgba(255,255,255,0.75) 0 1px 1px; + background: #c4e3b9; + background: rgba(218, 252, 205, 0.9); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(218, 252, 205, 0.9)), color-stop(100%, rgba(173, 226, 176, 0.9))); + background: -webkit-linear-gradient(top, rgba(218, 252, 205, 0.9) 0%, rgba(173, 226, 176, 0.9) 100%); + background: -moz-linear-gradient(top, rgba(218, 252, 205, 0.9) 0%, rgba(173, 226, 176, 0.9) 100%); + background: -ms-linear-gradient(top, rgba(218, 252, 205, 0.9) 0%, rgba(173, 226, 176, 0.9) 100%); + background: -o-linear-gradient(top, rgba(218, 252, 205, 0.9) 0%, rgba(173, 226, 176, 0.9) 100%); + background: linear-gradient(top, rgba(218, 252, 205, 0.9) 0%, rgba(173, 226, 176, 0.9) 100%); +} +.leaflet-container div.location-filter.button-container a:hover { + color: #263F1C; + background: #dde6d8; + background: rgba(245, 255, 240, 0.9); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 255, 240, 0.9)), color-stop(100%, rgba(203, 228, 205, 0.9))); + background: -webkit-linear-gradient(top, rgba(245, 255, 240, 0.9) 0%, rgba(203, 228, 205, 0.9) 100%); + background: -moz-linear-gradient(top, rgba(245, 255, 240, 0.9) 0%, rgba(203, 228, 205, 0.9) 100%); + background: -ms-linear-gradient(top, rgba(245, 255, 240, 0.9) 0%, rgba(203, 228, 205, 0.9) 100%); + background: -o-linear-gradient(top, rgba(245, 255, 240, 0.9) 0%, rgba(203, 228, 205, 0.9) 100%); + background: linear-gradient(top, rgba(245, 255, 240, 0.9) 0%, rgba(203, 228, 205, 0.9) 100%); +} + +.leaflet-container div.location-filter.button-container a.enable-button { + padding: 6px 7px 6px 25px; + background-image: url( img/filter-icon.png ), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(218, 252, 205, 0.9)), color-stop(100%, rgba(173, 226, 176, 0.9))); + background-image: url( img/filter-icon.png ), -webkit-linear-gradient(top, rgba(218, 252, 205, 0.9) 0%, rgba(173, 226, 176, 0.9) 100%); + background-image: url( img/filter-icon.png ), -moz-linear-gradient(top, rgba(218, 252, 205, 0.9) 0%, rgba(173, 226, 176, 0.9) 100%); + background-image: url( img/filter-icon.png ), -ms-linear-gradient(top, rgba(218, 252, 205, 0.9) 0%, rgba(173, 226, 176, 0.9) 100%); + background-image: url( img/filter-icon.png ), -o-linear-gradient(top, rgba(218, 252, 205, 0.9) 0%, rgba(173, 226, 176, 0.9) 100%); + background-image: url( img/filter-icon.png ), linear-gradient(top, rgba(218, 252, 205, 0.9) 0%, rgba(173, 226, 176, 0.9) 100%); + background-repeat: no-repeat; + background-position: left center; +} +.leaflet-container div.location-filter.button-container a.enable-button:hover, +.leaflet-container div.location-filter.button-container.enabled a.enable-button { + background-image: url( img/filter-icon.png ), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 255, 240, 0.9)), color-stop(100%, rgba(203, 228, 205, 0.9))); + background-image: url( img/filter-icon.png ), -webkit-linear-gradient(top, rgba(245, 255, 240, 0.9) 0%, rgba(203, 228, 205, 0.9) 100%); + background-image: url( img/filter-icon.png ), -moz-linear-gradient(top, rgba(245, 255, 240, 0.9) 0%, rgba(203, 228, 205, 0.9) 100%); + background-image: url( img/filter-icon.png ), -ms-linear-gradient(top, rgba(245, 255, 240, 0.9) 0%, rgba(203, 228, 205, 0.9) 100%); + background-image: url( img/filter-icon.png ), -o-linear-gradient(top, rgba(245, 255, 240, 0.9) 0%, rgba(203, 228, 205, 0.9) 100%); + background-image: url( img/filter-icon.png ), linear-gradient(top, rgba(245, 255, 240, 0.9) 0%, rgba(203, 228, 205, 0.9) 100%); + background-repeat: no-repeat; + background-position: left center; +} + +.leaflet-container div.location-filter.button-container a.adjust-button { + margin-left: 2px; +}