| New file |
|---|
| 0,0 → 1,188 |
|---|
| |
| input[type="search"] { |
| -webkit-appearance: textfield; |
| -moz-box-sizing: content-box; |
| -webkit-box-sizing: content-box; |
| box-sizing: content-box; |
| } |
| |
| .hidden { |
| display: none !important; |
| } |
| |
| .flex { |
| display: -webkit-box; |
| display: -moz-box; |
| display: -webkit-flexbox; |
| display: -ms-flexbox; |
| display: -webkit-flex; |
| display: flex; |
| } |
| |
| .form-col { |
| -webkit-flex-grow: 1; |
| -moz-flex-grow: 1; |
| -ms-flex-positive: 1; |
| flex-grow: 1; |
| -webkit-flex-shrink: 1; |
| -webkit-box-flex: 1; |
| -moz-flex-shrink: 1; |
| -ms-flex-negative: 1; |
| flex-shrink: 1; |
| -webkit-flex-basis: 0%; |
| -moz-flex-basis: 0%; |
| -ms-flex-preferred-size: 0%; |
| flex-basis: 0%; |
| margin-top: 10px; |
| margin-bottom: 10px; |
| } |
| |
| /************************************************ |
| tb PLACES STYLING |
| ************************************************/ |
| /** tb places search block **/ |
| |
| .search-container { |
| position: relative; |
| } |
| |
| /** tb places input search **/ |
| |
| .input-search-container { |
| display: flex; |
| width: 100%; |
| border: 1px solid #bcd35f; |
| border-radius: 3px; |
| } |
| |
| .tb-places { |
| width: 100%; |
| height: 25px; |
| padding: 10px 20px; |
| float: left; |
| background: #f5f0eb; |
| border:0; |
| box-shadow: none; |
| border-radius: 3px 0 0 3px; |
| } |
| |
| .tb-places:focus { |
| outline: 0; |
| background: #fff; |
| } |
| |
| .tb-places::-webkit-input-placeholder, |
| .tb-places:-moz-placeholder, |
| .tb-places:-ms-input-placeholder { |
| color: #999; |
| font-weight: normal; |
| font-style: italic; |
| } |
| |
| |
| .tb-places-search-icon, |
| .tb-places-close { |
| overflow: visible; |
| position: relative; |
| border: 0; |
| padding: 0; |
| height: 45px; |
| width: 60px; |
| border-radius: 0 3px 3px 0; |
| } |
| |
| /** tb places search buttons **/ |
| .tb-places-search-icon:active, |
| .tb-places-search-icon:focus, |
| .tb-places-close:active, |
| .tb-places-close:focus { |
| outline: 0; |
| } |
| |
| .tb-places-search-icon:before, |
| .tb-places-close:before { /* left arrow */ |
| content: ''; |
| position: absolute; |
| border-width: 10px 10px 10px 0; |
| border-style: solid solid solid none; |
| top: 14px; |
| left: -7px; |
| } |
| |
| .tb-places-search-icon::-moz-focus-inner, |
| .tb-places-close::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */ |
| border: 0; |
| padding: 0; |
| } |
| |
| .tb-places-search-icon { |
| background-image: url('../img/search-green.svg'); |
| background-position: 15px 50%; |
| background-size: 20px; |
| background-repeat: no-repeat; |
| background-color: #bcd35f; |
| } |
| |
| .tb-places-search-icon:before { |
| border-color: transparent #bcd35f transparent; |
| } |
| |
| .tb-places-close { |
| background-image: url('../img/cross-white.svg'); |
| background-position: 7px 50%; |
| background-size: 35px; |
| background-repeat: no-repeat; |
| background-color: #2f2826; |
| cursor: pointer; |
| touch-action: manipulation; |
| } |
| |
| .tb-places-close:before { |
| border-color: transparent #2f2826 transparent; |
| } |
| |
| /** tb places search results **/ |
| |
| .tb-places-results-container { |
| position: absolute; |
| top: 103%; |
| z-index: 1001 !important; |
| width: 99%; |
| background-color: #f5f0eb; |
| height: 200px; |
| padding: 0; |
| margin-left: 2px; |
| border-radius: 1px; |
| overflow: auto; |
| box-shadow: 2px 2px 4px #837569; |
| } |
| |
| .tb-places-results { |
| position: relative; |
| top: 0; |
| width: 100%; |
| padding: 0; |
| margin: 0; |
| background-color: #f5f0eb; |
| color: #302926; |
| font-weight: 600; |
| } |
| |
| .tb-places-results .tb-places-suggestion { |
| width: 100%; |
| padding: 5px 0 5px 20px; |
| background-color: #f5f0eb; |
| list-style-type: none; |
| cursor: pointer; |
| touch-action: manipulation; |
| margin: 0; |
| } |
| |
| .tb-places-results .tb-places-suggestion:hover, |
| .tb-places-results .tb-places-suggestion:focus { |
| background-color: #fff; |
| } |
| |
| ul.leaflet-draw-actions.leaflet-draw-actions-bottom li:first-child { |
| display: none; |
| } |