|
1 .geocoder-control-input { |
|
2 position: absolute; |
|
3 left: 0; |
|
4 top: 0; |
|
5 background-color: white; |
|
6 background-repeat: no-repeat; |
|
7 background-image: url("../esri/search.png"); |
|
8 background-size: 26px; |
|
9 border: none; |
|
10 padding: 0; |
|
11 text-indent: 6px; |
|
12 font-size: 13px; |
|
13 line-height: normal; |
|
14 height: auto; |
|
15 padding-top: 5px; |
|
16 padding-bottom: 5px; |
|
17 width: 100%; |
|
18 background-position: right center; |
|
19 cursor: pointer; |
|
20 box-sizing: border-box |
|
21 } |
|
22 |
|
23 .geocoder-control-input-disabled { |
|
24 background-color: #f4f4f4; |
|
25 background-image: url("../img/esri/search-disabled.png") |
|
26 } |
|
27 |
|
28 .geocoder-control { |
|
29 width: 26px; |
|
30 height: 26px; |
|
31 -webkit-transition: width .175s ease-in; |
|
32 -moz-transition: width .175s ease-in; |
|
33 -ms-transition: width .175s ease-in; |
|
34 -o-transition: width .175s ease-in; |
|
35 transition: width .175s ease-in |
|
36 } |
|
37 |
|
38 .geocoder-control-expanded, .leaflet-touch .geocoder-control-expanded { |
|
39 width: 275px |
|
40 } |
|
41 |
|
42 .geocoder-control-input.geocoder-control-loading { |
|
43 background-image: url("../img/esri/loading.gif"); |
|
44 background-size: 26px |
|
45 } |
|
46 |
|
47 @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { |
|
48 .geocoder-control-input { |
|
49 background-image: url("../img/esri/search@2x.png") |
|
50 } |
|
51 |
|
52 .geocoder-control-input-disabled { |
|
53 background-image: url("../img/esri/search@2x-disabled.png") |
|
54 } |
|
55 |
|
56 .geocoder-control-input.geocoder-control-loading { |
|
57 background-image: url("../img/esri/loading@2x.gif") |
|
58 } |
|
59 } |
|
60 |
|
61 .geocoder-control-input:focus { |
|
62 outline: none; |
|
63 cursor: text |
|
64 } |
|
65 |
|
66 .geocoder-control-input::-ms-clear { |
|
67 display: none |
|
68 } |
|
69 |
|
70 .geocoder-control-suggestions { |
|
71 width: 100%; |
|
72 position: absolute; |
|
73 top: 26px; |
|
74 left: 0; |
|
75 margin-top: 10px; |
|
76 overflow: auto; |
|
77 display: none |
|
78 } |
|
79 |
|
80 .geocoder-control-list + .geocoder-control-header { |
|
81 border-top: 1px solid #d5d5d5 |
|
82 } |
|
83 |
|
84 .geocoder-control-header { |
|
85 font-size: 10px; |
|
86 font-weight: 700; |
|
87 text-transform: uppercase; |
|
88 letter-spacing: 0.05em; |
|
89 color: #444; |
|
90 background: #F2F2F2; |
|
91 border-bottom: 1px solid #d5d5d5; |
|
92 display: block; |
|
93 padding: .5em |
|
94 } |
|
95 |
|
96 .geocoder-control-list { |
|
97 list-style: none; |
|
98 margin: 0; |
|
99 padding: 0 |
|
100 } |
|
101 |
|
102 .geocoder-control-suggestions .geocoder-control-suggestion { |
|
103 font-size: 13px; |
|
104 padding: 7px; |
|
105 background: white; |
|
106 border-top: 1px solid #f1f1f1; |
|
107 white-space: nowrap; |
|
108 overflow: hidden; |
|
109 text-overflow: ellipsis; |
|
110 cursor: pointer |
|
111 } |
|
112 |
|
113 .geocoder-control-suggestions .geocoder-control-suggestion:first-child { |
|
114 border: none |
|
115 } |
|
116 |
|
117 .geocoder-control-suggestions .geocoder-control-suggestion.geocoder-control-selected, .geocoder-control-suggestions .geocoder-control-suggestion:hover { |
|
118 background: #7FDFFF; |
|
119 border-color: #7FDFFF |
|
120 } |
|
121 |
|
122 .leaflet-right .geocoder-control-suggestions { |
|
123 left: auto; |
|
124 right: 0 |
|
125 } |
|
126 |
|
127 .leaflet-right .geocoder-control-input { |
|
128 left: auto; |
|
129 right: 0 |
|
130 } |
|
131 |
|
132 .leaflet-touch .geocoder-control { |
|
133 width: 34px |
|
134 } |
|
135 |
|
136 .leaflet-touch .geocoder-control.geocoder-control-expanded { |
|
137 width: 275px |
|
138 } |
|
139 |
|
140 .leaflet-touch .geocoder-control-input { |
|
141 height: 34px; |
|
142 line-height: 30px; |
|
143 background-size: 30px |
|
144 } |
|
145 |
|
146 .leaflet-touch .geocoder-control-suggestions { |
|
147 top: 30px; |
|
148 width: 271px |
|
149 } |
|
150 |
|
151 .leaflet-oldie .geocoder-control-input { |
|
152 width: 28px; |
|
153 height: 28px |
|
154 } |
|
155 |
|
156 .leaflet-oldie .geocoder-control-expanded .geocoder-control-input { |
|
157 width: auto |
|
158 } |
|
159 |
|
160 .leaflet-oldie .geocoder-control-input, .leaflet-oldie .geocoder-control-suggestions { |
|
161 border: 1px solid #999 |
|
162 } |