vue3-openstreet-map/dist/style.css

Simple Vue 3 Openlayers Map Picker & Geocoder

@import"https://fonts.googleapis.com/css?family=Open+Sans";@import"https://cdnjs.cloudflare.com/ajax/libs/ol3/3.20.0/ol.css";html,body,#map{width:100%;height:100%;margin:0;overflow:hidden}body{font:1em/1.5 Open Sans,Helvetica,Arial,sans-serif;color:#222;font-weight:400}#map{position:absolute;z-index:1;top:0;bottom:0;left:0}.ol-control button{background-color:#282828cc!important}.ol-control button:hover{background-color:#282828!important}.ol-popup{position:absolute;min-width:190px;background-color:#fff;-webkit-filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));padding:15px;border-radius:10px;border:1px solid #ccc;bottom:33px;left:-111px;text-align:center}.ol-popup:after,.ol-popup:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ol-popup:before{border-top-color:#ccc;border-width:11px;left:50%;margin-left:-11px}.ol-popup:after{border-top-color:#fff;border-width:10px;left:50%;margin-left:-10px}.ol-popup-closer{text-decoration:none;position:absolute;top:2px;right:8px}.ol-popup-closer:after{content:"✖"}.ol-control,.ol-scale-line{z-index:10}.gcd-txt-container .gcd-txt-result{margin:0 auto;width:42.4%;background:#fff;list-style:none;padding-left:0;border-radius:0 0 4px 4px;position:absolute;top:55px;left:0;right:0;text-align:left}.gcd-txt-container .gcd-txt-result li{padding:10px;font-size:12px}.gcd-txt-container .gcd-txt-result li:hover{background:#0000001a;cursor:pointer}.gcd-txt-container .gcd-txt-result li a{text-decoration:none;color:#333}.gcd-txt-control{position:absolute;text-align:center;left:0;top:0;width:100%;padding:10px 0}.gcd-txt-control .gcd-txt-input{padding:15px;width:40%;border:none;border-radius:4px;outline:none;font-size:16px;background-color:#fff!important}.gcd-txt-search{display:none}#marker{width:40px;height:40px;border-radius:10px;opacity:1;cursor:move}