style.css (2890B)
1 .leaflet-search-container { 2 z-index: 100000; 3 } 4 5 .leaflet-search-placeholder { 6 height: 26px; 7 width: 300px; 8 } 9 10 .leaflet-search { 11 position: absolute; 12 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); 13 border-radius: 4px; 14 margin-top: -26px; 15 } 16 17 .leaflet-search-input-wrapper { 18 box-sizing: border-box; 19 border: 1px solid #aaa; 20 border-radius: 4px; 21 background-color: white; 22 height: 26px; 23 width: 300px; 24 display: flex; 25 flex-direction: row; 26 } 27 28 .leaflet-search-input { 29 font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 30 font-size: 14px; 31 flex-grow: 1; 32 padding: 0 0 0 6px; 33 -moz-appearance:none; 34 -webkit-appearance:none; 35 border: none; 36 display: block; 37 background-color: rgba(0, 0, 0, 0); 38 } 39 40 .leaflet-search-input::-webkit-search-decoration, 41 .leaflet-search-input::-webkit-search-cancel-button, 42 .leaflet-search-input::-webkit-search-results-button, 43 .leaflet-search-input::-webkit-search-results-decoration { 44 display: none; 45 } 46 47 .leaflet-search-clear-button { 48 width: 14px; 49 margin: 0 6px 0 4px; 50 background-image: url("clear.svg"); 51 background-repeat: no-repeat; 52 background-size: 12px; 53 background-position: 50% 50%; 54 cursor: pointer; 55 } 56 57 .hasresults .leaflet-search-input-wrapper { 58 border-bottom-left-radius: 0; 59 border-bottom-right-radius: 0; 60 } 61 62 .leaflet-search-results { 63 box-sizing: border-box; 64 list-style: none; 65 margin: 0; 66 width: 300px; 67 padding: 0; 68 border-bottom-left-radius: 4px; 69 border-bottom-right-radius: 4px; 70 } 71 72 .leaflet-search-results li { 73 background-color: white; 74 border: 1px solid #aaa; 75 border-top: none; 76 padding: 8px 6px; 77 cursor: pointer; 78 } 79 80 .leaflet-search-results li:last-child { 81 border-bottom-left-radius: 4px; 82 border-bottom-right-radius: 4px; 83 } 84 85 .leaflet-search-results .highlighted { 86 background-color: #eee; 87 } 88 89 .leaflet-search-results p { 90 margin: 0; 91 } 92 93 .leaflet-search-results .title { 94 font-size: 14px; 95 } 96 97 .leaflet-search-results .address { 98 color: #999; 99 } 100 101 .leaflet-search-results .category { 102 font-size: 14px; 103 color: #999; 104 } 105 .leaflet-search-results .icon { 106 display: inline-block; 107 width: 16px; 108 height: 16px; 109 margin-bottom: -3px; 110 margin-right: 2px; 111 } 112 113 .leaflet-search-error { 114 box-sizing: border-box; 115 width: 300px; 116 background-color: white; 117 border-bottom-left-radius: 4px; 118 border-bottom-right-radius: 4px; 119 border: 1px solid #aaa; 120 border-top: 0; 121 padding: 8px 6px; 122 font-size: 14px; 123 line-height: 1.5; 124 } 125 126 .leaflet-search-results li.search-provider-attribution { 127 font-size: 11px; 128 color: #777; 129 text-align: right; 130 padding-top: 2px; 131 padding-bottom: 2px; 132 cursor: default; 133 } 134 135 .leaflet-search-results li.search-provider-attribution a { 136 color: #777; 137 } 138 139 .icon-search { 140 background-image: url("search.svg"); 141 }