]>
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; | |
270ddb67 | 46 | border-radius: 2px 0px 0px 2px; /* top left, top right, bottom right, bottom left */ |
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 | { |
270ddb67 | 68 | border-radius: 0px 2px 2px 0px; /* top left, top right, bottom right, bottom left */ |
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; | |
92 | font-size: 14px; | |
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 | } | |
104 | ||
5bc68022 | 105 | .result{ |
cad70644 EHF |
106 | max-height: 70vh; |
107 | min-height: 8vh; | |
270ddb67 RM |
108 | overflow: scroll; |
109 | position: relative; | |
110 | z-index: 1; | |
111 | display: inline-block; | |
112 | width: 100%; | |
113 | margin-top: 0; | |
5bc68022 | 114 | left: 0; |
5bc68022 | 115 | float: left; |
5bc68022 RM |
116 | font-size: 14px; |
117 | text-align: left; | |
118 | list-style: none; | |
87bd5039 | 119 | font-family: Montserrat, sans-serif; |
5bc68022 | 120 | background-color: #fff; |
270ddb67 | 121 | border: 1px solid whitesmoke; |
ca9e230c | 122 | box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); |
270ddb67 | 123 | border-radius: 0px 0px 2px 2px; /* top left, top right, bottom right, bottom left */ |
5bc68022 RM |
124 | } |
125 | ||
126 | .result li{ | |
5bc68022 | 127 | padding: 0.5em 0.5em 0.5em 0; |
270ddb67 | 128 | margin: auto; |
5bc68022 | 129 | float: none; |
ca9e230c | 130 | border-bottom: 2px solid whitesmoke; |
270ddb67 RM |
131 | |
132 | } | |
133 | ||
134 | .result > li:first-child { | |
135 | padding: 5px; | |
136 | border: none; | |
137 | } | |
138 | ||
139 | .results > li > a{ | |
140 | position: relative; | |
141 | margin-top: 10px; | |
142 | display: block; | |
143 | padding: 3px 5px; | |
144 | clear: both; | |
145 | font-weight: 400; | |
146 | line-height: 1.42857143; | |
147 | color: #333; | |
148 | white-space: nowrap | |
149 | } | |
150 | ||
151 | .results > li > a:focus, .results > li > a:hover { | |
152 | position: relative; | |
270ddb67 RM |
153 | color: #262626; |
154 | text-decoration: none; | |
155 | background-color: #f5f5f5 | |
156 | } | |
157 | ||
158 | .emptyresult{ | |
159 | float: right; | |
160 | border: 0; | |
161 | } | |
162 | ||
163 | .emptyresult:hover{ | |
164 | outline:0; | |
165 | background: white; | |
166 | } | |
167 | ||
168 | /* filter options */ | |
169 | ||
170 | .dropdowndiv{ | |
171 | padding:0; | |
172 | margin: 0; | |
ca9e230c | 173 | |
270ddb67 | 174 | } |
8bd146d9 | 175 | .filtermenu{ |
ca9e230c RM |
176 | border: none; |
177 | border-top: 2px solid darkgrey; | |
178 | box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); | |
179 | border-radius: 0px 2px 2px 2px; /* top left, top right, bottom right, bottom left */ | |
270ddb67 RM |
180 | top: 0px; |
181 | margin-top: 0; | |
182 | z-index: 1; | |
183 | position: absolute; | |
184 | float: left; | |
185 | background-color: white; | |
ca9e230c | 186 | margin-left: 2px; |
270ddb67 RM |
187 | } |
188 | ||
8bd146d9 | 189 | .filtermenu li{ |
270ddb67 RM |
190 | background-color: white; |
191 | padding-left: 20px; | |
192 | padding-right: 20px; | |
424c48dd RM |
193 | } |
194 | ||
8bd146d9 | 195 | .filteroption{ |
33e62f7e | 196 | box-shadow: 0 0 1px darkgrey; |
ca9e230c RM |
197 | margin-top: 5px; |
198 | margin-bottom: 5px; | |
199 | width: 100%; | |
33e62f7e RM |
200 | font-size: 12px; |
201 | font-family: Montserrat, sans-serif; | |
ca9e230c RM |
202 | border: none; |
203 | border-radius: 2px; | |
33e62f7e RM |
204 | color: black; |
205 | outline: none; | |
ca9e230c | 206 | background: white; |
33e62f7e RM |
207 | box-sizing: border-box; |
208 | transition: all 0.15s; | |
209 | } | |
210 | ||
8bd146d9 | 211 | .filteroption:focus{ |
ca9e230c RM |
212 | outline: 0; |
213 | } | |
214 | .bootstrap-select .btn:focus { | |
215 | outline: none !important; | |
216 | } | |
217 | ||
18709ba8 RM |
218 | .hide { |
219 | display:none; | |
220 | } | |
0614791e | 221 | |
270ddb67 RM |
222 | .glyphicon-menu-down{ |
223 | color: white; | |
c05bce55 | 224 | } |
b2356704 | 225 | |
87bd5039 RM |
226 | /* sidebar */ |
227 | ||
228 | .ng-valid.ng-dirty { | |
229 | border-left: 5px solid #42A948; | |
230 | } | |
231 | ||
232 | .ng-invalid { | |
233 | border-left: 5px solid #a94442; | |
234 | } | |
235 | ||
236 | .form-background{ | |
237 | padding: 10px; | |
238 | background: white; | |
239 | width: 100%; | |
240 | float: right; | |
241 | height: 100vh; | |
242 | z-index: 5; | |
243 | } | |
244 | ||
245 | hr{ | |
246 | border: 0; | |
247 | height: 2px; | |
248 | width: 100%; | |
249 | background: whitesmoke; | |
250 | ||
251 | } | |
252 | ||
253 | p{ | |
254 | font-size: 16px; | |
255 | text-align: left; | |
256 | margin-left: 10%; | |
257 | color: #313131; | |
258 | padding: 5px; | |
259 | font-family: Montserrat, sans-serif; | |
260 | } | |
261 | ||
262 | .form-control{ | |
263 | margin-left: 7%; | |
264 | width: 80%; | |
265 | } | |
266 | ||
267 | ||
268 | legend{ | |
269 | margin-bottom: 5px; | |
270 | color: black; | |
271 | margin-left: 5%; | |
272 | border-bottom: 0; | |
273 | } | |
274 | ||
275 | .label-text{ | |
276 | font-size: 16px; | |
277 | font-family: Montserrat, sans-serif; | |
278 | margin-left: 7%; | |
279 | text-align: left; | |
280 | } | |
281 | ||
282 | label{ | |
283 | padding: 5px; | |
284 | color: grey; | |
285 | } | |
286 | ||
287 | #nonedit{ | |
288 | margin: auto; | |
289 | } | |
290 | ||
291 | .sidebar{ | |
292 | box-shadow: -1px 0px 20px #888888; | |
293 | } | |
294 | ||
295 | .slide{ | |
296 | padding: 0; | |
297 | margin: 0; | |
298 | -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s; | |
299 | -moz-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s; | |
300 | -o-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s; | |
301 | transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s; | |
302 | line-height: 20px; | |
303 | } | |
304 | ||
305 | #slideout{ | |
306 | border: none; | |
307 | margin-top: 16px; | |
308 | margin-left: 10px; | |
309 | font-family: Montserrat, sans-serif; | |
310 | color: darkgrey; | |
311 | } | |
312 | ||
313 | ||
314 | .alert-danger{ | |
315 | width: 90%; | |
316 | margin-left: 20px; | |
317 | text-align: center; | |
318 | ||
319 | } | |
320 | ||
321 | .buttonsidebar{ | |
322 | margin-left: 7%; | |
323 | margin-bottom: 7%; | |
324 | width: 30%; | |
325 | } | |
326 | ||
270ddb67 RM |
327 | /* other */ |
328 | ||
f800869b EHF |
329 | .no-padding{ |
330 | padding: 0; | |
270ddb67 RM |
331 | padding: 0 !important; |
332 | margin: 0 !important; | |
f800869b | 333 | } |
270ddb67 | 334 | |
52339b2e RM |
335 | .glyphicon{ |
336 | font-size: 16px; | |
337 | color: darkgrey; | |
338 | } | |
bbe3f651 RM |
339 | .glyinfo{ |
340 | font-size: 18px; | |
341 | color: #DFC2C8; | |
342 | } | |
52339b2e | 343 |