]>
Commit | Line | Data |
---|---|---|
b2356704 RM |
1 | * { |
2 | margin: 0; | |
3 | } | |
4 | ||
1e6ce2f5 EHF |
5 | html, body { |
6 | height: 100%; | |
1e6ce2f5 EHF |
7 | } |
8 | ||
9 | #map { | |
b2356704 | 10 | height: 100%; |
5bc68022 | 11 | width: 100%; |
3562820e RM |
12 | position:absolute; |
13 | top: 0; | |
14 | left: 0; | |
15 | z-index: 0; | |
5bc68022 | 16 | } |
4c04388b | 17 | |
270ddb67 | 18 | /* search div */ |
5bc68022 RM |
19 | |
20 | #search { | |
b2356704 | 21 | position: relative; |
3562820e RM |
22 | z-index: 1; |
23 | margin-top: 20px; | |
270ddb67 | 24 | margin-left: 20px; |
5a1230d0 RM |
25 | background: transparent; |
26 | display: inline-block; | |
f800869b EHF |
27 | width: 400px; |
28 | max-width: 100%; | |
5bc68022 RM |
29 | } |
30 | ||
8bd146d9 | 31 | /* search bar and filter button */ |
270ddb67 | 32 | |
5bc68022 | 33 | #livesearch{ |
ca9e230c | 34 | box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3); |
5bc68022 RM |
35 | font-size: 16px; |
36 | font-family: Montserrat, sans-serif; | |
270ddb67 | 37 | border: 1px solid white; |
5bc68022 RM |
38 | height: 52px; |
39 | margin-right: 0; | |
270ddb67 | 40 | color: black; |
5bc68022 | 41 | outline: none; |
270ddb67 | 42 | background: white; |
5bc68022 RM |
43 | float: left; |
44 | box-sizing: border-box; | |
45 | transition: all 0.15s; | |
bef2d0a0 | 46 | border-radius: 2px 0px 0px 2px; |
5bc68022 RM |
47 | } |
48 | ||
49 | ::-webkit-input-placeholder { | |
270ddb67 | 50 | color: grey; |
5bc68022 RM |
51 | } |
52 | :-moz-placeholder { | |
270ddb67 | 53 | color: grey; |
5bc68022 RM |
54 | } |
55 | ::-moz-placeholder { | |
270ddb67 | 56 | color: grey; |
5bc68022 RM |
57 | } |
58 | :-ms-input-placeholder { | |
270ddb67 | 59 | color: grey; |
5bc68022 | 60 | } |
424c48dd RM |
61 | |
62 | #livesearch:focus { | |
270ddb67 | 63 | background: white; |
5bc68022 RM |
64 | } |
65 | ||
8bd146d9 | 66 | .filterbutton |
5bc68022 | 67 | { |
bef2d0a0 | 68 | border-radius: 0px 2px 2px 0px; |
ca9e230c | 69 | box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3); |
270ddb67 RM |
70 | border-right: 1px solid white; |
71 | border-top:1px solid white; | |
72 | border-bottom: 1px solid white; | |
73 | border-left: 2px solid darkgrey; | |
74 | background: white; | |
5bc68022 | 75 | width: 60px; |
5bc68022 RM |
76 | padding: 0; |
77 | margin: 0; | |
78 | text-align: center; | |
79 | height: 52px; | |
80 | cursor: pointer; | |
0614791e | 81 | float: left; |
5bc68022 RM |
82 | } |
83 | ||
8bd146d9 | 84 | .filterbutton:focus { |
270ddb67 RM |
85 | outline:0; |
86 | } | |
87 | ||
88 | /* search results */ | |
89 | ||
8bd146d9 RM |
90 | .nomatch{ |
91 | margin-left: 20px; | |
daff2f86 | 92 | font-size: 16px; |
8bd146d9 | 93 | } |
270ddb67 RM |
94 | |
95 | .divresult{ | |
96 | padding:0; | |
97 | margin: 0; | |
98 | background-color: white; | |
99 | border-radius: 0; | |
100 | border-top: 2px solid darkgrey; | |
ca9e230c | 101 | box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); |
270ddb67 RM |
102 | } |
103 | ||
5bc68022 | 104 | .result{ |
cad70644 EHF |
105 | max-height: 70vh; |
106 | min-height: 8vh; | |
270ddb67 RM |
107 | overflow: scroll; |
108 | position: relative; | |
109 | z-index: 1; | |
110 | display: inline-block; | |
111 | width: 100%; | |
112 | margin-top: 0; | |
5bc68022 | 113 | left: 0; |
5bc68022 | 114 | float: left; |
5bc68022 RM |
115 | font-size: 14px; |
116 | text-align: left; | |
117 | list-style: none; | |
87bd5039 | 118 | font-family: Montserrat, sans-serif; |
5bc68022 | 119 | background-color: #fff; |
270ddb67 | 120 | border: 1px solid whitesmoke; |
ca9e230c | 121 | box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); |
bef2d0a0 | 122 | border-radius: 0px 0px 2px 2px; |
5bc68022 RM |
123 | } |
124 | ||
125 | .result li{ | |
5bc68022 | 126 | padding: 0.5em 0.5em 0.5em 0; |
270ddb67 | 127 | margin: auto; |
5bc68022 | 128 | float: none; |
ca9e230c | 129 | border-bottom: 2px solid whitesmoke; |
270ddb67 RM |
130 | |
131 | } | |
132 | ||
133 | .result > li:first-child { | |
134 | padding: 5px; | |
135 | border: none; | |
136 | } | |
137 | ||
138 | .results > li > a{ | |
139 | position: relative; | |
140 | margin-top: 10px; | |
141 | display: block; | |
142 | padding: 3px 5px; | |
143 | clear: both; | |
144 | font-weight: 400; | |
145 | line-height: 1.42857143; | |
146 | color: #333; | |
147 | white-space: nowrap | |
148 | } | |
149 | ||
150 | .results > li > a:focus, .results > li > a:hover { | |
151 | position: relative; | |
270ddb67 RM |
152 | color: #262626; |
153 | text-decoration: none; | |
154 | background-color: #f5f5f5 | |
155 | } | |
156 | ||
daff2f86 RM |
157 | .result > li:last-child { |
158 | border: none; | |
159 | } | |
160 | ||
270ddb67 RM |
161 | .emptyresult{ |
162 | float: right; | |
163 | border: 0; | |
164 | } | |
165 | ||
166 | .emptyresult:hover{ | |
167 | outline:0; | |
168 | background: white; | |
169 | } | |
170 | ||
171 | /* filter options */ | |
172 | ||
173 | .dropdowndiv{ | |
174 | padding:0; | |
175 | margin: 0; | |
ca9e230c | 176 | |
270ddb67 | 177 | } |
8bd146d9 | 178 | .filtermenu{ |
ca9e230c RM |
179 | border: none; |
180 | border-top: 2px solid darkgrey; | |
181 | box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); | |
bef2d0a0 | 182 | border-radius: 0px 2px 2px 2px; |
270ddb67 RM |
183 | top: 0px; |
184 | margin-top: 0; | |
185 | z-index: 1; | |
186 | position: absolute; | |
187 | float: left; | |
188 | background-color: white; | |
ca9e230c | 189 | margin-left: 2px; |
270ddb67 RM |
190 | } |
191 | ||
8bd146d9 | 192 | .filtermenu li{ |
270ddb67 RM |
193 | background-color: white; |
194 | padding-left: 20px; | |
195 | padding-right: 20px; | |
424c48dd RM |
196 | } |
197 | ||
8bd146d9 | 198 | .filteroption{ |
33e62f7e | 199 | box-shadow: 0 0 1px darkgrey; |
ca9e230c RM |
200 | margin-top: 5px; |
201 | margin-bottom: 5px; | |
202 | width: 100%; | |
33e62f7e RM |
203 | font-size: 12px; |
204 | font-family: Montserrat, sans-serif; | |
ca9e230c RM |
205 | border: none; |
206 | border-radius: 2px; | |
33e62f7e RM |
207 | color: black; |
208 | outline: none; | |
ca9e230c | 209 | background: white; |
33e62f7e RM |
210 | box-sizing: border-box; |
211 | transition: all 0.15s; | |
212 | } | |
213 | ||
8bd146d9 | 214 | .filteroption:focus{ |
ca9e230c RM |
215 | outline: 0; |
216 | } | |
217 | .bootstrap-select .btn:focus { | |
218 | outline: none !important; | |
219 | } | |
220 | ||
18709ba8 RM |
221 | .hide { |
222 | display:none; | |
223 | } | |
0614791e | 224 | |
270ddb67 RM |
225 | .glyphicon-menu-down{ |
226 | color: white; | |
c05bce55 | 227 | } |
b2356704 | 228 | |
87bd5039 RM |
229 | /* sidebar */ |
230 | ||
231 | .ng-valid.ng-dirty { | |
232 | border-left: 5px solid #42A948; | |
233 | } | |
234 | ||
235 | .ng-invalid { | |
236 | border-left: 5px solid #a94442; | |
237 | } | |
238 | ||
239 | .form-background{ | |
240 | padding: 10px; | |
241 | background: white; | |
242 | width: 100%; | |
243 | float: right; | |
244 | height: 100vh; | |
245 | z-index: 5; | |
246 | } | |
247 | ||
248 | hr{ | |
249 | border: 0; | |
250 | height: 2px; | |
251 | width: 100%; | |
252 | background: whitesmoke; | |
253 | ||
254 | } | |
255 | ||
256 | p{ | |
257 | font-size: 16px; | |
258 | text-align: left; | |
259 | margin-left: 10%; | |
260 | color: #313131; | |
261 | padding: 5px; | |
262 | font-family: Montserrat, sans-serif; | |
263 | } | |
264 | ||
265 | .form-control{ | |
266 | margin-left: 7%; | |
267 | width: 80%; | |
268 | } | |
269 | ||
270 | ||
271 | legend{ | |
272 | margin-bottom: 5px; | |
273 | color: black; | |
274 | margin-left: 5%; | |
275 | border-bottom: 0; | |
276 | } | |
277 | ||
278 | .label-text{ | |
279 | font-size: 16px; | |
280 | font-family: Montserrat, sans-serif; | |
281 | margin-left: 7%; | |
282 | text-align: left; | |
283 | } | |
284 | ||
285 | label{ | |
286 | padding: 5px; | |
287 | color: grey; | |
288 | } | |
289 | ||
290 | #nonedit{ | |
291 | margin: auto; | |
292 | } | |
293 | ||
294 | .sidebar{ | |
295 | box-shadow: -1px 0px 20px #888888; | |
296 | } | |
297 | ||
298 | .slide{ | |
299 | padding: 0; | |
300 | margin: 0; | |
301 | -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s; | |
302 | -moz-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s; | |
303 | -o-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s; | |
304 | transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s; | |
305 | line-height: 20px; | |
306 | } | |
307 | ||
308 | #slideout{ | |
309 | border: none; | |
310 | margin-top: 16px; | |
311 | margin-left: 10px; | |
312 | font-family: Montserrat, sans-serif; | |
313 | color: darkgrey; | |
314 | } | |
315 | ||
316 | ||
317 | .alert-danger{ | |
318 | width: 90%; | |
319 | margin-left: 20px; | |
320 | text-align: center; | |
321 | ||
322 | } | |
323 | ||
324 | .buttonsidebar{ | |
325 | margin-left: 7%; | |
326 | margin-bottom: 7%; | |
327 | width: 30%; | |
328 | } | |
329 | ||
270ddb67 RM |
330 | /* other */ |
331 | ||
f800869b EHF |
332 | .no-padding{ |
333 | padding: 0; | |
270ddb67 RM |
334 | padding: 0 !important; |
335 | margin: 0 !important; | |
f800869b | 336 | } |
270ddb67 | 337 | |
52339b2e RM |
338 | .glyphicon{ |
339 | font-size: 16px; | |
340 | color: darkgrey; | |
341 | } | |
bbe3f651 RM |
342 | .glyinfo{ |
343 | font-size: 18px; | |
344 | color: #DFC2C8; | |
345 | } | |
52339b2e | 346 | |
39af9c65 RM |
347 | .glyresult{ |
348 | font-size: 14px; | |
349 | } | |
350 | ||
daff2f86 | 351 | |
39af9c65 | 352 |