root / snf-cyclades-app / synnefo / ui / new_ui / ui / stylesheets / foundation.css @ 09566b56
History | View | Annotate | Download (115.4 kB)
1 |
*,
|
---|---|
2 |
*:before, |
3 |
*:after { |
4 |
-moz-box-sizing: border-box; |
5 |
-webkit-box-sizing: border-box; |
6 |
box-sizing: border-box; } |
7 |
|
8 |
html,
|
9 |
body {
|
10 |
font-size: 100%; } |
11 |
|
12 |
body {
|
13 |
background: white; |
14 |
color: #222222; |
15 |
padding: 0; |
16 |
margin: 0; |
17 |
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; |
18 |
font-weight: normal; |
19 |
font-style: normal; |
20 |
line-height: 1; |
21 |
position: relative; } |
22 |
|
23 |
a:focus { |
24 |
outline: none; } |
25 |
|
26 |
img,
|
27 |
object,
|
28 |
embed {
|
29 |
max-width: 100%; |
30 |
height: auto; } |
31 |
|
32 |
object,
|
33 |
embed {
|
34 |
height: 100%; } |
35 |
|
36 |
img {
|
37 |
-ms-interpolation-mode: bicubic; } |
38 |
|
39 |
#map_canvas img, |
40 |
#map_canvas embed, |
41 |
#map_canvas object, |
42 |
.map_canvas img, |
43 |
.map_canvas embed, |
44 |
.map_canvas object { |
45 |
max-width: none !important; } |
46 |
|
47 |
.left {
|
48 |
float: left !important; } |
49 |
|
50 |
.right {
|
51 |
float: right !important; } |
52 |
|
53 |
.text-left {
|
54 |
text-align: left !important; } |
55 |
|
56 |
.text-right {
|
57 |
text-align: right !important; } |
58 |
|
59 |
.text-center {
|
60 |
text-align: center !important; } |
61 |
|
62 |
.text-justify {
|
63 |
text-align: justify !important; } |
64 |
|
65 |
.hide {
|
66 |
display: none; } |
67 |
|
68 |
.antialiased {
|
69 |
-webkit-font-smoothing: antialiased; } |
70 |
|
71 |
img {
|
72 |
display: inline-block; |
73 |
vertical-align: middle; } |
74 |
|
75 |
textarea {
|
76 |
height: auto; |
77 |
min-height: 50px; } |
78 |
|
79 |
select {
|
80 |
width: 100%; } |
81 |
|
82 |
/* Grid HTML Classes */
|
83 |
.row {
|
84 |
width: 100%; |
85 |
margin-left: auto; |
86 |
margin-right: auto; |
87 |
margin-top: 0; |
88 |
margin-bottom: 0; |
89 |
max-width: 62.5em; |
90 |
*zoom: 1; } |
91 |
.row:before, .row:after { |
92 |
content: " "; |
93 |
display: table; } |
94 |
.row:after { |
95 |
clear: both; } |
96 |
.row.collapse .column, |
97 |
.row.collapse .columns { |
98 |
position: relative; |
99 |
padding-left: 0; |
100 |
padding-right: 0; |
101 |
float: left; } |
102 |
.row .row { |
103 |
width: auto; |
104 |
margin-left: -0.9375em; |
105 |
margin-right: -0.9375em; |
106 |
margin-top: 0; |
107 |
margin-bottom: 0; |
108 |
max-width: none; |
109 |
*zoom: 1; } |
110 |
.row .row:before, .row .row:after { |
111 |
content: " "; |
112 |
display: table; } |
113 |
.row .row:after { |
114 |
clear: both; } |
115 |
.row .row.collapse { |
116 |
width: auto; |
117 |
margin: 0; |
118 |
max-width: none; |
119 |
*zoom: 1; } |
120 |
.row .row.collapse:before, .row .row.collapse:after { |
121 |
content: " "; |
122 |
display: table; } |
123 |
.row .row.collapse:after { |
124 |
clear: both; } |
125 |
|
126 |
.column,
|
127 |
.columns {
|
128 |
position: relative; |
129 |
padding-left: 0.9375em; |
130 |
padding-right: 0.9375em; |
131 |
width: 100%; |
132 |
float: left; } |
133 |
|
134 |
@media only screen { |
135 |
.column,
|
136 |
.columns {
|
137 |
position: relative; |
138 |
padding-left: 0.9375em; |
139 |
padding-right: 0.9375em; |
140 |
float: left; } |
141 |
|
142 |
.small-1 {
|
143 |
position: relative; |
144 |
width: 8.33333%; } |
145 |
|
146 |
.small-2 {
|
147 |
position: relative; |
148 |
width: 16.66667%; } |
149 |
|
150 |
.small-3 {
|
151 |
position: relative; |
152 |
width: 25%; } |
153 |
|
154 |
.small-4 {
|
155 |
position: relative; |
156 |
width: 33.33333%; } |
157 |
|
158 |
.small-5 {
|
159 |
position: relative; |
160 |
width: 41.66667%; } |
161 |
|
162 |
.small-6 {
|
163 |
position: relative; |
164 |
width: 50%; } |
165 |
|
166 |
.small-7 {
|
167 |
position: relative; |
168 |
width: 58.33333%; } |
169 |
|
170 |
.small-8 {
|
171 |
position: relative; |
172 |
width: 66.66667%; } |
173 |
|
174 |
.small-9 {
|
175 |
position: relative; |
176 |
width: 75%; } |
177 |
|
178 |
.small-10 {
|
179 |
position: relative; |
180 |
width: 83.33333%; } |
181 |
|
182 |
.small-11 {
|
183 |
position: relative; |
184 |
width: 91.66667%; } |
185 |
|
186 |
.small-12 {
|
187 |
position: relative; |
188 |
width: 100%; } |
189 |
|
190 |
.small-offset-1 {
|
191 |
position: relative; |
192 |
margin-left: 8.33333%; } |
193 |
|
194 |
.small-offset-2 {
|
195 |
position: relative; |
196 |
margin-left: 16.66667%; } |
197 |
|
198 |
.small-offset-3 {
|
199 |
position: relative; |
200 |
margin-left: 25%; } |
201 |
|
202 |
.small-offset-4 {
|
203 |
position: relative; |
204 |
margin-left: 33.33333%; } |
205 |
|
206 |
.small-offset-5 {
|
207 |
position: relative; |
208 |
margin-left: 41.66667%; } |
209 |
|
210 |
.small-offset-6 {
|
211 |
position: relative; |
212 |
margin-left: 50%; } |
213 |
|
214 |
.small-offset-7 {
|
215 |
position: relative; |
216 |
margin-left: 58.33333%; } |
217 |
|
218 |
.small-offset-8 {
|
219 |
position: relative; |
220 |
margin-left: 66.66667%; } |
221 |
|
222 |
.small-offset-9 {
|
223 |
position: relative; |
224 |
margin-left: 75%; } |
225 |
|
226 |
.small-offset-10 {
|
227 |
position: relative; |
228 |
margin-left: 83.33333%; } |
229 |
|
230 |
[class*="column"] + [class*="column"]:last-child { |
231 |
float: right; } |
232 |
|
233 |
[class*="column"] + [class*="column"].end { |
234 |
float: left; } |
235 |
|
236 |
.column.small-centered, |
237 |
.columns.small-centered { |
238 |
position: relative; |
239 |
margin-left: auto; |
240 |
margin-right: auto; |
241 |
float: none !important; } } |
242 |
/* Styles for screens that are atleast 768px; */
|
243 |
@media only screen and (min-width: 48em) { |
244 |
.large-1 {
|
245 |
position: relative; |
246 |
width: 8.33333%; } |
247 |
|
248 |
.large-2 {
|
249 |
position: relative; |
250 |
width: 16.66667%; } |
251 |
|
252 |
.large-3 {
|
253 |
position: relative; |
254 |
width: 25%; } |
255 |
|
256 |
.large-4 {
|
257 |
position: relative; |
258 |
width: 33.33333%; } |
259 |
|
260 |
.large-5 {
|
261 |
position: relative; |
262 |
width: 41.66667%; } |
263 |
|
264 |
.large-6 {
|
265 |
position: relative; |
266 |
width: 50%; } |
267 |
|
268 |
.large-7 {
|
269 |
position: relative; |
270 |
width: 58.33333%; } |
271 |
|
272 |
.large-8 {
|
273 |
position: relative; |
274 |
width: 66.66667%; } |
275 |
|
276 |
.large-9 {
|
277 |
position: relative; |
278 |
width: 75%; } |
279 |
|
280 |
.large-10 {
|
281 |
position: relative; |
282 |
width: 83.33333%; } |
283 |
|
284 |
.large-11 {
|
285 |
position: relative; |
286 |
width: 91.66667%; } |
287 |
|
288 |
.large-12 {
|
289 |
position: relative; |
290 |
width: 100%; } |
291 |
|
292 |
.row .large-offset-1 { |
293 |
position: relative; |
294 |
margin-left: 8.33333%; } |
295 |
|
296 |
.row .large-offset-2 { |
297 |
position: relative; |
298 |
margin-left: 16.66667%; } |
299 |
|
300 |
.row .large-offset-3 { |
301 |
position: relative; |
302 |
margin-left: 25%; } |
303 |
|
304 |
.row .large-offset-4 { |
305 |
position: relative; |
306 |
margin-left: 33.33333%; } |
307 |
|
308 |
.row .large-offset-5 { |
309 |
position: relative; |
310 |
margin-left: 41.66667%; } |
311 |
|
312 |
.row .large-offset-6 { |
313 |
position: relative; |
314 |
margin-left: 50%; } |
315 |
|
316 |
.row .large-offset-7 { |
317 |
position: relative; |
318 |
margin-left: 58.33333%; } |
319 |
|
320 |
.row .large-offset-8 { |
321 |
position: relative; |
322 |
margin-left: 66.66667%; } |
323 |
|
324 |
.row .large-offset-9 { |
325 |
position: relative; |
326 |
margin-left: 75%; } |
327 |
|
328 |
.row .large-offset-10 { |
329 |
position: relative; |
330 |
margin-left: 83.33333%; } |
331 |
|
332 |
.row .large-offset-11 { |
333 |
position: relative; |
334 |
margin-left: 91.66667%; } |
335 |
|
336 |
.push-1 {
|
337 |
position: relative; |
338 |
left: 8.33333%; |
339 |
right: auto; } |
340 |
|
341 |
.pull-1 {
|
342 |
position: relative; |
343 |
right: 8.33333%; |
344 |
left: auto; } |
345 |
|
346 |
.push-2 {
|
347 |
position: relative; |
348 |
left: 16.66667%; |
349 |
right: auto; } |
350 |
|
351 |
.pull-2 {
|
352 |
position: relative; |
353 |
right: 16.66667%; |
354 |
left: auto; } |
355 |
|
356 |
.push-3 {
|
357 |
position: relative; |
358 |
left: 25%; |
359 |
right: auto; } |
360 |
|
361 |
.pull-3 {
|
362 |
position: relative; |
363 |
right: 25%; |
364 |
left: auto; } |
365 |
|
366 |
.push-4 {
|
367 |
position: relative; |
368 |
left: 33.33333%; |
369 |
right: auto; } |
370 |
|
371 |
.pull-4 {
|
372 |
position: relative; |
373 |
right: 33.33333%; |
374 |
left: auto; } |
375 |
|
376 |
.push-5 {
|
377 |
position: relative; |
378 |
left: 41.66667%; |
379 |
right: auto; } |
380 |
|
381 |
.pull-5 {
|
382 |
position: relative; |
383 |
right: 41.66667%; |
384 |
left: auto; } |
385 |
|
386 |
.push-6 {
|
387 |
position: relative; |
388 |
left: 50%; |
389 |
right: auto; } |
390 |
|
391 |
.pull-6 {
|
392 |
position: relative; |
393 |
right: 50%; |
394 |
left: auto; } |
395 |
|
396 |
.push-7 {
|
397 |
position: relative; |
398 |
left: 58.33333%; |
399 |
right: auto; } |
400 |
|
401 |
.pull-7 {
|
402 |
position: relative; |
403 |
right: 58.33333%; |
404 |
left: auto; } |
405 |
|
406 |
.push-8 {
|
407 |
position: relative; |
408 |
left: 66.66667%; |
409 |
right: auto; } |
410 |
|
411 |
.pull-8 {
|
412 |
position: relative; |
413 |
right: 66.66667%; |
414 |
left: auto; } |
415 |
|
416 |
.push-9 {
|
417 |
position: relative; |
418 |
left: 75%; |
419 |
right: auto; } |
420 |
|
421 |
.pull-9 {
|
422 |
position: relative; |
423 |
right: 75%; |
424 |
left: auto; } |
425 |
|
426 |
.push-10 {
|
427 |
position: relative; |
428 |
left: 83.33333%; |
429 |
right: auto; } |
430 |
|
431 |
.pull-10 {
|
432 |
position: relative; |
433 |
right: 83.33333%; |
434 |
left: auto; } |
435 |
|
436 |
.push-11 {
|
437 |
position: relative; |
438 |
left: 91.66667%; |
439 |
right: auto; } |
440 |
|
441 |
.pull-11 {
|
442 |
position: relative; |
443 |
right: 91.66667%; |
444 |
left: auto; } |
445 |
|
446 |
.small-push-1 {
|
447 |
left: inherit; } |
448 |
|
449 |
.small-pull-1 {
|
450 |
right: inherit; } |
451 |
|
452 |
.small-push-2 {
|
453 |
left: inherit; } |
454 |
|
455 |
.small-pull-2 {
|
456 |
right: inherit; } |
457 |
|
458 |
.small-push-3 {
|
459 |
left: inherit; } |
460 |
|
461 |
.small-pull-3 {
|
462 |
right: inherit; } |
463 |
|
464 |
.small-push-4 {
|
465 |
left: inherit; } |
466 |
|
467 |
.small-pull-4 {
|
468 |
right: inherit; } |
469 |
|
470 |
.small-push-5 {
|
471 |
left: inherit; } |
472 |
|
473 |
.small-pull-5 {
|
474 |
right: inherit; } |
475 |
|
476 |
.small-push-6 {
|
477 |
left: inherit; } |
478 |
|
479 |
.small-pull-6 {
|
480 |
right: inherit; } |
481 |
|
482 |
.small-push-7 {
|
483 |
left: inherit; } |
484 |
|
485 |
.small-pull-7 {
|
486 |
right: inherit; } |
487 |
|
488 |
.small-push-8 {
|
489 |
left: inherit; } |
490 |
|
491 |
.small-pull-8 {
|
492 |
right: inherit; } |
493 |
|
494 |
.small-push-9 {
|
495 |
left: inherit; } |
496 |
|
497 |
.small-pull-9 {
|
498 |
right: inherit; } |
499 |
|
500 |
.small-push-10 {
|
501 |
left: inherit; } |
502 |
|
503 |
.small-pull-10 {
|
504 |
right: inherit; } |
505 |
|
506 |
.small-push-11 {
|
507 |
left: inherit; } |
508 |
|
509 |
.small-pull-11 {
|
510 |
right: inherit; } |
511 |
|
512 |
.column.large-centered, |
513 |
.columns.large-centered { |
514 |
position: relative; |
515 |
margin-left: auto; |
516 |
margin-right: auto; |
517 |
float: none !important; } |
518 |
|
519 |
.column.large-uncentered, |
520 |
.columns.large-uncentered { |
521 |
margin-left: 0; |
522 |
margin-right: 0; |
523 |
float: none; } } |
524 |
/* Foundation Visibility HTML Classes */
|
525 |
.show-for-small,
|
526 |
.show-for-medium-down,
|
527 |
.show-for-large-down {
|
528 |
display: inherit !important; } |
529 |
|
530 |
.show-for-medium,
|
531 |
.show-for-medium-up,
|
532 |
.show-for-large,
|
533 |
.show-for-large-up,
|
534 |
.show-for-xlarge {
|
535 |
display: none !important; } |
536 |
|
537 |
.hide-for-medium,
|
538 |
.hide-for-medium-up,
|
539 |
.hide-for-large,
|
540 |
.hide-for-large-up,
|
541 |
.hide-for-xlarge {
|
542 |
display: inherit !important; } |
543 |
|
544 |
.hide-for-small,
|
545 |
.hide-for-medium-down,
|
546 |
.hide-for-large-down {
|
547 |
display: none !important; } |
548 |
|
549 |
/* Specific visilbity for tables */
|
550 |
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { |
551 |
display: table; } |
552 |
|
553 |
thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { |
554 |
display: table-header-group !important; } |
555 |
|
556 |
tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { |
557 |
display: table-row-group !important; } |
558 |
|
559 |
tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { |
560 |
display: table-row !important; } |
561 |
|
562 |
td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge, |
563 |
th.show-for-small, |
564 |
th.show-for-medium-down, |
565 |
th.show-for-large-down, |
566 |
th.hide-for-medium, |
567 |
th.hide-for-medium-up, |
568 |
th.hide-for-large, |
569 |
th.hide-for-large-up, |
570 |
th.hide-for-xlarge { |
571 |
display: table-cell !important; } |
572 |
|
573 |
/* Medium Displays: 768px - 1279px */
|
574 |
@media only screen and (min-width: 48em) { |
575 |
.show-for-medium,
|
576 |
.show-for-medium-up {
|
577 |
display: inherit !important; } |
578 |
|
579 |
.show-for-small {
|
580 |
display: none !important; } |
581 |
|
582 |
.hide-for-small {
|
583 |
display: inherit !important; } |
584 |
|
585 |
.hide-for-medium,
|
586 |
.hide-for-medium-up {
|
587 |
display: none !important; } |
588 |
|
589 |
/* Specific visilbity for tables */
|
590 |
table.show-for-medium, table.show-for-medium-up, table.hide-for-small { |
591 |
display: table; } |
592 |
|
593 |
thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { |
594 |
display: table-header-group !important; } |
595 |
|
596 |
tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { |
597 |
display: table-row-group !important; } |
598 |
|
599 |
tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { |
600 |
display: table-row !important; } |
601 |
|
602 |
td.show-for-medium, td.show-for-medium-up, td.hide-for-small, |
603 |
th.show-for-medium, |
604 |
th.show-for-medium-up, |
605 |
th.hide-for-small { |
606 |
display: table-cell !important; } } |
607 |
/* Large Displays: 1280px - 1440px */
|
608 |
@media only screen and (min-width: 80em) { |
609 |
.show-for-large,
|
610 |
.show-for-large-up {
|
611 |
display: inherit !important; } |
612 |
|
613 |
.show-for-medium,
|
614 |
.show-for-medium-down {
|
615 |
display: none !important; } |
616 |
|
617 |
.hide-for-medium,
|
618 |
.hide-for-medium-down {
|
619 |
display: inherit !important; } |
620 |
|
621 |
.hide-for-large,
|
622 |
.hide-for-large-up {
|
623 |
display: none !important; } |
624 |
|
625 |
/* Specific visilbity for tables */
|
626 |
table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { |
627 |
display: table; } |
628 |
|
629 |
thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { |
630 |
display: table-header-group !important; } |
631 |
|
632 |
tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { |
633 |
display: table-row-group !important; } |
634 |
|
635 |
tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { |
636 |
display: table-row !important; } |
637 |
|
638 |
td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, |
639 |
th.show-for-large, |
640 |
th.show-for-large-up, |
641 |
th.hide-for-medium, |
642 |
th.hide-for-medium-down { |
643 |
display: table-cell !important; } } |
644 |
/* X-Large Displays: 1400px and up */
|
645 |
@media only screen and (min-width: 90em) { |
646 |
.show-for-xlarge {
|
647 |
display: inherit !important; } |
648 |
|
649 |
.show-for-large,
|
650 |
.show-for-large-down {
|
651 |
display: none !important; } |
652 |
|
653 |
.hide-for-large,
|
654 |
.hide-for-large-down {
|
655 |
display: inherit !important; } |
656 |
|
657 |
.hide-for-xlarge {
|
658 |
display: none !important; } |
659 |
|
660 |
/* Specific visilbity for tables */
|
661 |
table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { |
662 |
display: table; } |
663 |
|
664 |
thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { |
665 |
display: table-header-group !important; } |
666 |
|
667 |
tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { |
668 |
display: table-row-group !important; } |
669 |
|
670 |
tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { |
671 |
display: table-row !important; } |
672 |
|
673 |
td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, |
674 |
th.show-for-xlarge, |
675 |
th.hide-for-large, |
676 |
th.hide-for-large-down { |
677 |
display: table-cell !important; } } |
678 |
/* Orientation targeting */
|
679 |
.show-for-landscape,
|
680 |
.hide-for-portrait {
|
681 |
display: inherit !important; } |
682 |
|
683 |
.hide-for-landscape,
|
684 |
.show-for-portrait {
|
685 |
display: none !important; } |
686 |
|
687 |
/* Specific visilbity for tables */
|
688 |
table.hide-for-landscape, table.show-for-portrait { |
689 |
display: table; } |
690 |
|
691 |
thead.hide-for-landscape, thead.show-for-portrait { |
692 |
display: table-header-group !important; } |
693 |
|
694 |
tbody.hide-for-landscape, tbody.show-for-portrait { |
695 |
display: table-row-group !important; } |
696 |
|
697 |
tr.hide-for-landscape, tr.show-for-portrait { |
698 |
display: table-row !important; } |
699 |
|
700 |
td.hide-for-landscape, td.show-for-portrait, |
701 |
th.hide-for-landscape, |
702 |
th.show-for-portrait { |
703 |
display: table-cell !important; } |
704 |
|
705 |
@media only screen and (orientation: landscape) { |
706 |
.show-for-landscape,
|
707 |
.hide-for-portrait {
|
708 |
display: inherit !important; } |
709 |
|
710 |
.hide-for-landscape,
|
711 |
.show-for-portrait {
|
712 |
display: none !important; } |
713 |
|
714 |
/* Specific visilbity for tables */
|
715 |
table.show-for-landscape, table.hide-for-portrait { |
716 |
display: table; } |
717 |
|
718 |
thead.show-for-landscape, thead.hide-for-portrait { |
719 |
display: table-header-group !important; } |
720 |
|
721 |
tbody.show-for-landscape, tbody.hide-for-portrait { |
722 |
display: table-row-group !important; } |
723 |
|
724 |
tr.show-for-landscape, tr.hide-for-portrait { |
725 |
display: table-row !important; } |
726 |
|
727 |
td.show-for-landscape, td.hide-for-portrait, |
728 |
th.show-for-landscape, |
729 |
th.hide-for-portrait { |
730 |
display: table-cell !important; } } |
731 |
@media only screen and (orientation: portrait) { |
732 |
.show-for-portrait,
|
733 |
.hide-for-landscape {
|
734 |
display: inherit !important; } |
735 |
|
736 |
.hide-for-portrait,
|
737 |
.show-for-landscape {
|
738 |
display: none !important; } |
739 |
|
740 |
/* Specific visilbity for tables */
|
741 |
table.show-for-portrait, table.hide-for-landscape { |
742 |
display: table; } |
743 |
|
744 |
thead.show-for-portrait, thead.hide-for-landscape { |
745 |
display: table-header-group !important; } |
746 |
|
747 |
tbody.show-for-portrait, tbody.hide-for-landscape { |
748 |
display: table-row-group !important; } |
749 |
|
750 |
tr.show-for-portrait, tr.hide-for-landscape { |
751 |
display: table-row !important; } |
752 |
|
753 |
td.show-for-portrait, td.hide-for-landscape, |
754 |
th.show-for-portrait, |
755 |
th.hide-for-landscape { |
756 |
display: table-cell !important; } } |
757 |
/* Touch-enabled device targeting */
|
758 |
.show-for-touch {
|
759 |
display: none !important; } |
760 |
|
761 |
.hide-for-touch {
|
762 |
display: inherit !important; } |
763 |
|
764 |
.touch .show-for-touch { |
765 |
display: inherit !important; } |
766 |
|
767 |
.touch .hide-for-touch { |
768 |
display: none !important; } |
769 |
|
770 |
/* Specific visilbity for tables */
|
771 |
table.hide-for-touch { |
772 |
display: table; } |
773 |
|
774 |
.touch table.show-for-touch { |
775 |
display: table; } |
776 |
|
777 |
thead.hide-for-touch { |
778 |
display: table-header-group !important; } |
779 |
|
780 |
.touch thead.show-for-touch { |
781 |
display: table-header-group !important; } |
782 |
|
783 |
tbody.hide-for-touch { |
784 |
display: table-row-group !important; } |
785 |
|
786 |
.touch tbody.show-for-touch { |
787 |
display: table-row-group !important; } |
788 |
|
789 |
tr.hide-for-touch { |
790 |
display: table-row !important; } |
791 |
|
792 |
.touch tr.show-for-touch { |
793 |
display: table-row !important; } |
794 |
|
795 |
td.hide-for-touch { |
796 |
display: table-cell !important; } |
797 |
|
798 |
.touch td.show-for-touch { |
799 |
display: table-cell !important; } |
800 |
|
801 |
th.hide-for-touch { |
802 |
display: table-cell !important; } |
803 |
|
804 |
.touch th.show-for-touch { |
805 |
display: table-cell !important; } |
806 |
|
807 |
/* Foundation Block Grids for below small breakpoint */
|
808 |
@media only screen { |
809 |
[class*="block-grid-"] {
|
810 |
display: block; |
811 |
padding: 0; |
812 |
margin: 0 -10px; |
813 |
*zoom: 1; } |
814 |
[class*="block-grid-"]:before, [class*="block-grid-"]:after { |
815 |
content: " "; |
816 |
display: table; } |
817 |
[class*="block-grid-"]:after { |
818 |
clear: both; } |
819 |
[class*="block-grid-"] > li { |
820 |
display: inline; |
821 |
height: auto; |
822 |
float: left; |
823 |
padding: 0 10px 10px; } |
824 |
|
825 |
.small-block-grid-1 > li { |
826 |
width: 100%; |
827 |
padding: 0 10px 10px; } |
828 |
.small-block-grid-1 > li:nth-of-type(n) { |
829 |
clear: none; } |
830 |
.small-block-grid-1 > li:nth-of-type(1n+1) { |
831 |
clear: both; } |
832 |
|
833 |
.small-block-grid-2 > li { |
834 |
width: 50%; |
835 |
padding: 0 10px 10px; } |
836 |
.small-block-grid-2 > li:nth-of-type(n) { |
837 |
clear: none; } |
838 |
.small-block-grid-2 > li:nth-of-type(2n+1) { |
839 |
clear: both; } |
840 |
|
841 |
.small-block-grid-3 > li { |
842 |
width: 33.33333%; |
843 |
padding: 0 10px 10px; } |
844 |
.small-block-grid-3 > li:nth-of-type(n) { |
845 |
clear: none; } |
846 |
.small-block-grid-3 > li:nth-of-type(3n+1) { |
847 |
clear: both; } |
848 |
|
849 |
.small-block-grid-4 > li { |
850 |
width: 25%; |
851 |
padding: 0 10px 10px; } |
852 |
.small-block-grid-4 > li:nth-of-type(n) { |
853 |
clear: none; } |
854 |
.small-block-grid-4 > li:nth-of-type(4n+1) { |
855 |
clear: both; } |
856 |
|
857 |
.small-block-grid-5 > li { |
858 |
width: 20%; |
859 |
padding: 0 10px 10px; } |
860 |
.small-block-grid-5 > li:nth-of-type(n) { |
861 |
clear: none; } |
862 |
.small-block-grid-5 > li:nth-of-type(5n+1) { |
863 |
clear: both; } |
864 |
|
865 |
.small-block-grid-6 > li { |
866 |
width: 16.66667%; |
867 |
padding: 0 10px 10px; } |
868 |
.small-block-grid-6 > li:nth-of-type(n) { |
869 |
clear: none; } |
870 |
.small-block-grid-6 > li:nth-of-type(6n+1) { |
871 |
clear: both; } |
872 |
|
873 |
.small-block-grid-7 > li { |
874 |
width: 14.28571%; |
875 |
padding: 0 10px 10px; } |
876 |
.small-block-grid-7 > li:nth-of-type(n) { |
877 |
clear: none; } |
878 |
.small-block-grid-7 > li:nth-of-type(7n+1) { |
879 |
clear: both; } |
880 |
|
881 |
.small-block-grid-8 > li { |
882 |
width: 12.5%; |
883 |
padding: 0 10px 10px; } |
884 |
.small-block-grid-8 > li:nth-of-type(n) { |
885 |
clear: none; } |
886 |
.small-block-grid-8 > li:nth-of-type(8n+1) { |
887 |
clear: both; } |
888 |
|
889 |
.small-block-grid-9 > li { |
890 |
width: 11.11111%; |
891 |
padding: 0 10px 10px; } |
892 |
.small-block-grid-9 > li:nth-of-type(n) { |
893 |
clear: none; } |
894 |
.small-block-grid-9 > li:nth-of-type(9n+1) { |
895 |
clear: both; } |
896 |
|
897 |
.small-block-grid-10 > li { |
898 |
width: 10%; |
899 |
padding: 0 10px 10px; } |
900 |
.small-block-grid-10 > li:nth-of-type(n) { |
901 |
clear: none; } |
902 |
.small-block-grid-10 > li:nth-of-type(10n+1) { |
903 |
clear: both; } |
904 |
|
905 |
.small-block-grid-11 > li { |
906 |
width: 9.09091%; |
907 |
padding: 0 10px 10px; } |
908 |
.small-block-grid-11 > li:nth-of-type(n) { |
909 |
clear: none; } |
910 |
.small-block-grid-11 > li:nth-of-type(11n+1) { |
911 |
clear: both; } |
912 |
|
913 |
.small-block-grid-12 > li { |
914 |
width: 8.33333%; |
915 |
padding: 0 10px 10px; } |
916 |
.small-block-grid-12 > li:nth-of-type(n) { |
917 |
clear: none; } |
918 |
.small-block-grid-12 > li:nth-of-type(12n+1) { |
919 |
clear: both; } } |
920 |
/* Foundation Block Grids for above small breakpoint */
|
921 |
@media only screen and (min-width: 48em) { |
922 |
/* Remove small grid clearing */
|
923 |
.small-block-grid-1 > li:nth-of-type(1n+1) { |
924 |
clear: none; } |
925 |
|
926 |
.small-block-grid-2 > li:nth-of-type(2n+1) { |
927 |
clear: none; } |
928 |
|
929 |
.small-block-grid-3 > li:nth-of-type(3n+1) { |
930 |
clear: none; } |
931 |
|
932 |
.small-block-grid-4 > li:nth-of-type(4n+1) { |
933 |
clear: none; } |
934 |
|
935 |
.small-block-grid-5 > li:nth-of-type(5n+1) { |
936 |
clear: none; } |
937 |
|
938 |
.small-block-grid-6 > li:nth-of-type(6n+1) { |
939 |
clear: none; } |
940 |
|
941 |
.small-block-grid-7 > li:nth-of-type(7n+1) { |
942 |
clear: none; } |
943 |
|
944 |
.small-block-grid-8 > li:nth-of-type(8n+1) { |
945 |
clear: none; } |
946 |
|
947 |
.small-block-grid-9 > li:nth-of-type(9n+1) { |
948 |
clear: none; } |
949 |
|
950 |
.small-block-grid-10 > li:nth-of-type(10n+1) { |
951 |
clear: none; } |
952 |
|
953 |
.small-block-grid-11 > li:nth-of-type(11n+1) { |
954 |
clear: none; } |
955 |
|
956 |
.small-block-grid-12 > li:nth-of-type(12n+1) { |
957 |
clear: none; } |
958 |
|
959 |
.large-block-grid-1 > li { |
960 |
width: 100%; |
961 |
padding: 0 10px 10px; } |
962 |
.large-block-grid-1 > li:nth-of-type(n) { |
963 |
clear: none; } |
964 |
.large-block-grid-1 > li:nth-of-type(1n+1) { |
965 |
clear: both; } |
966 |
|
967 |
.large-block-grid-2 > li { |
968 |
width: 50%; |
969 |
padding: 0 10px 10px; } |
970 |
.large-block-grid-2 > li:nth-of-type(n) { |
971 |
clear: none; } |
972 |
.large-block-grid-2 > li:nth-of-type(2n+1) { |
973 |
clear: both; } |
974 |
|
975 |
.large-block-grid-3 > li { |
976 |
width: 33.33333%; |
977 |
padding: 0 10px 10px; } |
978 |
.large-block-grid-3 > li:nth-of-type(n) { |
979 |
clear: none; } |
980 |
.large-block-grid-3 > li:nth-of-type(3n+1) { |
981 |
clear: both; } |
982 |
|
983 |
.large-block-grid-4 > li { |
984 |
width: 25%; |
985 |
padding: 0 10px 10px; } |
986 |
.large-block-grid-4 > li:nth-of-type(n) { |
987 |
clear: none; } |
988 |
.large-block-grid-4 > li:nth-of-type(4n+1) { |
989 |
clear: both; } |
990 |
|
991 |
.large-block-grid-5 > li { |
992 |
width: 20%; |
993 |
padding: 0 10px 10px; } |
994 |
.large-block-grid-5 > li:nth-of-type(n) { |
995 |
clear: none; } |
996 |
.large-block-grid-5 > li:nth-of-type(5n+1) { |
997 |
clear: both; } |
998 |
|
999 |
.large-block-grid-6 > li { |
1000 |
width: 16.66667%; |
1001 |
padding: 0 10px 10px; } |
1002 |
.large-block-grid-6 > li:nth-of-type(n) { |
1003 |
clear: none; } |
1004 |
.large-block-grid-6 > li:nth-of-type(6n+1) { |
1005 |
clear: both; } |
1006 |
|
1007 |
.large-block-grid-7 > li { |
1008 |
width: 14.28571%; |
1009 |
padding: 0 10px 10px; } |
1010 |
.large-block-grid-7 > li:nth-of-type(n) { |
1011 |
clear: none; } |
1012 |
.large-block-grid-7 > li:nth-of-type(7n+1) { |
1013 |
clear: both; } |
1014 |
|
1015 |
.large-block-grid-8 > li { |
1016 |
width: 12.5%; |
1017 |
padding: 0 10px 10px; } |
1018 |
.large-block-grid-8 > li:nth-of-type(n) { |
1019 |
clear: none; } |
1020 |
.large-block-grid-8 > li:nth-of-type(8n+1) { |
1021 |
clear: both; } |
1022 |
|
1023 |
.large-block-grid-9 > li { |
1024 |
width: 11.11111%; |
1025 |
padding: 0 10px 10px; } |
1026 |
.large-block-grid-9 > li:nth-of-type(n) { |
1027 |
clear: none; } |
1028 |
.large-block-grid-9 > li:nth-of-type(9n+1) { |
1029 |
clear: both; } |
1030 |
|
1031 |
.large-block-grid-10 > li { |
1032 |
width: 10%; |
1033 |
padding: 0 10px 10px; } |
1034 |
.large-block-grid-10 > li:nth-of-type(n) { |
1035 |
clear: none; } |
1036 |
.large-block-grid-10 > li:nth-of-type(10n+1) { |
1037 |
clear: both; } |
1038 |
|
1039 |
.large-block-grid-11 > li { |
1040 |
width: 9.09091%; |
1041 |
padding: 0 10px 10px; } |
1042 |
.large-block-grid-11 > li:nth-of-type(n) { |
1043 |
clear: none; } |
1044 |
.large-block-grid-11 > li:nth-of-type(11n+1) { |
1045 |
clear: both; } |
1046 |
|
1047 |
.large-block-grid-12 > li { |
1048 |
width: 8.33333%; |
1049 |
padding: 0 10px 10px; } |
1050 |
.large-block-grid-12 > li:nth-of-type(n) { |
1051 |
clear: none; } |
1052 |
.large-block-grid-12 > li:nth-of-type(12n+1) { |
1053 |
clear: both; } } |
1054 |
p.lead { |
1055 |
font-size: 1.21875em; |
1056 |
line-height: 1.6; } |
1057 |
|
1058 |
.subheader {
|
1059 |
line-height: 1.4; |
1060 |
color: #6f6f6f; |
1061 |
font-weight: 300; |
1062 |
margin-top: 0.2em; |
1063 |
margin-bottom: 0.5em; } |
1064 |
|
1065 |
/* Typography resets */
|
1066 |
div,
|
1067 |
dl,
|
1068 |
dt,
|
1069 |
dd,
|
1070 |
ul,
|
1071 |
ol,
|
1072 |
li,
|
1073 |
h1,
|
1074 |
h2,
|
1075 |
h3,
|
1076 |
h4,
|
1077 |
h5,
|
1078 |
h6,
|
1079 |
pre,
|
1080 |
form,
|
1081 |
p,
|
1082 |
blockquote,
|
1083 |
th,
|
1084 |
td {
|
1085 |
margin: 0; |
1086 |
padding: 0; |
1087 |
direction: ltr; } |
1088 |
|
1089 |
/* Default Link Styles */
|
1090 |
a {
|
1091 |
color: #2ba6cb; |
1092 |
text-decoration: none; |
1093 |
line-height: inherit; } |
1094 |
a:hover, a:focus { |
1095 |
color: #2795b6; } |
1096 |
a img { |
1097 |
border: none; } |
1098 |
|
1099 |
/* Default paragraph styles */
|
1100 |
p {
|
1101 |
font-family: inherit; |
1102 |
font-weight: normal; |
1103 |
font-size: 1em; |
1104 |
line-height: 1.6; |
1105 |
margin-bottom: 1.25em; |
1106 |
text-rendering: optimizeLegibility; } |
1107 |
p aside { |
1108 |
font-size: 0.875em; |
1109 |
line-height: 1.35; |
1110 |
font-style: italic; } |
1111 |
|
1112 |
/* Default header styles */
|
1113 |
h1, h2, h3, h4, h5, h6 { |
1114 |
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; |
1115 |
font-weight: bold; |
1116 |
font-style: normal; |
1117 |
color: #222222; |
1118 |
text-rendering: optimizeLegibility; |
1119 |
margin-top: 0.2em; |
1120 |
margin-bottom: 0.5em; |
1121 |
line-height: 1.2125em; } |
1122 |
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { |
1123 |
font-size: 60%; |
1124 |
color: #6f6f6f; |
1125 |
line-height: 0; } |
1126 |
|
1127 |
h1 {
|
1128 |
font-size: 2.125em; } |
1129 |
|
1130 |
h2 {
|
1131 |
font-size: 1.6875em; } |
1132 |
|
1133 |
h3 {
|
1134 |
font-size: 1.375em; } |
1135 |
|
1136 |
h4 {
|
1137 |
font-size: 1.125em; } |
1138 |
|
1139 |
h5 {
|
1140 |
font-size: 1.125em; } |
1141 |
|
1142 |
h6 {
|
1143 |
font-size: 1em; } |
1144 |
|
1145 |
hr {
|
1146 |
border: solid #dddddd; |
1147 |
border-width: 1px 0 0; |
1148 |
clear: both; |
1149 |
margin: 1.25em 0 1.1875em; |
1150 |
height: 0; } |
1151 |
|
1152 |
/* Helpful Typography Defaults */
|
1153 |
em,
|
1154 |
i {
|
1155 |
font-style: italic; |
1156 |
line-height: inherit; } |
1157 |
|
1158 |
strong,
|
1159 |
b {
|
1160 |
font-weight: bold; |
1161 |
line-height: inherit; } |
1162 |
|
1163 |
small {
|
1164 |
font-size: 60%; |
1165 |
line-height: inherit; } |
1166 |
|
1167 |
code {
|
1168 |
font-family: Consolas, "Liberation Mono", Courier, monospace; |
1169 |
font-weight: bold; |
1170 |
color: #7f0a0c; } |
1171 |
|
1172 |
/* Lists */
|
1173 |
ul,
|
1174 |
ol,
|
1175 |
dl {
|
1176 |
font-size: 1em; |
1177 |
line-height: 1.6; |
1178 |
margin-bottom: 1.25em; |
1179 |
list-style-position: outside; |
1180 |
font-family: inherit; } |
1181 |
|
1182 |
/* Unordered Lists */
|
1183 |
ul li ul, |
1184 |
ul li ol { |
1185 |
margin-left: 1.25em; |
1186 |
margin-bottom: 0; |
1187 |
font-size: 1em; |
1188 |
/* Override nested font-size change */ }
|
1189 |
ul.square li ul, ul.circle li ul, ul.disc li ul { |
1190 |
list-style: inherit; } |
1191 |
ul.square { |
1192 |
list-style-type: square; } |
1193 |
ul.circle { |
1194 |
list-style-type: circle; } |
1195 |
ul.disc { |
1196 |
list-style-type: disc; } |
1197 |
ul.no-bullet { |
1198 |
list-style: none; } |
1199 |
|
1200 |
/* Ordered Lists */
|
1201 |
ol li ul, |
1202 |
ol li ol { |
1203 |
margin-left: 1.25em; |
1204 |
margin-bottom: 0; } |
1205 |
|
1206 |
/* Definition Lists */
|
1207 |
dl dt { |
1208 |
margin-bottom: 0.3em; |
1209 |
font-weight: bold; } |
1210 |
dl dd { |
1211 |
margin-bottom: 0.75em; } |
1212 |
|
1213 |
/* Abbreviations */
|
1214 |
abbr,
|
1215 |
acronym {
|
1216 |
text-transform: uppercase; |
1217 |
font-size: 90%; |
1218 |
color: #222222; |
1219 |
border-bottom: 1px dotted #dddddd; |
1220 |
cursor: help; } |
1221 |
|
1222 |
abbr {
|
1223 |
text-transform: none; } |
1224 |
|
1225 |
/* Blockquotes */
|
1226 |
blockquote {
|
1227 |
margin: 0 0 1.25em; |
1228 |
padding: 0.5625em 1.25em 0 1.1875em; |
1229 |
border-left: 1px solid #dddddd; } |
1230 |
blockquote cite { |
1231 |
display: block; |
1232 |
font-size: 0.8125em; |
1233 |
color: #555555; } |
1234 |
blockquote cite:before { |
1235 |
content: "\2014 \0020"; } |
1236 |
blockquote cite a, |
1237 |
blockquote cite a:visited { |
1238 |
color: #555555; } |
1239 |
|
1240 |
blockquote,
|
1241 |
blockquote p { |
1242 |
line-height: 1.6; |
1243 |
color: #6f6f6f; } |
1244 |
|
1245 |
/* Microformats */
|
1246 |
.vcard {
|
1247 |
display: inline-block; |
1248 |
margin: 0 0 1.25em 0; |
1249 |
border: 1px solid #dddddd; |
1250 |
padding: 0.625em 0.75em; } |
1251 |
.vcard li { |
1252 |
margin: 0; |
1253 |
display: block; } |
1254 |
.vcard .fn { |
1255 |
font-weight: bold; |
1256 |
font-size: 0.9375em; } |
1257 |
|
1258 |
.vevent .summary { |
1259 |
font-weight: bold; } |
1260 |
.vevent abbr { |
1261 |
cursor: default; |
1262 |
text-decoration: none; |
1263 |
font-weight: bold; |
1264 |
border: none; |
1265 |
padding: 0 0.0625em; } |
1266 |
|
1267 |
@media only screen and (min-width: 48em) { |
1268 |
h1, h2, h3, h4, h5, h6 { |
1269 |
line-height: 1.4; } |
1270 |
|
1271 |
h1 {
|
1272 |
font-size: 2.75em; } |
1273 |
|
1274 |
h2 {
|
1275 |
font-size: 2.3125em; } |
1276 |
|
1277 |
h3 {
|
1278 |
font-size: 1.6875em; } |
1279 |
|
1280 |
h4 {
|
1281 |
font-size: 1.4375em; } } |
1282 |
/*
|
1283 |
* Print styles.
|
1284 |
*
|
1285 |
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
|
1286 |
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
|
1287 |
*/
|
1288 |
.print-only {
|
1289 |
display: none !important; } |
1290 |
|
1291 |
@media print { |
1292 |
* {
|
1293 |
background: transparent !important; |
1294 |
color: black !important; |
1295 |
/* Black prints faster: h5bp.com/s */
|
1296 |
box-shadow: none !important; |
1297 |
text-shadow: none !important; } |
1298 |
|
1299 |
a,
|
1300 |
a:visited { |
1301 |
text-decoration: underline; } |
1302 |
|
1303 |
a[href]:after { |
1304 |
content: " (" attr(href) ")"; } |
1305 |
|
1306 |
abbr[title]:after { |
1307 |
content: " (" attr(title) ")"; } |
1308 |
|
1309 |
.ir a:after, |
1310 |
a[href^="javascript:"]:after, |
1311 |
a[href^="#"]:after { |
1312 |
content: ""; } |
1313 |
|
1314 |
pre,
|
1315 |
blockquote {
|
1316 |
border: 1px solid #999999; |
1317 |
page-break-inside: avoid; } |
1318 |
|
1319 |
thead {
|
1320 |
display: table-header-group; |
1321 |
/* h5bp.com/t */ }
|
1322 |
|
1323 |
tr,
|
1324 |
img {
|
1325 |
page-break-inside: avoid; } |
1326 |
|
1327 |
img {
|
1328 |
max-width: 100% !important; } |
1329 |
|
1330 |
@page {
|
1331 |
margin: 0.5cm; } |
1332 |
|
1333 |
p,
|
1334 |
h2,
|
1335 |
h3 {
|
1336 |
orphans: 3; |
1337 |
widows: 3; } |
1338 |
|
1339 |
h2,
|
1340 |
h3 {
|
1341 |
page-break-after: avoid; } |
1342 |
|
1343 |
.hide-on-print {
|
1344 |
display: none !important; } |
1345 |
|
1346 |
.print-only {
|
1347 |
display: block !important; } |
1348 |
|
1349 |
.hide-for-print {
|
1350 |
display: none !important; } |
1351 |
|
1352 |
.show-for-print {
|
1353 |
display: inherit !important; } } |
1354 |
button, .button { |
1355 |
border-style: solid; |
1356 |
border-width: 1px; |
1357 |
cursor: pointer; |
1358 |
font-family: inherit; |
1359 |
font-weight: bold; |
1360 |
line-height: 1; |
1361 |
margin: 0 0 1.25em; |
1362 |
position: relative; |
1363 |
text-decoration: none; |
1364 |
text-align: center; |
1365 |
display: inline-block; |
1366 |
padding-top: 0.75em; |
1367 |
padding-right: 1.5em; |
1368 |
padding-bottom: 0.8125em; |
1369 |
padding-left: 1.5em; |
1370 |
font-size: 1em; |
1371 |
background-color: #2ba6cb; |
1372 |
border-color: #2284a1; |
1373 |
color: white; } |
1374 |
button:hover, button:focus, .button:hover, .button:focus { |
1375 |
background-color: #2284a1; } |
1376 |
button:hover, button:focus, .button:hover, .button:focus { |
1377 |
color: white; } |
1378 |
button.secondary, .button.secondary { |
1379 |
background-color: #e9e9e9; |
1380 |
border-color: #d0d0d0; |
1381 |
color: #333333; } |
1382 |
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { |
1383 |
background-color: #d0d0d0; } |
1384 |
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { |
1385 |
color: #333333; } |
1386 |
button.success, .button.success { |
1387 |
background-color: #5da423; |
1388 |
border-color: #457a1a; |
1389 |
color: white; } |
1390 |
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { |
1391 |
background-color: #457a1a; } |
1392 |
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { |
1393 |
color: white; } |
1394 |
button.alert, .button.alert { |
1395 |
background-color: #c60f13; |
1396 |
border-color: #970b0e; |
1397 |
color: white; } |
1398 |
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { |
1399 |
background-color: #970b0e; } |
1400 |
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { |
1401 |
color: white; } |
1402 |
button.large, .button.large { |
1403 |
padding-top: 1em; |
1404 |
padding-right: 2em; |
1405 |
padding-bottom: 1.0625em; |
1406 |
padding-left: 2em; |
1407 |
font-size: 1.25em; } |
1408 |
button.small, .button.small { |
1409 |
padding-top: 0.5625em; |
1410 |
padding-right: 1.125em; |
1411 |
padding-bottom: 0.625em; |
1412 |
padding-left: 1.125em; |
1413 |
font-size: 0.8125em; } |
1414 |
button.tiny, .button.tiny { |
1415 |
padding-top: 0.4375em; |
1416 |
padding-right: 0.875em; |
1417 |
padding-bottom: 0.5em; |
1418 |
padding-left: 0.875em; |
1419 |
font-size: 0.6875em; } |
1420 |
button.expand, .button.expand { |
1421 |
padding-right: 0px; |
1422 |
padding-left: 0px; |
1423 |
width: 100%; } |
1424 |
button.left-align, .button.left-align { |
1425 |
text-align: left; |
1426 |
text-indent: 0.75em; } |
1427 |
button.right-align, .button.right-align { |
1428 |
text-align: right; |
1429 |
padding-right: 0.75em; } |
1430 |
button.disabled, button[disabled], .button.disabled, .button[disabled] { |
1431 |
background-color: #2ba6cb; |
1432 |
border-color: #2284a1; |
1433 |
color: white; |
1434 |
cursor: default; |
1435 |
opacity: 0.6; |
1436 |
-webkit-box-shadow: none; |
1437 |
box-shadow: none; } |
1438 |
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { |
1439 |
background-color: #2284a1; } |
1440 |
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { |
1441 |
color: white; } |
1442 |
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { |
1443 |
background-color: #2ba6cb; } |
1444 |
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { |
1445 |
background-color: #e9e9e9; |
1446 |
border-color: #d0d0d0; |
1447 |
color: #333333; |
1448 |
cursor: default; |
1449 |
opacity: 0.6; |
1450 |
-webkit-box-shadow: none; |
1451 |
box-shadow: none; } |
1452 |
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { |
1453 |
background-color: #d0d0d0; } |
1454 |
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { |
1455 |
color: #333333; } |
1456 |
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { |
1457 |
background-color: #e9e9e9; } |
1458 |
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { |
1459 |
background-color: #5da423; |
1460 |
border-color: #457a1a; |
1461 |
color: white; |
1462 |
cursor: default; |
1463 |
opacity: 0.6; |
1464 |
-webkit-box-shadow: none; |
1465 |
box-shadow: none; } |
1466 |
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { |
1467 |
background-color: #457a1a; } |
1468 |
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { |
1469 |
color: white; } |
1470 |
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { |
1471 |
background-color: #5da423; } |
1472 |
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { |
1473 |
background-color: #c60f13; |
1474 |
border-color: #970b0e; |
1475 |
color: white; |
1476 |
cursor: default; |
1477 |
opacity: 0.6; |
1478 |
-webkit-box-shadow: none; |
1479 |
box-shadow: none; } |
1480 |
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { |
1481 |
background-color: #970b0e; } |
1482 |
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { |
1483 |
color: white; } |
1484 |
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { |
1485 |
background-color: #c60f13; } |
1486 |
|
1487 |
button, .button { |
1488 |
padding-top: 0.8125em; |
1489 |
padding-bottom: 0.75em; } |
1490 |
button.tiny, .button.tiny { |
1491 |
padding-top: 0.5em; |
1492 |
padding-bottom: 0.4375em; } |
1493 |
button.small, .button.small { |
1494 |
padding-top: 0.625em; |
1495 |
padding-bottom: 0.5625em; } |
1496 |
button.large, .button.large { |
1497 |
padding-top: 1.03125em; |
1498 |
padding-bottom: 1.03125em; } |
1499 |
|
1500 |
@media only screen { |
1501 |
button, .button { |
1502 |
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; |
1503 |
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; |
1504 |
-webkit-transition: background-color 300ms ease-out; |
1505 |
-moz-transition: background-color 300ms ease-out; |
1506 |
transition: background-color 300ms ease-out; } |
1507 |
button:active, .button:active { |
1508 |
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; |
1509 |
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } |
1510 |
button.radius, .button.radius { |
1511 |
-webkit-border-radius: 3px; |
1512 |
border-radius: 3px; } |
1513 |
button.round, .button.round { |
1514 |
-webkit-border-radius: 1000px; |
1515 |
border-radius: 1000px; } } |
1516 |
@media only screen and (min-width: 48em) { |
1517 |
button, .button { |
1518 |
display: inline-block; } } |
1519 |
/* Standard Forms */
|
1520 |
form {
|
1521 |
margin: 0 0 1em; } |
1522 |
|
1523 |
/* Using forms within rows, we need to set some defaults */
|
1524 |
form .row .row { |
1525 |
margin: 0 -0.5em; } |
1526 |
form .row .row .column, |
1527 |
form .row .row .columns { |
1528 |
padding: 0 0.5em; } |
1529 |
form .row .row.collapse { |
1530 |
margin: 0; } |
1531 |
form .row .row.collapse .column, |
1532 |
form .row .row.collapse .columns { |
1533 |
padding: 0; } |
1534 |
form .row input.column, |
1535 |
form .row input.columns, |
1536 |
form .row textarea.column, |
1537 |
form .row textarea.columns { |
1538 |
padding-left: 0.5em; } |
1539 |
|
1540 |
/* Label Styles */
|
1541 |
label {
|
1542 |
font-size: 0.875em; |
1543 |
color: #4d4d4d; |
1544 |
cursor: pointer; |
1545 |
display: block; |
1546 |
font-weight: 500; |
1547 |
margin-bottom: 0.1875em; } |
1548 |
label.right { |
1549 |
float: none; |
1550 |
text-align: right; } |
1551 |
label.inline { |
1552 |
margin: 0 0 1em 0; |
1553 |
padding: 0.625em 0; } |
1554 |
|
1555 |
/* Attach elements to the beginning or end of an input */
|
1556 |
.prefix,
|
1557 |
.postfix {
|
1558 |
display: block; |
1559 |
position: relative; |
1560 |
z-index: 2; |
1561 |
text-align: center; |
1562 |
width: 100%; |
1563 |
padding-top: 0; |
1564 |
padding-bottom: 0; |
1565 |
border-style: solid; |
1566 |
border-width: 1px; |
1567 |
overflow: hidden; |
1568 |
font-size: 0.875em; |
1569 |
height: 2.3125em; |
1570 |
line-height: 2.3125em; } |
1571 |
|
1572 |
/* Adjust padding, alignment and radius if pre/post element is a button */
|
1573 |
.postfix.button { |
1574 |
padding-left: 0; |
1575 |
padding-right: 0; |
1576 |
padding-top: 0; |
1577 |
padding-bottom: 0; |
1578 |
text-align: center; |
1579 |
line-height: 2.125em; } |
1580 |
|
1581 |
.prefix.button { |
1582 |
padding-left: 0; |
1583 |
padding-right: 0; |
1584 |
padding-top: 0; |
1585 |
padding-bottom: 0; |
1586 |
text-align: center; |
1587 |
line-height: 2.125em; } |
1588 |
|
1589 |
.prefix.button.radius { |
1590 |
-webkit-border-radius: 0; |
1591 |
border-radius: 0; |
1592 |
-moz-border-radius-bottomleft: 3px; |
1593 |
-moz-border-radius-topleft: 3px; |
1594 |
-webkit-border-bottom-left-radius: 3px; |
1595 |
-webkit-border-top-left-radius: 3px; |
1596 |
border-bottom-left-radius: 3px; |
1597 |
border-top-left-radius: 3px; } |
1598 |
|
1599 |
.postfix.button.radius { |
1600 |
-webkit-border-radius: 0; |
1601 |
border-radius: 0; |
1602 |
-moz-border-radius-topright: 3px; |
1603 |
-moz-border-radius-bottomright: 3px; |
1604 |
-webkit-border-top-right-radius: 3px; |
1605 |
-webkit-border-bottom-right-radius: 3px; |
1606 |
border-top-right-radius: 3px; |
1607 |
border-bottom-right-radius: 3px; } |
1608 |
|
1609 |
.prefix.button.round { |
1610 |
-webkit-border-radius: 0; |
1611 |
border-radius: 0; |
1612 |
-moz-border-radius-bottomleft: 1000px; |
1613 |
-moz-border-radius-topleft: 1000px; |
1614 |
-webkit-border-bottom-left-radius: 1000px; |
1615 |
-webkit-border-top-left-radius: 1000px; |
1616 |
border-bottom-left-radius: 1000px; |
1617 |
border-top-left-radius: 1000px; } |
1618 |
|
1619 |
.postfix.button.round { |
1620 |
-webkit-border-radius: 0; |
1621 |
border-radius: 0; |
1622 |
-moz-border-radius-topright: 1000px; |
1623 |
-moz-border-radius-bottomright: 1000px; |
1624 |
-webkit-border-top-right-radius: 1000px; |
1625 |
-webkit-border-bottom-right-radius: 1000px; |
1626 |
border-top-right-radius: 1000px; |
1627 |
border-bottom-right-radius: 1000px; } |
1628 |
|
1629 |
/* Separate prefix and postfix styles when on span so buttons keep their own */
|
1630 |
span.prefix { |
1631 |
background: #f2f2f2; |
1632 |
border-color: #d9d9d9; |
1633 |
border-right: none; |
1634 |
color: #333333; } |
1635 |
span.prefix.radius { |
1636 |
-webkit-border-radius: 0; |
1637 |
border-radius: 0; |
1638 |
-moz-border-radius-bottomleft: 3px; |
1639 |
-moz-border-radius-topleft: 3px; |
1640 |
-webkit-border-bottom-left-radius: 3px; |
1641 |
-webkit-border-top-left-radius: 3px; |
1642 |
border-bottom-left-radius: 3px; |
1643 |
border-top-left-radius: 3px; } |
1644 |
|
1645 |
span.postfix { |
1646 |
background: #f2f2f2; |
1647 |
border-color: #cccccc; |
1648 |
border-left: none; |
1649 |
color: #333333; } |
1650 |
span.postfix.radius { |
1651 |
-webkit-border-radius: 0; |
1652 |
border-radius: 0; |
1653 |
-moz-border-radius-topright: 3px; |
1654 |
-moz-border-radius-bottomright: 3px; |
1655 |
-webkit-border-top-right-radius: 3px; |
1656 |
-webkit-border-bottom-right-radius: 3px; |
1657 |
border-top-right-radius: 3px; |
1658 |
border-bottom-right-radius: 3px; } |
1659 |
|
1660 |
/* Input groups will automatically style first and last elements of the group */
|
1661 |
.input-group.radius > *:first-child, .input-group.radius > *:first-child * { |
1662 |
-moz-border-radius-bottomleft: 3px; |
1663 |
-moz-border-radius-topleft: 3px; |
1664 |
-webkit-border-bottom-left-radius: 3px; |
1665 |
-webkit-border-top-left-radius: 3px; |
1666 |
border-bottom-left-radius: 3px; |
1667 |
border-top-left-radius: 3px; } |
1668 |
.input-group.radius > *:last-child, .input-group.radius > *:last-child * { |
1669 |
-moz-border-radius-topright: 3px; |
1670 |
-moz-border-radius-bottomright: 3px; |
1671 |
-webkit-border-top-right-radius: 3px; |
1672 |
-webkit-border-bottom-right-radius: 3px; |
1673 |
border-top-right-radius: 3px; |
1674 |
border-bottom-right-radius: 3px; } |
1675 |
.input-group.round > *:first-child, .input-group.round > *:first-child * { |
1676 |
-moz-border-radius-bottomleft: 1000px; |
1677 |
-moz-border-radius-topleft: 1000px; |
1678 |
-webkit-border-bottom-left-radius: 1000px; |
1679 |
-webkit-border-top-left-radius: 1000px; |
1680 |
border-bottom-left-radius: 1000px; |
1681 |
border-top-left-radius: 1000px; } |
1682 |
.input-group.round > *:last-child, .input-group.round > *:last-child * { |
1683 |
-moz-border-radius-topright: 1000px; |
1684 |
-moz-border-radius-bottomright: 1000px; |
1685 |
-webkit-border-top-right-radius: 1000px; |
1686 |
-webkit-border-bottom-right-radius: 1000px; |
1687 |
border-top-right-radius: 1000px; |
1688 |
border-bottom-right-radius: 1000px; } |
1689 |
|
1690 |
/* We use this to get basic styling on all basic form elements */
|
1691 |
input[type="text"], |
1692 |
input[type="password"], |
1693 |
input[type="date"], |
1694 |
input[type="datetime"], |
1695 |
input[type="datetime-local"], |
1696 |
input[type="month"], |
1697 |
input[type="week"], |
1698 |
input[type="email"], |
1699 |
input[type="number"], |
1700 |
input[type="search"], |
1701 |
input[type="tel"], |
1702 |
input[type="time"], |
1703 |
input[type="url"], |
1704 |
textarea {
|
1705 |
background-color: white; |
1706 |
font-family: inherit; |
1707 |
border: 1px solid #cccccc; |
1708 |
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
1709 |
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
1710 |
color: rgba(0, 0, 0, 0.75); |
1711 |
display: block; |
1712 |
font-size: 0.875em; |
1713 |
margin: 0 0 1em 0; |
1714 |
padding: 0.5em; |
1715 |
height: 2.3125em; |
1716 |
width: 100%; |
1717 |
-moz-box-sizing: border-box; |
1718 |
-webkit-box-sizing: border-box; |
1719 |
box-sizing: border-box; |
1720 |
-webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out; |
1721 |
-moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out; |
1722 |
transition: box-shadow 0.45s, border-color 0.45s ease-in-out; } |
1723 |
input[type="text"]:focus, |
1724 |
input[type="password"]:focus, |
1725 |
input[type="date"]:focus, |
1726 |
input[type="datetime"]:focus, |
1727 |
input[type="datetime-local"]:focus, |
1728 |
input[type="month"]:focus, |
1729 |
input[type="week"]:focus, |
1730 |
input[type="email"]:focus, |
1731 |
input[type="number"]:focus, |
1732 |
input[type="search"]:focus, |
1733 |
input[type="tel"]:focus, |
1734 |
input[type="time"]:focus, |
1735 |
input[type="url"]:focus, |
1736 |
textarea:focus { |
1737 |
-webkit-box-shadow: 0 0 5px #999999; |
1738 |
-moz-box-shadow: 0 0 5px #999999; |
1739 |
box-shadow: 0 0 5px #999999; |
1740 |
border-color: #999999; } |
1741 |
input[type="text"]:focus, |
1742 |
input[type="password"]:focus, |
1743 |
input[type="date"]:focus, |
1744 |
input[type="datetime"]:focus, |
1745 |
input[type="datetime-local"]:focus, |
1746 |
input[type="month"]:focus, |
1747 |
input[type="week"]:focus, |
1748 |
input[type="email"]:focus, |
1749 |
input[type="number"]:focus, |
1750 |
input[type="search"]:focus, |
1751 |
input[type="tel"]:focus, |
1752 |
input[type="time"]:focus, |
1753 |
input[type="url"]:focus, |
1754 |
textarea:focus { |
1755 |
background: #fafafa; |
1756 |
border-color: #999999; |
1757 |
outline: none; } |
1758 |
input[type="text"][disabled], |
1759 |
input[type="password"][disabled], |
1760 |
input[type="date"][disabled], |
1761 |
input[type="datetime"][disabled], |
1762 |
input[type="datetime-local"][disabled], |
1763 |
input[type="month"][disabled], |
1764 |
input[type="week"][disabled], |
1765 |
input[type="email"][disabled], |
1766 |
input[type="number"][disabled], |
1767 |
input[type="search"][disabled], |
1768 |
input[type="tel"][disabled], |
1769 |
input[type="time"][disabled], |
1770 |
input[type="url"][disabled], |
1771 |
textarea[disabled] { |
1772 |
background-color: #dddddd; } |
1773 |
|
1774 |
/* Adjust margin for form elements below */
|
1775 |
input[type="file"], |
1776 |
input[type="checkbox"], |
1777 |
input[type="radio"], |
1778 |
select {
|
1779 |
margin: 0 0 1em 0; } |
1780 |
|
1781 |
/* Normalize file input width */
|
1782 |
input[type="file"] { |
1783 |
width: 100%; } |
1784 |
|
1785 |
/* We add basic fieldset styling */
|
1786 |
fieldset {
|
1787 |
border: solid 1px #dddddd; |
1788 |
padding: 1.25em; |
1789 |
margin: 1.125em 0; } |
1790 |
fieldset legend { |
1791 |
font-weight: bold; |
1792 |
background: white; |
1793 |
padding: 0 0.1875em; |
1794 |
margin: 0; |
1795 |
margin-left: -0.1875em; } |
1796 |
|
1797 |
/* Error Handling */
|
1798 |
.error input, |
1799 |
input.error, |
1800 |
.error textarea, |
1801 |
textarea.error { |
1802 |
border-color: #c60f13; |
1803 |
background-color: rgba(198, 15, 19, 0.1); } |
1804 |
.error input:focus, |
1805 |
input.error:focus, |
1806 |
.error textarea:focus, |
1807 |
textarea.error:focus { |
1808 |
background: #fafafa; |
1809 |
border-color: #999999; } |
1810 |
|
1811 |
.error label, |
1812 |
label.error { |
1813 |
color: #c60f13; } |
1814 |
|
1815 |
.error small, |
1816 |
small.error { |
1817 |
display: block; |
1818 |
padding: 0.375em 0.25em; |
1819 |
margin-top: -1.3125em; |
1820 |
margin-bottom: 1em; |
1821 |
font-size: 0.75em; |
1822 |
font-weight: bold; |
1823 |
background: #c60f13; |
1824 |
color: white; } |
1825 |
|
1826 |
/* Custom Checkbox and Radio Inputs */
|
1827 |
form.custom .hidden-field { |
1828 |
margin-left: -99999px; |
1829 |
position: absolute; |
1830 |
visibility: hidden; } |
1831 |
form.custom .custom { |
1832 |
display: inline-block; |
1833 |
width: 16px; |
1834 |
height: 16px; |
1835 |
position: relative; |
1836 |
vertical-align: middle; |
1837 |
border: solid 1px #cccccc; |
1838 |
background: white; } |
1839 |
form.custom .custom.checkbox { |
1840 |
-webkit-border-radius: 0px; |
1841 |
border-radius: 0px; |
1842 |
padding: -3px; } |
1843 |
form.custom .custom.radio { |
1844 |
-webkit-border-radius: 1000px; |
1845 |
border-radius: 1000px; |
1846 |
padding: 3px; } |
1847 |
form.custom .custom.checkbox:before { |
1848 |
content: ""; |
1849 |
display: block; |
1850 |
font-size: 20px; |
1851 |
color: white; } |
1852 |
form.custom .custom.radio.checked:before { |
1853 |
content: ""; |
1854 |
display: block; |
1855 |
width: 8px; |
1856 |
height: 8px; |
1857 |
-webkit-border-radius: 1000px; |
1858 |
border-radius: 1000px; |
1859 |
background: #222222; |
1860 |
position: relative; } |
1861 |
form.custom .custom.checkbox.checked:before { |
1862 |
content: "\2A2F"; |
1863 |
color: #222222; |
1864 |
margin-top: -8px; |
1865 |
margin-left: 2px; } |
1866 |
|
1867 |
/* Custom Select Options and Dropdowns */
|
1868 |
form.custom { |
1869 |
/* Custom input, disabled */ }
|
1870 |
form.custom .custom.dropdown { |
1871 |
display: block; |
1872 |
position: relative; |
1873 |
top: 0; |
1874 |
height: 2.3125em; |
1875 |
margin-bottom: 1.25em; |
1876 |
margin-top: 0px; |
1877 |
padding: 0px; |
1878 |
width: 100%; |
1879 |
background: white; |
1880 |
background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%); |
1881 |
background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%); |
1882 |
background: linear-gradient(to bottom, white 0%, #f3f3f3 100%); |
1883 |
-webkit-box-shadow: none; |
1884 |
box-shadow: none; |
1885 |
font-size: 0.875em; |
1886 |
vertical-align: top; } |
1887 |
form.custom .custom.dropdown ul { |
1888 |
overflow-y: auto; |
1889 |
max-height: 200px; } |
1890 |
form.custom .custom.dropdown .current { |
1891 |
cursor: default; |
1892 |
white-space: nowrap; |
1893 |
line-height: 2.25em; |
1894 |
color: rgba(0, 0, 0, 0.75); |
1895 |
text-decoration: none; |
1896 |
overflow: hidden; |
1897 |
display: block; |
1898 |
margin-left: 0.5em; |
1899 |
margin-right: 2.3125em; } |
1900 |
form.custom .custom.dropdown .selector { |
1901 |
cursor: default; |
1902 |
position: absolute; |
1903 |
width: 2.5em; |
1904 |
height: 2.3125em; |
1905 |
display: block; |
1906 |
right: 0; |
1907 |
top: 0; } |
1908 |
form.custom .custom.dropdown .selector:after { |
1909 |
content: ""; |
1910 |
display: block; |
1911 |
content: ""; |
1912 |
display: block; |
1913 |
width: 0; |
1914 |
height: 0; |
1915 |
border: inset 5px; |
1916 |
border-color: #aaaaaa transparent transparent transparent; |
1917 |
border-top-style: solid; |
1918 |
position: absolute; |
1919 |
left: 0.9375em; |
1920 |
top: 50%; |
1921 |
margin-top: -3px; } |
1922 |
form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after { |
1923 |
content: ""; |
1924 |
display: block; |
1925 |
width: 0; |
1926 |
height: 0; |
1927 |
border: inset 5px; |
1928 |
border-color: #222222 transparent transparent transparent; |
1929 |
border-top-style: solid; } |
1930 |
form.custom .custom.dropdown .disabled { |
1931 |
color: #888888; } |
1932 |
form.custom .custom.dropdown .disabled:hover { |
1933 |
background: transparent; |
1934 |
color: #888888; } |
1935 |
form.custom .custom.dropdown .disabled:hover:after { |
1936 |
display: none; } |
1937 |
form.custom .custom.dropdown.open ul { |
1938 |
display: block; |
1939 |
z-index: 10; |
1940 |
min-width: 100%; |
1941 |
-moz-box-sizing: content-box; |
1942 |
-webkit-box-sizing: content-box; |
1943 |
box-sizing: content-box; } |
1944 |
form.custom .custom.dropdown.small { |
1945 |
max-width: 134px; } |
1946 |
form.custom .custom.dropdown.medium { |
1947 |
max-width: 254px; } |
1948 |
form.custom .custom.dropdown.large { |
1949 |
max-width: 434px; } |
1950 |
form.custom .custom.dropdown.expand { |
1951 |
width: 100% !important; } |
1952 |
form.custom .custom.dropdown.open.small ul { |
1953 |
min-width: 134px; |
1954 |
-moz-box-sizing: border-box; |
1955 |
-webkit-box-sizing: border-box; |
1956 |
box-sizing: border-box; } |
1957 |
form.custom .custom.dropdown.open.medium ul { |
1958 |
min-width: 254px; |
1959 |
-moz-box-sizing: border-box; |
1960 |
-webkit-box-sizing: border-box; |
1961 |
box-sizing: border-box; } |
1962 |
form.custom .custom.dropdown.open.large ul { |
1963 |
min-width: 434px; |
1964 |
-moz-box-sizing: border-box; |
1965 |
-webkit-box-sizing: border-box; |
1966 |
box-sizing: border-box; } |
1967 |
form.custom .custom.dropdown ul { |
1968 |
position: absolute; |
1969 |
width: auto; |
1970 |
display: none; |
1971 |
margin: 0; |
1972 |
left: -1px; |
1973 |
top: auto; |
1974 |
-webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); |
1975 |
box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); |
1976 |
margin: 0; |
1977 |
padding: 0; |
1978 |
background: white; |
1979 |
border: solid 1px #cccccc; |
1980 |
font-size: 16px; } |
1981 |
form.custom .custom.dropdown ul li { |
1982 |
color: #555555; |
1983 |
font-size: 0.875em; |
1984 |
cursor: default; |
1985 |
padding-top: 0.25em; |
1986 |
padding-bottom: 0.25em; |
1987 |
padding-left: 0.375em; |
1988 |
padding-right: 2.375em; |
1989 |
min-height: 1.5em; |
1990 |
line-height: 1.5em; |
1991 |
margin: 0; |
1992 |
white-space: nowrap; |
1993 |
list-style: none; } |
1994 |
form.custom .custom.dropdown ul li.selected { |
1995 |
background: #eeeeee; |
1996 |
color: black; } |
1997 |
form.custom .custom.dropdown ul li:hover { |
1998 |
background-color: #e4e4e4; |
1999 |
color: black; } |
2000 |
form.custom .custom.dropdown ul li.selected:hover { |
2001 |
background: #eeeeee; |
2002 |
cursor: default; |
2003 |
color: black; } |
2004 |
form.custom .custom.dropdown ul.show { |
2005 |
display: block; } |
2006 |
form.custom .custom.disabled { |
2007 |
background: #dddddd; } |
2008 |
|
2009 |
/* Button Groups */
|
2010 |
.button-group {
|
2011 |
list-style: none; |
2012 |
margin: 0; |
2013 |
*zoom: 1; } |
2014 |
.button-group:before, .button-group:after { |
2015 |
content: " "; |
2016 |
display: table; } |
2017 |
.button-group:after { |
2018 |
clear: both; } |
2019 |
.button-group > * { |
2020 |
margin: 0 0 0 -1px; |
2021 |
float: left; } |
2022 |
.button-group > *:first-child { |
2023 |
margin-left: 0; } |
2024 |
.button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { |
2025 |
-moz-border-radius-bottomleft: 3px; |
2026 |
-moz-border-radius-topleft: 3px; |
2027 |
-webkit-border-bottom-left-radius: 3px; |
2028 |
-webkit-border-top-left-radius: 3px; |
2029 |
border-bottom-left-radius: 3px; |
2030 |
border-top-left-radius: 3px; } |
2031 |
.button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { |
2032 |
-moz-border-radius-topright: 3px; |
2033 |
-moz-border-radius-bottomright: 3px; |
2034 |
-webkit-border-top-right-radius: 3px; |
2035 |
-webkit-border-bottom-right-radius: 3px; |
2036 |
border-top-right-radius: 3px; |
2037 |
border-bottom-right-radius: 3px; } |
2038 |
.button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button { |
2039 |
-moz-border-radius-bottomleft: 1000px; |
2040 |
-moz-border-radius-topleft: 1000px; |
2041 |
-webkit-border-bottom-left-radius: 1000px; |
2042 |
-webkit-border-top-left-radius: 1000px; |
2043 |
border-bottom-left-radius: 1000px; |
2044 |
border-top-left-radius: 1000px; } |
2045 |
.button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button { |
2046 |
-moz-border-radius-topright: 1000px; |
2047 |
-moz-border-radius-bottomright: 1000px; |
2048 |
-webkit-border-top-right-radius: 1000px; |
2049 |
-webkit-border-bottom-right-radius: 1000px; |
2050 |
border-top-right-radius: 1000px; |
2051 |
border-bottom-right-radius: 1000px; } |
2052 |
.button-group.even-2 li { |
2053 |
width: 50%; } |
2054 |
.button-group.even-2 li button, .button-group.even-2 li .button { |
2055 |
width: 100%; } |
2056 |
.button-group.even-3 li { |
2057 |
width: 33.33333%; } |
2058 |
.button-group.even-3 li button, .button-group.even-3 li .button { |
2059 |
width: 100%; } |
2060 |
.button-group.even-4 li { |
2061 |
width: 25%; } |
2062 |
.button-group.even-4 li button, .button-group.even-4 li .button { |
2063 |
width: 100%; } |
2064 |
.button-group.even-5 li { |
2065 |
width: 20%; } |
2066 |
.button-group.even-5 li button, .button-group.even-5 li .button { |
2067 |
width: 100%; } |
2068 |
.button-group.even-6 li { |
2069 |
width: 16.66667%; } |
2070 |
.button-group.even-6 li button, .button-group.even-6 li .button { |
2071 |
width: 100%; } |
2072 |
.button-group.even-7 li { |
2073 |
width: 14.28571%; } |
2074 |
.button-group.even-7 li button, .button-group.even-7 li .button { |
2075 |
width: 100%; } |
2076 |
.button-group.even-8 li { |
2077 |
width: 12.5%; } |
2078 |
.button-group.even-8 li button, .button-group.even-8 li .button { |
2079 |
width: 100%; } |
2080 |
|
2081 |
.button-bar {
|
2082 |
*zoom: 1; } |
2083 |
.button-bar:before, .button-bar:after { |
2084 |
content: " "; |
2085 |
display: table; } |
2086 |
.button-bar:after { |
2087 |
clear: both; } |
2088 |
.button-bar .button-group { |
2089 |
float: left; |
2090 |
margin-right: 0.625em; } |
2091 |
.button-bar .button-group div { |
2092 |
overflow: hidden; } |
2093 |
|
2094 |
/* Dropdown Button */
|
2095 |
.dropdown.button { |
2096 |
position: relative; |
2097 |
padding-right: 3.1875em; } |
2098 |
.dropdown.button:before { |
2099 |
position: absolute; |
2100 |
content: ""; |
2101 |
width: 0; |
2102 |
height: 0; |
2103 |
display: block; |
2104 |
border-style: solid; |
2105 |
border-color: white transparent transparent transparent; |
2106 |
top: 50%; } |
2107 |
.dropdown.button:before { |
2108 |
border-width: 0.5625em; |
2109 |
right: 1.5em; |
2110 |
margin-top: -0.25em; } |
2111 |
.dropdown.button:before { |
2112 |
border-color: white transparent transparent transparent; } |
2113 |
.dropdown.button.tiny { |
2114 |
padding-right: 2.1875em; } |
2115 |
.dropdown.button.tiny:before { |
2116 |
border-width: 0.4375em; |
2117 |
right: 0.875em; |
2118 |
margin-top: -0.15625em; } |
2119 |
.dropdown.button.tiny:before { |
2120 |
border-color: white transparent transparent transparent; } |
2121 |
.dropdown.button.small { |
2122 |
padding-right: 2.8125em; } |
2123 |
.dropdown.button.small:before { |
2124 |
border-width: 0.5625em; |
2125 |
right: 1.125em; |
2126 |
margin-top: -0.21875em; } |
2127 |
.dropdown.button.small:before { |
2128 |
border-color: white transparent transparent transparent; } |
2129 |
.dropdown.button.large { |
2130 |
padding-right: 4em; } |
2131 |
.dropdown.button.large:before { |
2132 |
border-width: 0.625em; |
2133 |
right: 1.75em; |
2134 |
margin-top: -0.3125em; } |
2135 |
.dropdown.button.large:before { |
2136 |
border-color: white transparent transparent transparent; } |
2137 |
.dropdown.button.secondary:before { |
2138 |
border-color: #333333 transparent transparent transparent; } |
2139 |
|
2140 |
/* Split Buttons */
|
2141 |
.split.button { |
2142 |
position: relative; |
2143 |
padding-right: 4.8em; } |
2144 |
.split.button span { |
2145 |
display: block; |
2146 |
height: 100%; |
2147 |
position: absolute; |
2148 |
right: 0; |
2149 |
top: 0; |
2150 |
border-left: solid 1px; } |
2151 |
.split.button span:before { |
2152 |
position: absolute; |
2153 |
content: ""; |
2154 |
width: 0; |
2155 |
height: 0; |
2156 |
display: block; |
2157 |
border-style: inset; |
2158 |
left: 50%; } |
2159 |
.split.button span:active { |
2160 |
background-color: rgba(0, 0, 0, 0.1); } |
2161 |
.split.button span { |
2162 |
border-left-color: #1e728c; } |
2163 |
.split.button span { |
2164 |
width: 3em; } |
2165 |
.split.button span:before { |
2166 |
border-top-style: solid; |
2167 |
border-width: 0.5625em; |
2168 |
top: 1.125em; |
2169 |
margin-left: -0.5625em; } |
2170 |
.split.button span:before { |
2171 |
border-color: white transparent transparent transparent; } |
2172 |
.split.button.secondary span { |
2173 |
border-left-color: #c3c3c3; } |
2174 |
.split.button.secondary span:before { |
2175 |
border-color: white transparent transparent transparent; } |
2176 |
.split.button.alert span { |
2177 |
border-left-color: #7f0a0c; } |
2178 |
.split.button.success span { |
2179 |
border-left-color: #396516; } |
2180 |
.split.button.tiny { |
2181 |
padding-right: 3.9375em; } |
2182 |
.split.button.tiny span { |
2183 |
width: 2.84375em; } |
2184 |
.split.button.tiny span:before { |
2185 |
border-top-style: solid; |
2186 |
border-width: 0.4375em; |
2187 |
top: 0.875em; |
2188 |
margin-left: -0.3125em; } |
2189 |
.split.button.small { |
2190 |
padding-right: 3.9375em; } |
2191 |
.split.button.small span { |
2192 |
width: 2.8125em; } |
2193 |
.split.button.small span:before { |
2194 |
border-top-style: solid; |
2195 |
border-width: 0.5625em; |
2196 |
top: 0.84375em; |
2197 |
margin-left: -0.5625em; } |
2198 |
.split.button.large { |
2199 |
padding-right: 6em; } |
2200 |
.split.button.large span { |
2201 |
width: 3.75em; } |
2202 |
.split.button.large span:before { |
2203 |
border-top-style: solid; |
2204 |
border-width: 0.625em; |
2205 |
top: 1.3125em; |
2206 |
margin-left: -0.5625em; } |
2207 |
.split.button.expand { |
2208 |
padding-left: 2em; } |
2209 |
.split.button.secondary span:before { |
2210 |
border-color: #333333 transparent transparent transparent; } |
2211 |
.split.button.radius span { |
2212 |
-moz-border-radius-topright: 3px; |
2213 |
-moz-border-radius-bottomright: 3px; |
2214 |
-webkit-border-top-right-radius: 3px; |
2215 |
-webkit-border-bottom-right-radius: 3px; |
2216 |
border-top-right-radius: 3px; |
2217 |
border-bottom-right-radius: 3px; } |
2218 |
.split.button.round span { |
2219 |
-moz-border-radius-topright: 1000px; |
2220 |
-moz-border-radius-bottomright: 1000px; |
2221 |
-webkit-border-top-right-radius: 1000px; |
2222 |
-webkit-border-bottom-right-radius: 1000px; |
2223 |
border-top-right-radius: 1000px; |
2224 |
border-bottom-right-radius: 1000px; } |
2225 |
|
2226 |
/* Flex Video */
|
2227 |
.flex-video {
|
2228 |
position: relative; |
2229 |
padding-top: 1.5625em; |
2230 |
padding-bottom: 67.5%; |
2231 |
height: 0; |
2232 |
margin-bottom: 1em; |
2233 |
overflow: hidden; } |
2234 |
.flex-video.widescreen { |
2235 |
padding-bottom: 57.25%; } |
2236 |
.flex-video.vimeo { |
2237 |
padding-top: 0; } |
2238 |
.flex-video iframe, |
2239 |
.flex-video object, |
2240 |
.flex-video embed, |
2241 |
.flex-video video { |
2242 |
position: absolute; |
2243 |
top: 0; |
2244 |
left: 0; |
2245 |
width: 100%; |
2246 |
height: 100%; } |
2247 |
|
2248 |
/* Sections */
|
2249 |
.section-container, .section-container.auto { |
2250 |
width: 100%; |
2251 |
display: block; |
2252 |
margin-bottom: 1.25em; |
2253 |
border: 1px solid #cccccc; |
2254 |
border-top: none; } |
2255 |
.section-container > section, .section-container > .section, .section-container.auto > section, .section-container.auto > .section { |
2256 |
position: relative; } |
2257 |
.section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title { |
2258 |
background-color: #efefef; |
2259 |
cursor: pointer; |
2260 |
margin-bottom: 0; } |
2261 |
.section-container > section > .title a, .section-container > .section > .title a, .section-container.auto > section > .title a, .section-container.auto > .section > .title a { |
2262 |
padding: 0.9375em; |
2263 |
display: inline-block; |
2264 |
color: #333333; |
2265 |
font-size: 0.875em; |
2266 |
white-space: nowrap; } |
2267 |
.section-container > section > .title:hover, .section-container > .section > .title:hover, .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover { |
2268 |
background-color: #e2e2e2; } |
2269 |
.section-container > section .content, .section-container > .section .content, .section-container.auto > section .content, .section-container.auto > .section .content { |
2270 |
display: none; |
2271 |
padding: 0.9375em; |
2272 |
background-color: white; } |
2273 |
.section-container > section .content > *:last-child, .section-container > .section .content > *:last-child, .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child { |
2274 |
margin-bottom: 0; } |
2275 |
.section-container > section .content > *:first-child, .section-container > .section .content > *:first-child, .section-container.auto > section .content > *:first-child, .section-container.auto > .section .content > *:first-child { |
2276 |
padding-top: 0; } |
2277 |
.section-container > section .content > *:last-child, .section-container > .section .content > *:last-child, .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child { |
2278 |
padding-bottom: 0; } |
2279 |
.section-container > section.active > .content, .section-container > .section.active > .content, .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content { |
2280 |
display: block; } |
2281 |
.section-container > section.active > .title, .section-container > .section.active > .title, .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title { |
2282 |
background: #d5d5d5; } |
2283 |
.section-container > section.active > .title a, .section-container > .section.active > .title a, .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a { |
2284 |
color: #333333; } |
2285 |
.section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title { |
2286 |
top: 0; |
2287 |
width: 100%; |
2288 |
margin: 0; |
2289 |
border-top: solid 1px #cccccc; } |
2290 |
.section-container > section > .title a, .section-container > .section > .title a, .section-container.auto > section > .title a, .section-container.auto > .section > .title a { |
2291 |
width: 100%; } |
2292 |
|
2293 |
.section-container.tabs { |
2294 |
border: 0; |
2295 |
position: relative; } |
2296 |
.section-container.tabs > section, .section-container.tabs > .section { |
2297 |
border: 0; |
2298 |
position: static; } |
2299 |
.section-container.tabs > section > .title, .section-container.tabs > .section > .title { |
2300 |
background-color: #efefef; |
2301 |
cursor: pointer; |
2302 |
margin-bottom: 0; } |
2303 |
.section-container.tabs > section > .title a, .section-container.tabs > .section > .title a { |
2304 |
padding: 0.9375em; |
2305 |
display: inline-block; |
2306 |
color: #333333; |
2307 |
font-size: 0.875em; |
2308 |
white-space: nowrap; } |
2309 |
.section-container.tabs > section > .title:hover, .section-container.tabs > .section > .title:hover { |
2310 |
background-color: #e2e2e2; } |
2311 |
.section-container.tabs > section .content, .section-container.tabs > .section .content { |
2312 |
display: none; |
2313 |
padding: 0.9375em; |
2314 |
background-color: white; } |
2315 |
.section-container.tabs > section .content > *:last-child, .section-container.tabs > .section .content > *:last-child { |
2316 |
margin-bottom: 0; } |
2317 |
.section-container.tabs > section .content > *:first-child, .section-container.tabs > .section .content > *:first-child { |
2318 |
padding-top: 0; } |
2319 |
.section-container.tabs > section .content > *:last-child, .section-container.tabs > .section .content > *:last-child { |
2320 |
padding-bottom: 0; } |
2321 |
.section-container.tabs > section.active > .content, .section-container.tabs > .section.active > .content { |
2322 |
display: block; } |
2323 |
.section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title { |
2324 |
background: white; } |
2325 |
.section-container.tabs > section.active > .title a, .section-container.tabs > .section.active > .title a { |
2326 |
color: #333333; } |
2327 |
.section-container.tabs > section > .title, .section-container.tabs > .section > .title { |
2328 |
width: auto; |
2329 |
border: solid 1px #cccccc; |
2330 |
border-right: 0; |
2331 |
border-bottom: 0; |
2332 |
position: absolute; |
2333 |
top: 0; |
2334 |
z-index: 1; } |
2335 |
.section-container.tabs > section > .title a, .section-container.tabs > .section > .title a { |
2336 |
width: 100%; } |
2337 |
.section-container.tabs > section:last-child .title, .section-container.tabs > .section:last-child .title { |
2338 |
border-right: solid 1px #cccccc; } |
2339 |
.section-container.tabs > section .content, .section-container.tabs > .section .content { |
2340 |
border: solid 1px #cccccc; |
2341 |
position: absolute; |
2342 |
z-index: 10; |
2343 |
display: none; |
2344 |
top: -1px; } |
2345 |
.section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title { |
2346 |
z-index: 11; |
2347 |
border-bottom: 0; |
2348 |
background-color: white; } |
2349 |
.section-container.tabs > section.active > .content, .section-container.tabs > .section.active > .content { |
2350 |
position: relative; } |
2351 |
|
2352 |
@media only screen and (min-width: 48em) { |
2353 |
.section-container.auto { |
2354 |
border: 0; |
2355 |
position: relative; } |
2356 |
.section-container.auto > section, .section-container.auto > .section { |
2357 |
border: 0; |
2358 |
position: static; } |
2359 |
.section-container.auto > section > .title, .section-container.auto > .section > .title { |
2360 |
background-color: #efefef; |
2361 |
cursor: pointer; |
2362 |
margin-bottom: 0; } |
2363 |
.section-container.auto > section > .title a, .section-container.auto > .section > .title a { |
2364 |
padding: 0.9375em; |
2365 |
display: inline-block; |
2366 |
color: #333333; |
2367 |
font-size: 0.875em; |
2368 |
white-space: nowrap; } |
2369 |
.section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover { |
2370 |
background-color: #e2e2e2; } |
2371 |
.section-container.auto > section .content, .section-container.auto > .section .content { |
2372 |
display: none; |
2373 |
padding: 0.9375em; |
2374 |
background-color: white; } |
2375 |
.section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child { |
2376 |
margin-bottom: 0; } |
2377 |
.section-container.auto > section .content > *:first-child, .section-container.auto > .section .content > *:first-child { |
2378 |
padding-top: 0; } |
2379 |
.section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child { |
2380 |
padding-bottom: 0; } |
2381 |
.section-container.auto > section.active > .content, .section-container.auto > .section.active > .content { |
2382 |
display: block; } |
2383 |
.section-container.auto > section.active > .title, .section-container.auto > .section.active > .title { |
2384 |
background: white; } |
2385 |
.section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a { |
2386 |
color: #333333; } |
2387 |
.section-container.auto > section > .title, .section-container.auto > .section > .title { |
2388 |
width: auto; |
2389 |
border: solid 1px #cccccc; |
2390 |
border-right: 0; |
2391 |
border-bottom: 0; |
2392 |
position: absolute; |
2393 |
top: 0; |
2394 |
z-index: 1; } |
2395 |
.section-container.auto > section > .title a, .section-container.auto > .section > .title a { |
2396 |
width: 100%; } |
2397 |
.section-container.auto > section:last-child .title, .section-container.auto > .section:last-child .title { |
2398 |
border-right: solid 1px #cccccc; } |
2399 |
.section-container.auto > section .content, .section-container.auto > .section .content { |
2400 |
border: solid 1px #cccccc; |
2401 |
position: absolute; |
2402 |
z-index: 10; |
2403 |
display: none; |
2404 |
top: -1px; } |
2405 |
.section-container.auto > section.active > .title, .section-container.auto > .section.active > .title { |
2406 |
z-index: 11; |
2407 |
border-bottom: 0; |
2408 |
background-color: white; } |
2409 |
.section-container.auto > section.active > .content, .section-container.auto > .section.active > .content { |
2410 |
position: relative; } |
2411 |
|
2412 |
.section-container.accordion .section { |
2413 |
padding-top: 0 !important; } |
2414 |
|
2415 |
.section-container.vertical-tabs { |
2416 |
border: 1px solid #cccccc; |
2417 |
position: relative; } |
2418 |
.section-container.vertical-tabs section, |
2419 |
.section-container.vertical-tabs .section { |
2420 |
padding-top: 0 !important; |
2421 |
border: 0; |
2422 |
position: static; } |
2423 |
.section-container.vertical-tabs section > .title, |
2424 |
.section-container.vertical-tabs .section > .title { |
2425 |
background-color: #efefef; |
2426 |
cursor: pointer; |
2427 |
margin-bottom: 0; } |
2428 |
.section-container.vertical-tabs section > .title a, |
2429 |
.section-container.vertical-tabs .section > .title a { |
2430 |
padding: 0.9375em; |
2431 |
display: inline-block; |
2432 |
color: #333333; |
2433 |
font-size: 0.875em; |
2434 |
white-space: nowrap; } |
2435 |
.section-container.vertical-tabs section > .title:hover, |
2436 |
.section-container.vertical-tabs .section > .title:hover { |
2437 |
background-color: #e2e2e2; } |
2438 |
.section-container.vertical-tabs section .content, |
2439 |
.section-container.vertical-tabs .section .content { |
2440 |
display: none; |
2441 |
padding: 0.9375em; |
2442 |
background-color: white; } |
2443 |
.section-container.vertical-tabs section .content > *:last-child, |
2444 |
.section-container.vertical-tabs .section .content > *:last-child { |
2445 |
margin-bottom: 0; } |
2446 |
.section-container.vertical-tabs section .content > *:first-child, |
2447 |
.section-container.vertical-tabs .section .content > *:first-child { |
2448 |
padding-top: 0; } |
2449 |
.section-container.vertical-tabs section .content > *:last-child, |
2450 |
.section-container.vertical-tabs .section .content > *:last-child { |
2451 |
padding-bottom: 0; } |
2452 |
.section-container.vertical-tabs section.active > .content, |
2453 |
.section-container.vertical-tabs .section.active > .content { |
2454 |
display: block; } |
2455 |
.section-container.vertical-tabs section.active > .title, |
2456 |
.section-container.vertical-tabs .section.active > .title { |
2457 |
background: #d5d5d5; } |
2458 |
.section-container.vertical-tabs section.active > .title a, |
2459 |
.section-container.vertical-tabs .section.active > .title a { |
2460 |
color: #333333; } |
2461 |
.section-container.vertical-tabs section > .title, |
2462 |
.section-container.vertical-tabs .section > .title { |
2463 |
position: absolute; |
2464 |
border-top: solid 1px #cccccc; |
2465 |
width: 12.5em; } |
2466 |
.section-container.vertical-tabs section:first-child .title, |
2467 |
.section-container.vertical-tabs .section:first-child .title { |
2468 |
border-top: 0; } |
2469 |
.section-container.vertical-tabs section .content, |
2470 |
.section-container.vertical-tabs .section .content { |
2471 |
display: block; |
2472 |
position: relative; |
2473 |
left: 12.5em; |
2474 |
border-left: solid 1px #cccccc; |
2475 |
z-index: 10; } |
2476 |
.section-container.vertical-tabs section.active > .title, |
2477 |
.section-container.vertical-tabs .section.active > .title { |
2478 |
background-color: #d5d5d5; |
2479 |
width: 12.5625em; |
2480 |
border-right: solid 0 transparent; |
2481 |
z-index: 11; } |
2482 |
.section-container.vertical-tabs section.active:last-child .title, |
2483 |
.section-container.vertical-tabs .section.active:last-child .title { |
2484 |
border-bottom: 0; } |
2485 |
|
2486 |
.section-container.vertical-nav { |
2487 |
border: 0; |
2488 |
position: relative; } |
2489 |
.section-container.vertical-nav > section, .section-container.vertical-nav > .section { |
2490 |
padding-top: 0 !important; |
2491 |
position: relative; } |
2492 |
.section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title { |
2493 |
background-color: #efefef; |
2494 |
cursor: pointer; |
2495 |
margin-bottom: 0; } |
2496 |
.section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a { |
2497 |
padding: 0.9375em; |
2498 |
display: inline-block; |
2499 |
color: #333333; |
2500 |
font-size: 0.875em; |
2501 |
white-space: nowrap; } |
2502 |
.section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover { |
2503 |
background-color: #e2e2e2; } |
2504 |
.section-container.vertical-nav > section .content, .section-container.vertical-nav > .section .content { |
2505 |
display: none; |
2506 |
padding: 0.9375em; |
2507 |
background-color: white; } |
2508 |
.section-container.vertical-nav > section .content > *:last-child, .section-container.vertical-nav > .section .content > *:last-child { |
2509 |
margin-bottom: 0; } |
2510 |
.section-container.vertical-nav > section .content > *:first-child, .section-container.vertical-nav > .section .content > *:first-child { |
2511 |
padding-top: 0; } |
2512 |
.section-container.vertical-nav > section .content > *:last-child, .section-container.vertical-nav > .section .content > *:last-child { |
2513 |
padding-bottom: 0; } |
2514 |
.section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > .content { |
2515 |
display: block; } |
2516 |
.section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title { |
2517 |
background: #d5d5d5; } |
2518 |
.section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a { |
2519 |
color: #333333; } |
2520 |
.section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title { |
2521 |
border-top: none; |
2522 |
border: solid 1px #cccccc; } |
2523 |
.section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a { |
2524 |
display: block; |
2525 |
width: 100%; } |
2526 |
.section-container.vertical-nav > section .content, .section-container.vertical-nav > .section .content { |
2527 |
display: none; } |
2528 |
.section-container.vertical-nav > section:first-child .title, .section-container.vertical-nav > .section:first-child .title { |
2529 |
border-bottom: none; } |
2530 |
.section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > .content { |
2531 |
display: block; |
2532 |
position: absolute; |
2533 |
left: 100%; |
2534 |
top: 0px; |
2535 |
z-index: 999; |
2536 |
min-width: 12.5em; |
2537 |
border: solid 1px #cccccc; } |
2538 |
|
2539 |
.section-container.horizontal-nav { |
2540 |
position: relative; |
2541 |
background: #efefef; |
2542 |
border: 1px solid #cccccc; } |
2543 |
.section-container.horizontal-nav > section, .section-container.horizontal-nav > .section { |
2544 |
padding-top: 0; |
2545 |
border: 0; |
2546 |
position: static; } |
2547 |
.section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title { |
2548 |
background-color: #efefef; |
2549 |
cursor: pointer; |
2550 |
margin-bottom: 0; } |
2551 |
.section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a { |
2552 |
padding: 0.9375em; |
2553 |
display: inline-block; |
2554 |
color: #333333; |
2555 |
font-size: 0.875em; |
2556 |
white-space: nowrap; } |
2557 |
.section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover { |
2558 |
background-color: #e2e2e2; } |
2559 |
.section-container.horizontal-nav > section .content, .section-container.horizontal-nav > .section .content { |
2560 |
display: none; |
2561 |
padding: 0.9375em; |
2562 |
background-color: white; } |
2563 |
.section-container.horizontal-nav > section .content > *:last-child, .section-container.horizontal-nav > .section .content > *:last-child { |
2564 |
margin-bottom: 0; } |
2565 |
.section-container.horizontal-nav > section .content > *:first-child, .section-container.horizontal-nav > .section .content > *:first-child { |
2566 |
padding-top: 0; } |
2567 |
.section-container.horizontal-nav > section .content > *:last-child, .section-container.horizontal-nav > .section .content > *:last-child { |
2568 |
padding-bottom: 0; } |
2569 |
.section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > .content { |
2570 |
display: block; } |
2571 |
.section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title { |
2572 |
background: #d5d5d5; } |
2573 |
.section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a { |
2574 |
color: #333333; } |
2575 |
.section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title { |
2576 |
width: auto; |
2577 |
border: solid 1px #cccccc; |
2578 |
border-left: 0; |
2579 |
top: -1px; |
2580 |
position: absolute; |
2581 |
z-index: 1; } |
2582 |
.section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a { |
2583 |
width: 100%; } |
2584 |
.section-container.horizontal-nav > section .content, .section-container.horizontal-nav > .section .content { |
2585 |
display: none; } |
2586 |
.section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > .content { |
2587 |
display: block; |
2588 |
position: absolute; |
2589 |
z-index: 999; |
2590 |
left: 0; |
2591 |
top: -2px; |
2592 |
min-width: 12.5em; |
2593 |
border: solid 1px #cccccc; } } |
2594 |
/* Wrapped around .top-bar to contain to grid width */
|
2595 |
.contain-to-grid {
|
2596 |
width: 100%; |
2597 |
background: #111111; } |
2598 |
|
2599 |
.fixed {
|
2600 |
width: 100%; |
2601 |
left: 0; |
2602 |
position: fixed; |
2603 |
top: 0; |
2604 |
z-index: 99; } |
2605 |
|
2606 |
.top-bar {
|
2607 |
overflow: hidden; |
2608 |
height: 45px; |
2609 |
line-height: 45px; |
2610 |
position: relative; |
2611 |
background: #111111; |
2612 |
margin-bottom: 1.875em; } |
2613 |
.top-bar ul { |
2614 |
margin-bottom: 0; |
2615 |
list-style: none; } |
2616 |
.top-bar .row { |
2617 |
max-width: none; } |
2618 |
.top-bar form, |
2619 |
.top-bar input { |
2620 |
margin-bottom: 0; } |
2621 |
.top-bar input { |
2622 |
height: 2.45em; } |
2623 |
.top-bar .button { |
2624 |
padding-top: .5em; |
2625 |
padding-bottom: .5em; |
2626 |
margin-bottom: 0; } |
2627 |
.top-bar .title-area { |
2628 |
position: relative; } |
2629 |
.top-bar .name { |
2630 |
height: 45px; |
2631 |
margin: 0; |
2632 |
font-size: 16px; } |
2633 |
.top-bar .name h1 { |
2634 |
line-height: 45px; |
2635 |
font-size: 1.0625em; |
2636 |
margin: 0; } |
2637 |
.top-bar .name h1 a { |
2638 |
font-weight: bold; |
2639 |
color: white; |
2640 |
width: 50%; |
2641 |
display: block; |
2642 |
padding: 0 15px; } |
2643 |
.top-bar .toggle-topbar { |
2644 |
position: absolute; |
2645 |
right: 0; |
2646 |
top: 0; } |
2647 |
.top-bar .toggle-topbar a { |
2648 |
color: white; |
2649 |
text-transform: uppercase; |
2650 |
font-size: 0.8125em; |
2651 |
font-weight: bold; |
2652 |
position: relative; |
2653 |
display: block; |
2654 |
padding: 0 15px; |
2655 |
height: 45px; |
2656 |
line-height: 45px; } |
2657 |
.top-bar .toggle-topbar.menu-icon { |
2658 |
right: 15px; |
2659 |
top: 50%; |
2660 |
margin-top: -16px; |
2661 |
padding-left: 40px; } |
2662 |
.top-bar .toggle-topbar.menu-icon a { |
2663 |
text-indent: -48px; |
2664 |
width: 34px; |
2665 |
height: 34px; |
2666 |
line-height: 33px; |
2667 |
padding: 0; |
2668 |
color: white; } |
2669 |
.top-bar .toggle-topbar.menu-icon a span { |
2670 |
position: absolute; |
2671 |
right: 0; |
2672 |
display: block; |
2673 |
width: 16px; |
2674 |
height: 0; |
2675 |
-webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; |
2676 |
box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; } |
2677 |
.top-bar.expanded { |
2678 |
height: auto; |
2679 |
background: transparent; } |
2680 |
.top-bar.expanded .title-area { |
2681 |
background: #111111; } |
2682 |
.top-bar.expanded .toggle-topbar a { |
2683 |
color: #888888; } |
2684 |
.top-bar.expanded .toggle-topbar a span { |
2685 |
-webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; |
2686 |
box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; } |
2687 |
|
2688 |
.top-bar-section {
|
2689 |
left: 0; |
2690 |
position: relative; |
2691 |
width: auto; |
2692 |
-webkit-transition: left 300ms ease-out; |
2693 |
-moz-transition: left 300ms ease-out; |
2694 |
transition: left 300ms ease-out; } |
2695 |
.top-bar-section ul { |
2696 |
width: 100%; |
2697 |
height: auto; |
2698 |
display: block; |
2699 |
background: #333333; |
2700 |
font-size: 16px; |
2701 |
margin: 0; } |
2702 |
.top-bar-section .divider, |
2703 |
.top-bar-section [role="separator"] { |
2704 |
border-bottom: solid 1px #4d4d4d; |
2705 |
border-top: solid 1px #1a1a1a; |
2706 |
clear: both; |
2707 |
height: 1px; |
2708 |
width: 100%; } |
2709 |
.top-bar-section ul li > a { |
2710 |
display: block; |
2711 |
width: 100%; |
2712 |
color: white; |
2713 |
padding: 12px 0 12px 0; |
2714 |
padding-left: 15px; |
2715 |
font-size: 0.8125em; |
2716 |
font-weight: bold; |
2717 |
background: #333333; } |
2718 |
.top-bar-section ul li > a:hover { |
2719 |
background: #2b2b2b; } |
2720 |
.top-bar-section ul li > a.button { |
2721 |
background: #2ba6cb; |
2722 |
font-size: 0.8125em; } |
2723 |
.top-bar-section ul li > a.button:hover { |
2724 |
background: #2284a1; } |
2725 |
.top-bar-section ul li > a.button.secondary { |
2726 |
background: #e9e9e9; } |
2727 |
.top-bar-section ul li > a.button.secondary:hover { |
2728 |
background: #d0d0d0; } |
2729 |
.top-bar-section ul li > a.button.success { |
2730 |
background: #5da423; } |
2731 |
.top-bar-section ul li > a.button.success:hover { |
2732 |
background: #457a1a; } |
2733 |
.top-bar-section ul li > a.button.alert { |
2734 |
background: #c60f13; } |
2735 |
.top-bar-section ul li > a.button.alert:hover { |
2736 |
background: #970b0e; } |
2737 |
.top-bar-section ul li.active > a { |
2738 |
background: #2b2b2b; } |
2739 |
.top-bar-section .has-form { |
2740 |
padding: 15px; } |
2741 |
.top-bar-section .has-dropdown { |
2742 |
position: relative; } |
2743 |
.top-bar-section .has-dropdown > a:after { |
2744 |
content: ""; |
2745 |
display: block; |
2746 |
width: 0; |
2747 |
height: 0; |
2748 |
border: inset 5px; |
2749 |
border-color: transparent transparent transparent rgba(255, 255, 255, 0.5); |
2750 |
border-left-style: solid; |
2751 |
margin-right: 15px; |
2752 |
margin-top: -4.5px; |
2753 |
position: absolute; |
2754 |
top: 22px; |
2755 |
right: 0; } |
2756 |
.top-bar-section .has-dropdown.moved { |
2757 |
position: static; } |
2758 |
.top-bar-section .has-dropdown.moved > .dropdown { |
2759 |
visibility: visible; } |
2760 |
.top-bar-section .dropdown { |
2761 |
position: absolute; |
2762 |
left: 100%; |
2763 |
top: 0; |
2764 |
visibility: hidden; |
2765 |
z-index: 99; } |
2766 |
.top-bar-section .dropdown li { |
2767 |
width: 100%; } |
2768 |
.top-bar-section .dropdown li a { |
2769 |
font-weight: normal; |
2770 |
padding: 8px 15px; } |
2771 |
.top-bar-section .dropdown li.title h5 { |
2772 |
margin-bottom: 0; } |
2773 |
.top-bar-section .dropdown li.title h5 a { |
2774 |
color: white; |
2775 |
line-height: 22.5px; |
2776 |
display: block; } |
2777 |
.top-bar-section .dropdown label { |
2778 |
padding: 8px 15px 2px; |
2779 |
margin-bottom: 0; |
2780 |
text-transform: uppercase; |
2781 |
color: #555555; |
2782 |
font-weight: bold; |
2783 |
font-size: 0.625em; } |
2784 |
|
2785 |
.top-bar-js-breakpoint {
|
2786 |
width: 58.75em !important; |
2787 |
visibility: hidden; } |
2788 |
|
2789 |
.js-generated {
|
2790 |
display: block; } |
2791 |
|
2792 |
@media only screen and (min-width: 58.75em) { |
2793 |
.top-bar {
|
2794 |
background: #111111; |
2795 |
*zoom: 1; |
2796 |
overflow: visible; } |
2797 |
.top-bar:before, .top-bar:after { |
2798 |
content: " "; |
2799 |
display: table; } |
2800 |
.top-bar:after { |
2801 |
clear: both; } |
2802 |
.top-bar .toggle-topbar { |
2803 |
display: none; } |
2804 |
.top-bar .title-area { |
2805 |
float: left; } |
2806 |
.top-bar .name h1 a { |
2807 |
width: auto; } |
2808 |
.top-bar input, |
2809 |
.top-bar .button { |
2810 |
line-height: 2em; |
2811 |
font-size: 0.875em; |
2812 |
height: 2em; |
2813 |
padding: 0 10px; |
2814 |
position: relative; |
2815 |
top: 8px; } |
2816 |
.top-bar.expanded { |
2817 |
background: #111111; } |
2818 |
|
2819 |
.contain-to-grid .top-bar { |
2820 |
max-width: 62.5em; |
2821 |
margin: 0 auto; |
2822 |
margin-bottom: 1.875em; } |
2823 |
|
2824 |
.top-bar-section {
|
2825 |
-webkit-transition: none 0 0; |
2826 |
-moz-transition: none 0 0; |
2827 |
transition: none 0 0; |
2828 |
left: 0 !important; } |
2829 |
.top-bar-section ul { |
2830 |
width: auto; |
2831 |
height: auto !important; |
2832 |
display: inline; } |
2833 |
.top-bar-section ul li { |
2834 |
float: left; } |
2835 |
.top-bar-section ul li .js-generated { |
2836 |
display: none; } |
2837 |
.top-bar-section li a:not(.button) { |
2838 |
padding: 0 15px; |
2839 |
line-height: 45px; |
2840 |
background: #111111; } |
2841 |
.top-bar-section li a:not(.button):hover { |
2842 |
background: black; } |
2843 |
.top-bar-section .has-dropdown > a { |
2844 |
padding-right: 35px !important; } |
2845 |
.top-bar-section .has-dropdown > a:after { |
2846 |
content: ""; |
2847 |
display: block; |
2848 |
width: 0; |
2849 |
height: 0; |
2850 |
border: inset 5px; |
2851 |
border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent; |
2852 |
border-top-style: solid; |
2853 |
margin-top: -2.5px; |
2854 |
top: 22.5px; } |
2855 |
.top-bar-section .has-dropdown.moved { |
2856 |
position: relative; } |
2857 |
.top-bar-section .has-dropdown.moved > .dropdown { |
2858 |
visibility: hidden; } |
2859 |
.top-bar-section .has-dropdown:hover > .dropdown, .top-bar-section .has-dropdown:active > .dropdown { |
2860 |
visibility: visible; } |
2861 |
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { |
2862 |
border: none; |
2863 |
content: "\00bb"; |
2864 |
margin-top: -15px; |
2865 |
right: 5px; } |
2866 |
.top-bar-section .dropdown { |
2867 |
left: 0; |
2868 |
top: auto; |
2869 |
background: transparent; |
2870 |
min-width: 100%; } |
2871 |
.top-bar-section .dropdown li a { |
2872 |
color: white; |
2873 |
line-height: 1; |
2874 |
white-space: nowrap; |
2875 |
padding: 7px 15px; |
2876 |
background: #1e1e1e; } |
2877 |
.top-bar-section .dropdown li label { |
2878 |
white-space: nowrap; |
2879 |
background: #1e1e1e; } |
2880 |
.top-bar-section .dropdown li .dropdown { |
2881 |
left: 100%; |
2882 |
top: 0; } |
2883 |
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { |
2884 |
border-bottom: none; |
2885 |
border-top: none; |
2886 |
border-right: solid 1px #2b2b2b; |
2887 |
border-left: solid 1px black; |
2888 |
clear: none; |
2889 |
height: 45px; |
2890 |
width: 0px; } |
2891 |
.top-bar-section .has-form { |
2892 |
background: #111111; |
2893 |
padding: 0 15px; |
2894 |
height: 45px; } |
2895 |
.top-bar-section ul.right li .dropdown { |
2896 |
left: auto; |
2897 |
right: 0; } |
2898 |
.top-bar-section ul.right li .dropdown li .dropdown { |
2899 |
right: 100%; } } |
2900 |
.orbit-container {
|
2901 |
overflow: hidden; |
2902 |
width: 100%; |
2903 |
position: relative; |
2904 |
background: whitesmoke; } |
2905 |
.orbit-container .orbit-slides-container { |
2906 |
list-style: none; |
2907 |
margin: 0; |
2908 |
padding: 0; |
2909 |
position: relative; } |
2910 |
.orbit-container .orbit-slides-container img { |
2911 |
display: block; } |
2912 |
.orbit-container .orbit-slides-container > * { |
2913 |
position: relative; |
2914 |
float: left; |
2915 |
height: 100%; } |
2916 |
.orbit-container .orbit-slides-container > * .orbit-caption { |
2917 |
position: absolute; |
2918 |
bottom: 0; |
2919 |
background-color: black; |
2920 |
background-color: rgba(0, 0, 0, 0.6); |
2921 |
color: #fff; |
2922 |
width: 100%; |
2923 |
padding: 10px 14px; |
2924 |
font-size: 0.875em; } |
2925 |
.orbit-container .orbit-slides-container > * .orbit-caption * { |
2926 |
color: white; } |
2927 |
.orbit-container .orbit-slide-number { |
2928 |
position: absolute; |
2929 |
top: 10px; |
2930 |
left: 10px; |
2931 |
font-size: 12px; |
2932 |
color: white; |
2933 |
background: rgba(0, 0, 0, 0); } |
2934 |
.orbit-container .orbit-slide-number span { |
2935 |
font-weight: 700; |
2936 |
padding: 0.3125em; } |
2937 |
.orbit-container .orbit-timer { |
2938 |
position: absolute; |
2939 |
top: 10px; |
2940 |
right: 10px; |
2941 |
height: 6px; |
2942 |
width: 100px; } |
2943 |
.orbit-container .orbit-timer .orbit-progress { |
2944 |
height: 100%; |
2945 |
background-color: black; |
2946 |
background-color: rgba(0, 0, 0, 0.6); |
2947 |
display: block; |
2948 |
width: 0%; } |
2949 |
.orbit-container .orbit-timer > span { |
2950 |
display: none; |
2951 |
position: absolute; |
2952 |
top: 10px; |
2953 |
right: 0px; |
2954 |
width: 11px; |
2955 |
height: 14px; |
2956 |
border: solid 4px black; |
2957 |
border-top: none; |
2958 |
border-bottom: none; } |
2959 |
.orbit-container .orbit-timer.paused > span { |
2960 |
right: -6px; |
2961 |
top: 9px; |
2962 |
width: 11px; |
2963 |
height: 14px; |
2964 |
border: inset 8px; |
2965 |
border-right-style: solid; |
2966 |
border-color: transparent transparent transparent black; } |
2967 |
.orbit-container:hover .orbit-timer > span { |
2968 |
display: block; } |
2969 |
.orbit-container .orbit-prev, |
2970 |
.orbit-container .orbit-next { |
2971 |
position: absolute; |
2972 |
top: 50%; |
2973 |
margin-top: -25px; |
2974 |
background-color: black; |
2975 |
background-color: rgba(0, 0, 0, 0.6); |
2976 |
width: 50px; |
2977 |
height: 60px; |
2978 |
line-height: 50px; |
2979 |
color: white; |
2980 |
text-indent: -9999px !important; } |
2981 |
.orbit-container .orbit-prev > span, |
2982 |
.orbit-container .orbit-next > span { |
2983 |
position: absolute; |
2984 |
top: 50%; |
2985 |
margin-top: -16px; |
2986 |
display: block; |
2987 |
width: 0; |
2988 |
height: 0; |
2989 |
border: inset 16px; } |
2990 |
.orbit-container .orbit-prev { |
2991 |
left: 0; } |
2992 |
.orbit-container .orbit-prev > span { |
2993 |
border-right-style: solid; |
2994 |
border-color: transparent; |
2995 |
border-right-color: #fff; } |
2996 |
.orbit-container .orbit-prev:hover > span { |
2997 |
border-right-color: #ccc; } |
2998 |
.orbit-container .orbit-next { |
2999 |
right: 0; } |
3000 |
.orbit-container .orbit-next > span { |
3001 |
border-color: transparent; |
3002 |
border-left-style: solid; |
3003 |
border-left-color: #fff; |
3004 |
left: 50%; |
3005 |
margin-left: -8px; } |
3006 |
.orbit-container .orbit-next:hover > span { |
3007 |
border-left-color: #ccc; } |
3008 |
|
3009 |
.orbit-bullets {
|
3010 |
margin: 0 auto 30px auto; |
3011 |
overflow: hidden; |
3012 |
position: relative; |
3013 |
top: 10px; } |
3014 |
.orbit-bullets li { |
3015 |
display: block; |
3016 |
width: 18px; |
3017 |
height: 18px; |
3018 |
background: #999999; |
3019 |
float: left; |
3020 |
margin-right: 6px; |
3021 |
border: solid 2px #222222; |
3022 |
-webkit-border-radius: 1000px; |
3023 |
border-radius: 1000px; } |
3024 |
.orbit-bullets li.active { |
3025 |
background: #222222; } |
3026 |
.orbit-bullets li:last-child { |
3027 |
margin-right: 0; } |
3028 |
|
3029 |
.touch .orbit-container .orbit-prev, |
3030 |
.touch .orbit-container .orbit-next { |
3031 |
display: none; } |
3032 |
.touch .orbit-bullets { |
3033 |
display: none; } |
3034 |
|
3035 |
@media only screen and (min-width: 48em) { |
3036 |
.touch .orbit-container .orbit-prev, |
3037 |
.touch .orbit-container .orbit-next { |
3038 |
display: inherit; } |
3039 |
.touch .orbit-bullets { |
3040 |
display: block; } } |
3041 |
.reveal-modal-bg {
|
3042 |
position: fixed; |
3043 |
height: 100%; |
3044 |
width: 100%; |
3045 |
background: black; |
3046 |
background: rgba(0, 0, 0, 0.45); |
3047 |
z-index: 98; |
3048 |
display: none; |
3049 |
top: 0; |
3050 |
left: 0; } |
3051 |
|
3052 |
.reveal-modal {
|
3053 |
visibility: hidden; |
3054 |
display: none; |
3055 |
position: absolute; |
3056 |
left: 50%; |
3057 |
z-index: 99; |
3058 |
height: auto; |
3059 |
background-color: #fff; |
3060 |
margin-left: -40%; |
3061 |
width: 80%; |
3062 |
background-color: white; |
3063 |
padding: 1.25em; |
3064 |
border: solid 1px #666666; |
3065 |
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); |
3066 |
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); |
3067 |
top: 50px; } |
3068 |
.reveal-modal .column, |
3069 |
.reveal-modal .columns { |
3070 |
min-width: 0; } |
3071 |
.reveal-modal > :first-child { |
3072 |
margin-top: 0; } |
3073 |
.reveal-modal > :last-child { |
3074 |
margin-bottom: 0; } |
3075 |
.reveal-modal .close-reveal-modal { |
3076 |
font-size: 1.375em; |
3077 |
line-height: 1; |
3078 |
position: absolute; |
3079 |
top: 0.5em; |
3080 |
right: 0.6875em; |
3081 |
color: #aaaaaa; |
3082 |
font-weight: bold; |
3083 |
cursor: pointer; } |
3084 |
|
3085 |
@media only screen and (min-width: 48em) { |
3086 |
.reveal-modal {
|
3087 |
padding: 1.875em; |
3088 |
top: 6.25em; } |
3089 |
.reveal-modal.tiny { |
3090 |
margin-left: -15%; |
3091 |
width: 30%; } |
3092 |
.reveal-modal.small { |
3093 |
margin-left: -20%; |
3094 |
width: 40%; } |
3095 |
.reveal-modal.medium { |
3096 |
margin-left: -30%; |
3097 |
width: 60%; } |
3098 |
.reveal-modal.large { |
3099 |
margin-left: -35%; |
3100 |
width: 70%; } |
3101 |
.reveal-modal.xlarge { |
3102 |
margin-left: -47.5%; |
3103 |
width: 95%; } } |
3104 |
@media print { |
3105 |
.reveal-modal {
|
3106 |
background: white !important; } } |
3107 |
/* Foundation Joyride */
|
3108 |
.joyride-list {
|
3109 |
display: none; } |
3110 |
|
3111 |
/* Default styles for the container */
|
3112 |
.joyride-tip-guide {
|
3113 |
display: none; |
3114 |
position: absolute; |
3115 |
background: black; |
3116 |
color: white; |
3117 |
z-index: 101; |
3118 |
top: 0; |
3119 |
left: 2.5%; |
3120 |
font-family: inherit; |
3121 |
font-weight: normal; |
3122 |
width: 95%; } |
3123 |
|
3124 |
.lt-ie9 .joyride-tip-guide { |
3125 |
max-width: 800px; |
3126 |
left: 50%; |
3127 |
margin-left: -400px; } |
3128 |
|
3129 |
.joyride-content-wrapper {
|
3130 |
width: 100%; |
3131 |
padding: 1.125em 1.25em 1.5em; } |
3132 |
.joyride-content-wrapper .button { |
3133 |
margin-bottom: 0 !important; } |
3134 |
|
3135 |
/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
|
3136 |
.joyride-tip-guide .joyride-nub { |
3137 |
display: block; |
3138 |
position: absolute; |
3139 |
left: 22px; |
3140 |
width: 0; |
3141 |
height: 0; |
3142 |
border: inset 14px; } |
3143 |
.joyride-tip-guide .joyride-nub.top { |
3144 |
border-top-style: solid; |
3145 |
border-color: black; |
3146 |
border-top-color: transparent !important; |
3147 |
border-left-color: transparent !important; |
3148 |
border-right-color: transparent !important; |
3149 |
top: -28px; } |
3150 |
.joyride-tip-guide .joyride-nub.bottom { |
3151 |
border-bottom-style: solid; |
3152 |
border-color: black !important; |
3153 |
border-bottom-color: transparent !important; |
3154 |
border-left-color: transparent !important; |
3155 |
border-right-color: transparent !important; |
3156 |
bottom: -28px; } |
3157 |
.joyride-tip-guide .joyride-nub.right { |
3158 |
right: -28px; } |
3159 |
.joyride-tip-guide .joyride-nub.left { |
3160 |
left: -28px; } |
3161 |
|
3162 |
/* Typography */
|
3163 |
.joyride-tip-guide h1, |
3164 |
.joyride-tip-guide h2, |
3165 |
.joyride-tip-guide h3, |
3166 |
.joyride-tip-guide h4, |
3167 |
.joyride-tip-guide h5, |
3168 |
.joyride-tip-guide h6 { |
3169 |
line-height: 1.25; |
3170 |
margin: 0; |
3171 |
font-weight: bold; |
3172 |
color: white; } |
3173 |
|
3174 |
.joyride-tip-guide p { |
3175 |
margin: 0 0 1.125em 0; |
3176 |
font-size: 0.875em; |
3177 |
line-height: 1.3; } |
3178 |
|
3179 |
.joyride-timer-indicator-wrap {
|
3180 |
width: 50px; |
3181 |
height: 3px; |
3182 |
border: solid 1px #555555; |
3183 |
position: absolute; |
3184 |
right: 1.0625em; |
3185 |
bottom: 1em; } |
3186 |
|
3187 |
.joyride-timer-indicator {
|
3188 |
display: block; |
3189 |
width: 0; |
3190 |
height: inherit; |
3191 |
background: #666666; } |
3192 |
|
3193 |
.joyride-close-tip {
|
3194 |
position: absolute; |
3195 |
right: 12px; |
3196 |
top: 10px; |
3197 |
color: #777777 !important; |
3198 |
text-decoration: none; |
3199 |
font-size: 30px; |
3200 |
font-weight: normal; |
3201 |
line-height: 0.5 !important; } |
3202 |
.joyride-close-tip:hover, .joyride-close-tip:focus { |
3203 |
color: #eeeeee !important; } |
3204 |
|
3205 |
.joyride-modal-bg {
|
3206 |
position: fixed; |
3207 |
height: 100%; |
3208 |
width: 100%; |
3209 |
background: transparent; |
3210 |
background: rgba(0, 0, 0, 0.5); |
3211 |
z-index: 100; |
3212 |
display: none; |
3213 |
top: 0; |
3214 |
left: 0; |
3215 |
cursor: pointer; } |
3216 |
|
3217 |
.joyride-expose-wrapper {
|
3218 |
background-color: #ffffff; |
3219 |
position: absolute; |
3220 |
border-radius: 3px; |
3221 |
z-index: 102; |
3222 |
-moz-box-shadow: 0px 0px 30px white; |
3223 |
-webkit-box-shadow: 0px 0px 15px white; |
3224 |
box-shadow: 0px 0px 15px white; } |
3225 |
|
3226 |
.joyride-expose-cover {
|
3227 |
background: transparent; |
3228 |
border-radius: 3px; |
3229 |
position: absolute; |
3230 |
z-index: 9999; |
3231 |
top: 0px; |
3232 |
left: 0px; } |
3233 |
|
3234 |
/* Styles for screens that are atleast 768px; */
|
3235 |
@media only screen and (min-width: 48em) { |
3236 |
.joyride-tip-guide {
|
3237 |
width: 300px; |
3238 |
left: inherit; } |
3239 |
.joyride-tip-guide .joyride-nub.bottom { |
3240 |
border-color: black !important; |
3241 |
border-bottom-color: transparent !important; |
3242 |
border-left-color: transparent !important; |
3243 |
border-right-color: transparent !important; |
3244 |
bottom: -28px; } |
3245 |
.joyride-tip-guide .joyride-nub.right { |
3246 |
border-color: black !important; |
3247 |
border-top-color: transparent !important; |
3248 |
border-right-color: transparent !important; |
3249 |
border-bottom-color: transparent !important; |
3250 |
top: 22px; |
3251 |
left: auto; |
3252 |
right: -28px; } |
3253 |
.joyride-tip-guide .joyride-nub.left { |
3254 |
border-color: black !important; |
3255 |
border-top-color: transparent !important; |
3256 |
border-left-color: transparent !important; |
3257 |
border-bottom-color: transparent !important; |
3258 |
top: 22px; |
3259 |
left: -28px; |
3260 |
right: auto; } } |
3261 |
/* Clearing Styles */
|
3262 |
[data-clearing] {
|
3263 |
*zoom: 1; |
3264 |
margin-bottom: 0; |
3265 |
list-style: none; } |
3266 |
[data-clearing]:before, [data-clearing]:after { |
3267 |
content: " "; |
3268 |
display: table; } |
3269 |
[data-clearing]:after { |
3270 |
clear: both; } |
3271 |
[data-clearing] li { |
3272 |
float: left; |
3273 |
margin-right: 10px; } |
3274 |
|
3275 |
.clearing-blackout {
|
3276 |
background: #111111; |
3277 |
position: fixed; |
3278 |
width: 100%; |
3279 |
height: 100%; |
3280 |
top: 0; |
3281 |
left: 0; |
3282 |
z-index: 998; } |
3283 |
.clearing-blackout .clearing-close { |
3284 |
display: block; } |
3285 |
|
3286 |
.clearing-container {
|
3287 |
position: relative; |
3288 |
z-index: 998; |
3289 |
height: 100%; |
3290 |
overflow: hidden; |
3291 |
margin: 0; } |
3292 |
|
3293 |
.visible-img {
|
3294 |
height: 95%; |
3295 |
position: relative; } |
3296 |
.visible-img img { |
3297 |
position: absolute; |
3298 |
left: 50%; |
3299 |
top: 50%; |
3300 |
margin-left: -50%; |
3301 |
max-height: 100%; |
3302 |
max-width: 100%; } |
3303 |
|
3304 |
.clearing-caption {
|
3305 |
color: white; |
3306 |
line-height: 1.3; |
3307 |
margin-bottom: 0; |
3308 |
text-align: center; |
3309 |
bottom: 0; |
3310 |
background: #111111; |
3311 |
width: 100%; |
3312 |
padding: 10px 30px; |
3313 |
position: absolute; |
3314 |
left: 0; } |
3315 |
|
3316 |
.clearing-close {
|
3317 |
z-index: 999; |
3318 |
padding-left: 20px; |
3319 |
padding-top: 10px; |
3320 |
font-size: 40px; |
3321 |
line-height: 1; |
3322 |
color: white; |
3323 |
display: none; } |
3324 |
.clearing-close:hover, .clearing-close:focus { |
3325 |
color: #ccc; } |
3326 |
|
3327 |
.clearing-assembled .clearing-container { |
3328 |
height: 100%; } |
3329 |
.clearing-assembled .clearing-container .carousel > ul { |
3330 |
display: none; } |
3331 |
|
3332 |
@media only screen and (min-width: 48em) { |
3333 |
.clearing-main-prev,
|
3334 |
.clearing-main-next {
|
3335 |
position: absolute; |
3336 |
height: 100%; |
3337 |
width: 40px; |
3338 |
top: 0; } |
3339 |
.clearing-main-prev > span, |
3340 |
.clearing-main-next > span { |
3341 |
position: absolute; |
3342 |
top: 50%; |
3343 |
display: block; |
3344 |
width: 0; |
3345 |
height: 0; |
3346 |
border: solid 16px; } |
3347 |
|
3348 |
.clearing-main-prev {
|
3349 |
left: 0; } |
3350 |
.clearing-main-prev > span { |
3351 |
left: 5px; |
3352 |
border-color: transparent; |
3353 |
border-right-color: white; } |
3354 |
|
3355 |
.clearing-main-next {
|
3356 |
right: 0; } |
3357 |
.clearing-main-next > span { |
3358 |
border-color: transparent; |
3359 |
border-left-color: white; } |
3360 |
|
3361 |
.clearing-main-prev.disabled, |
3362 |
.clearing-main-next.disabled { |
3363 |
opacity: 0.5; } |
3364 |
|
3365 |
.clearing-feature ~ li { |
3366 |
display: none; } |
3367 |
|
3368 |
.clearing-assembled .clearing-container .carousel { |
3369 |
background: #111111; |
3370 |
height: 150px; |
3371 |
margin-top: 5px; } |
3372 |
.clearing-assembled .clearing-container .carousel > ul { |
3373 |
display: block; |
3374 |
z-index: 999; |
3375 |
width: 200%; |
3376 |
height: 100%; |
3377 |
margin-left: 0; |
3378 |
position: relative; |
3379 |
left: 0; } |
3380 |
.clearing-assembled .clearing-container .carousel > ul li { |
3381 |
display: block; |
3382 |
width: 175px; |
3383 |
height: inherit; |
3384 |
padding: 0; |
3385 |
float: left; |
3386 |
overflow: hidden; |
3387 |
margin-right: 1px; |
3388 |
position: relative; |
3389 |
cursor: pointer; |
3390 |
opacity: 0.4; } |
3391 |
.clearing-assembled .clearing-container .carousel > ul li.fix-height img { |
3392 |
min-height: 100%; |
3393 |
height: 100%; |
3394 |
max-width: none; } |
3395 |
.clearing-assembled .clearing-container .carousel > ul li a.th { |
3396 |
border: none; |
3397 |
-webkit-box-shadow: none; |
3398 |
box-shadow: none; |
3399 |
display: block; } |
3400 |
.clearing-assembled .clearing-container .carousel > ul li img { |
3401 |
cursor: pointer !important; |
3402 |
min-width: 100% !important; } |
3403 |
.clearing-assembled .clearing-container .carousel > ul li.visible { |
3404 |
opacity: 1; } |
3405 |
.clearing-assembled .clearing-container .visible-img { |
3406 |
background: #111111; |
3407 |
overflow: hidden; |
3408 |
height: 75%; } |
3409 |
|
3410 |
.clearing-close {
|
3411 |
position: absolute; |
3412 |
top: 10px; |
3413 |
right: 20px; |
3414 |
padding-left: 0; |
3415 |
padding-top: 0; } } |
3416 |
/* Foundation Alerts */
|
3417 |
.alert-box {
|
3418 |
border-style: solid; |
3419 |
border-width: 1px; |
3420 |
display: block; |
3421 |
font-weight: bold; |
3422 |
margin-bottom: 1.25em; |
3423 |
position: relative; |
3424 |
padding: 0.6875em 1.3125em 0.75em 0.6875em; |
3425 |
font-size: 0.875em; |
3426 |
background-color: #2ba6cb; |
3427 |
border-color: #2284a1; |
3428 |
color: white; } |
3429 |
.alert-box .close { |
3430 |
font-size: 1.375em; |
3431 |
padding: 5px 4px 4px; |
3432 |
line-height: 0; |
3433 |
position: absolute; |
3434 |
top: 0.4375em; |
3435 |
right: 0.3125em; |
3436 |
color: #333333; |
3437 |
opacity: 0.3; } |
3438 |
.alert-box .close:hover, .alert-box .close:focus { |
3439 |
opacity: 0.5; } |
3440 |
.alert-box.radius { |
3441 |
-webkit-border-radius: 3px; |
3442 |
border-radius: 3px; } |
3443 |
.alert-box.round { |
3444 |
-webkit-border-radius: 1000px; |
3445 |
border-radius: 1000px; } |
3446 |
.alert-box.success { |
3447 |
background-color: #5da423; |
3448 |
border-color: #457a1a; |
3449 |
color: white; } |
3450 |
.alert-box.alert { |
3451 |
background-color: #c60f13; |
3452 |
border-color: #970b0e; |
3453 |
color: white; } |
3454 |
.alert-box.secondary { |
3455 |
background-color: #e9e9e9; |
3456 |
border-color: #d0d0d0; |
3457 |
color: #505050; } |
3458 |
|
3459 |
/* Breadcrumbs */
|
3460 |
.breadcrumbs {
|
3461 |
display: block; |
3462 |
padding: 0.5625em 0.875em 0.5625em; |
3463 |
overflow: hidden; |
3464 |
margin-left: 0; |
3465 |
list-style: none; |
3466 |
border-style: solid; |
3467 |
border-width: 1px; |
3468 |
background-color: #f6f6f6; |
3469 |
border-color: gainsboro; |
3470 |
-webkit-border-radius: 3px; |
3471 |
border-radius: 3px; } |
3472 |
.breadcrumbs > * { |
3473 |
margin: 0; |
3474 |
float: left; |
3475 |
font-size: 0.6875em; |
3476 |
text-transform: uppercase; |
3477 |
color: #2ba6cb; } |
3478 |
.breadcrumbs > *:hover a, .breadcrumbs > *:focus a { |
3479 |
text-decoration: underline; } |
3480 |
.breadcrumbs > * a, |
3481 |
.breadcrumbs > * span { |
3482 |
text-transform: uppercase; |
3483 |
color: #2ba6cb; } |
3484 |
.breadcrumbs > *.current { |
3485 |
cursor: default; |
3486 |
color: #333333; } |
3487 |
.breadcrumbs > *.current a { |
3488 |
cursor: default; |
3489 |
color: #333333; } |
3490 |
.breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { |
3491 |
text-decoration: none; } |
3492 |
.breadcrumbs > *.unavailable { |
3493 |
color: #999999; } |
3494 |
.breadcrumbs > *.unavailable a { |
3495 |
color: #999999; } |
3496 |
.breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, |
3497 |
.breadcrumbs > *.unavailable a:focus { |
3498 |
text-decoration: none; |
3499 |
color: #999999; |
3500 |
cursor: default; } |
3501 |
.breadcrumbs > *:before { |
3502 |
content: "/"; |
3503 |
color: #aaaaaa; |
3504 |
margin: 0 0.75em; |
3505 |
position: relative; |
3506 |
top: 1px; } |
3507 |
.breadcrumbs > *:first-child:before { |
3508 |
content: " "; |
3509 |
margin: 0; } |
3510 |
|
3511 |
/* Keystroke Characters */
|
3512 |
.keystroke,
|
3513 |
kbd {
|
3514 |
background-color: #ededed; |
3515 |
border-color: #dbdbdb; |
3516 |
color: #222222; |
3517 |
border-style: solid; |
3518 |
border-width: 1px; |
3519 |
margin: 0; |
3520 |
font-family: "Consolas", "Menlo", "Courier", monospace; |
3521 |
font-size: 0.9375em; |
3522 |
padding: 0.125em 0.25em 0em; |
3523 |
-webkit-border-radius: 3px; |
3524 |
border-radius: 3px; } |
3525 |
|
3526 |
/* Labels */
|
3527 |
.label {
|
3528 |
font-weight: bold; |
3529 |
text-align: center; |
3530 |
text-decoration: none; |
3531 |
line-height: 1; |
3532 |
white-space: nowrap; |
3533 |
display: inline-block; |
3534 |
position: relative; |
3535 |
padding: 0.1875em 0.625em 0.25em; |
3536 |
font-size: 0.875em; |
3537 |
background-color: #2ba6cb; |
3538 |
color: white; } |
3539 |
.label.radius { |
3540 |
-webkit-border-radius: 3px; |
3541 |
border-radius: 3px; } |
3542 |
.label.round { |
3543 |
-webkit-border-radius: 1000px; |
3544 |
border-radius: 1000px; } |
3545 |
.label.alert { |
3546 |
background-color: #c60f13; |
3547 |
color: white; } |
3548 |
.label.success { |
3549 |
background-color: #5da423; |
3550 |
color: white; } |
3551 |
.label.secondary { |
3552 |
background-color: #e9e9e9; |
3553 |
color: #333333; } |
3554 |
|
3555 |
/* Inline Lists */
|
3556 |
.inline-list {
|
3557 |
margin: 0 auto 1.0625em auto; |
3558 |
margin-left: -1.375em; |
3559 |
margin-right: 0; |
3560 |
padding: 0; |
3561 |
list-style: none; |
3562 |
overflow: hidden; } |
3563 |
.inline-list > li { |
3564 |
list-style: none; |
3565 |
float: left; |
3566 |
margin-left: 1.375em; |
3567 |
display: block; } |
3568 |
.inline-list > li > * { |
3569 |
display: block; } |
3570 |
|
3571 |
/* Pagination */
|
3572 |
.pagination {
|
3573 |
display: block; |
3574 |
height: 1.5em; |
3575 |
margin-left: -0.3125em; } |
3576 |
.pagination li { |
3577 |
display: block; |
3578 |
float: left; |
3579 |
height: 1.5em; |
3580 |
color: #222222; |
3581 |
font-size: 0.875em; |
3582 |
margin-left: 0.3125em; } |
3583 |
.pagination li a { |
3584 |
display: block; |
3585 |
padding: 0.0625em 0.4375em 0.0625em; |
3586 |
color: #999999; } |
3587 |
.pagination li:hover a, |
3588 |
.pagination li a:focus { |
3589 |
background: #e6e6e6; } |
3590 |
.pagination li.unavailable a { |
3591 |
cursor: default; |
3592 |
color: #999999; } |
3593 |
.pagination li.unavailable:hover a, .pagination li.unavailable a:focus { |
3594 |
background: transparent; } |
3595 |
.pagination li.current a { |
3596 |
background: #2ba6cb; |
3597 |
color: white; |
3598 |
font-weight: bold; |
3599 |
cursor: default; } |
3600 |
.pagination li.current a:hover, .pagination li.current a:focus { |
3601 |
background: #2ba6cb; } |
3602 |
|
3603 |
.pagination-centered {
|
3604 |
text-align: center; } |
3605 |
.pagination-centered ul > li { |
3606 |
float: none; |
3607 |
display: inline-block; } |
3608 |
|
3609 |
/* Panels */
|
3610 |
.panel {
|
3611 |
border-style: solid; |
3612 |
border-width: 1px; |
3613 |
border-color: #d9d9d9; |
3614 |
margin-bottom: 1.25em; |
3615 |
padding: 1.25em; |
3616 |
background: #f2f2f2; } |
3617 |
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p { |
3618 |
color: #333333; } |
3619 |
.panel > :first-child { |
3620 |
margin-top: 0; } |
3621 |
.panel > :last-child { |
3622 |
margin-bottom: 0; } |
3623 |
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { |
3624 |
line-height: 1; |
3625 |
margin-bottom: 0.625em; } |
3626 |
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { |
3627 |
line-height: 1.4; } |
3628 |
.panel.callout { |
3629 |
border-style: solid; |
3630 |
border-width: 1px; |
3631 |
border-color: #2284a1; |
3632 |
margin-bottom: 1.25em; |
3633 |
padding: 1.25em; |
3634 |
background: #2ba6cb; |
3635 |
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; |
3636 |
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } |
3637 |
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p { |
3638 |
color: white; } |
3639 |
.panel.callout > :first-child { |
3640 |
margin-top: 0; } |
3641 |
.panel.callout > :last-child { |
3642 |
margin-bottom: 0; } |
3643 |
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { |
3644 |
line-height: 1; |
3645 |
margin-bottom: 0.625em; } |
3646 |
.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { |
3647 |
line-height: 1.4; } |
3648 |
.panel.radius { |
3649 |
-webkit-border-radius: 3px; |
3650 |
border-radius: 3px; } |
3651 |
|
3652 |
/* Pricing Tables */
|
3653 |
.pricing-table {
|
3654 |
border: solid 1px #dddddd; |
3655 |
margin-left: 0; |
3656 |
margin-bottom: 1.25em; } |
3657 |
.pricing-table * { |
3658 |
list-style: none; |
3659 |
line-height: 1; } |
3660 |
.pricing-table .title { |
3661 |
background-color: #dddddd; |
3662 |
padding: 0.9375em 1.25em; |
3663 |
text-align: center; |
3664 |
color: #333333; |
3665 |
font-weight: bold; |
3666 |
font-size: 1em; } |
3667 |
.pricing-table .price { |
3668 |
background-color: #eeeeee; |
3669 |
padding: 0.9375em 1.25em; |
3670 |
text-align: center; |
3671 |
color: #333333; |
3672 |
font-weight: normal; |
3673 |
font-size: 1.25em; } |
3674 |
.pricing-table .description { |
3675 |
background-color: white; |
3676 |
padding: 0.9375em; |
3677 |
text-align: center; |
3678 |
color: #777777; |
3679 |
font-size: 0.75em; |
3680 |
font-weight: normal; |
3681 |
line-height: 1.4; |
3682 |
border-bottom: dotted 1px #dddddd; } |
3683 |
.pricing-table .bullet-item { |
3684 |
background-color: white; |
3685 |
padding: 0.9375em; |
3686 |
text-align: center; |
3687 |
color: #333333; |
3688 |
font-size: 0.875em; |
3689 |
font-weight: normal; |
3690 |
border-bottom: dotted 1px #dddddd; } |
3691 |
.pricing-table .cta-button { |
3692 |
background-color: whitesmoke; |
3693 |
text-align: center; |
3694 |
padding: 1.25em 1.25em 0; } |
3695 |
|
3696 |
/* Progress Bar */
|
3697 |
.progress {
|
3698 |
background-color: transparent; |
3699 |
height: 1.5625em; |
3700 |
border: 1px solid #cccccc; |
3701 |
padding: 0.125em; |
3702 |
margin-bottom: 0.625em; } |
3703 |
.progress .meter { |
3704 |
background: #2ba6cb; |
3705 |
height: 100%; |
3706 |
display: block; } |
3707 |
.progress.secondary .meter { |
3708 |
background: #e9e9e9; |
3709 |
height: 100%; |
3710 |
display: block; } |
3711 |
.progress.success .meter { |
3712 |
background: #5da423; |
3713 |
height: 100%; |
3714 |
display: block; } |
3715 |
.progress.alert .meter { |
3716 |
background: #c60f13; |
3717 |
height: 100%; |
3718 |
display: block; } |
3719 |
.progress.radius { |
3720 |
-webkit-border-radius: 3px; |
3721 |
border-radius: 3px; } |
3722 |
.progress.radius .meter { |
3723 |
-webkit-border-radius: 2px; |
3724 |
border-radius: 2px; } |
3725 |
.progress.round { |
3726 |
-webkit-border-radius: 1000px; |
3727 |
border-radius: 1000px; } |
3728 |
.progress.round .meter { |
3729 |
-webkit-border-radius: 999px; |
3730 |
border-radius: 999px; } |
3731 |
|
3732 |
/* Side Nav */
|
3733 |
.side-nav {
|
3734 |
display: block; |
3735 |
margin: 0; |
3736 |
padding: 0.875em 0; |
3737 |
list-style-type: none; |
3738 |
list-style-position: inside; } |
3739 |
.side-nav li { |
3740 |
margin: 0 0 0.4375em 0; |
3741 |
font-size: 0.875em; } |
3742 |
.side-nav li a { |
3743 |
display: block; |
3744 |
color: #2ba6cb; } |
3745 |
.side-nav li.active > a:first-child { |
3746 |
color: #4d4d4d; |
3747 |
font-weight: bold; } |
3748 |
.side-nav li.divider { |
3749 |
border-top: 1px solid; |
3750 |
height: 0; |
3751 |
padding: 0; |
3752 |
list-style: none; |
3753 |
border-top-color: #e6e6e6; } |
3754 |
|
3755 |
/* Side Nav */
|
3756 |
.sub-nav {
|
3757 |
display: block; |
3758 |
width: auto; |
3759 |
overflow: hidden; |
3760 |
margin: -0.25em 0 1.125em; |
3761 |
padding-top: 0.25em; |
3762 |
margin-right: 0; |
3763 |
margin-left: -0.5625em; } |
3764 |
.sub-nav dt, |
3765 |
.sub-nav dd { |
3766 |
float: left; |
3767 |
display: inline; |
3768 |
margin-left: 0.5625em; |
3769 |
margin-bottom: 0.625em; |
3770 |
font-weight: normal; |
3771 |
font-size: 0.875em; } |
3772 |
.sub-nav dt a, |
3773 |
.sub-nav dd a { |
3774 |
color: #999999; |
3775 |
text-decoration: none; } |
3776 |
.sub-nav dt.active a, |
3777 |
.sub-nav dd.active a { |
3778 |
-webkit-border-radius: 1000px; |
3779 |
border-radius: 1000px; |
3780 |
font-weight: bold; |
3781 |
background: #2ba6cb; |
3782 |
padding: 0.1875em 0.5625em; |
3783 |
cursor: default; |
3784 |
color: white; } |
3785 |
|
3786 |
/* Foundation Switches */
|
3787 |
@media only screen { |
3788 |
div.switch { |
3789 |
position: relative; |
3790 |
width: 100%; |
3791 |
padding: 0; |
3792 |
display: block; |
3793 |
overflow: hidden; |
3794 |
border-style: solid; |
3795 |
border-width: 1px; |
3796 |
margin-bottom: 1.25em; |
3797 |
-webkit-animation: webkitSiblingBugfix infinite 1s; |
3798 |
height: 36px; |
3799 |
background: white; |
3800 |
border-color: #cccccc; } |
3801 |
div.switch label { |
3802 |
position: relative; |
3803 |
left: 0; |
3804 |
z-index: 2; |
3805 |
float: left; |
3806 |
width: 50%; |
3807 |
height: 100%; |
3808 |
margin: 0; |
3809 |
font-weight: bold; |
3810 |
text-align: left; |
3811 |
-webkit-transition: all 0.1s ease-out; |
3812 |
-moz-transition: all 0.1s ease-out; |
3813 |
transition: all 0.1s ease-out; } |
3814 |
div.switch input { |
3815 |
position: absolute; |
3816 |
z-index: 3; |
3817 |
opacity: 0; |
3818 |
width: 100%; |
3819 |
height: 100%; |
3820 |
-moz-appearance: none; } |
3821 |
div.switch input:hover, div.switch input:focus { |
3822 |
cursor: pointer; } |
3823 |
div.switch > span { |
3824 |
position: absolute; |
3825 |
top: -1px; |
3826 |
left: -1px; |
3827 |
z-index: 1; |
3828 |
display: block; |
3829 |
padding: 0; |
3830 |
border-width: 1px; |
3831 |
border-style: solid; |
3832 |
-webkit-transition: all 0.1s ease-out; |
3833 |
-moz-transition: all 0.1s ease-out; |
3834 |
transition: all 0.1s ease-out; } |
3835 |
div.switch input:not(:checked) + label { |
3836 |
opacity: 0; } |
3837 |
div.switch input:checked { |
3838 |
display: none !important; } |
3839 |
div.switch input { |
3840 |
left: 0; |
3841 |
display: block !important; } |
3842 |
div.switch input:first-of-type + label, |
3843 |
div.switch input:first-of-type + span + label { |
3844 |
left: -50%; } |
3845 |
div.switch input:first-of-type:checked + label, |
3846 |
div.switch input:first-of-type:checked + span + label { |
3847 |
left: 0%; } |
3848 |
div.switch input:last-of-type + label, |
3849 |
div.switch input:last-of-type + span + label { |
3850 |
right: -50%; |
3851 |
left: auto; |
3852 |
text-align: right; } |
3853 |
div.switch input:last-of-type:checked + label, |
3854 |
div.switch input:last-of-type:checked + span + label { |
3855 |
right: 0%; |
3856 |
left: auto; } |
3857 |
div.switch span.custom { |
3858 |
display: none !important; } |
3859 |
div.switch label { |
3860 |
padding: 0 0.375em; |
3861 |
line-height: 2.3em; |
3862 |
font-size: 0.875em; } |
3863 |
div.switch input:first-of-type:checked ~ span { |
3864 |
left: 100%; |
3865 |
margin-left: -2.1875em; } |
3866 |
div.switch > span { |
3867 |
width: 2.25em; |
3868 |
height: 2.25em; } |
3869 |
div.switch > span { |
3870 |
border-color: #b3b3b3; |
3871 |
background: white; |
3872 |
background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%); |
3873 |
background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%); |
3874 |
background: linear-gradient(to bottom, white 0%, #f2f2f2 100%); |
3875 |
-webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; |
3876 |
box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; } |
3877 |
div.switch:hover > span, div.switch:focus > span { |
3878 |
background: white; |
3879 |
background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%); |
3880 |
background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%); |
3881 |
background: linear-gradient(to bottom, white 0%, #e6e6e6 100%); } |
3882 |
div.switch:active { |
3883 |
background: transparent; } |
3884 |
div.switch.large { |
3885 |
height: 44px; } |
3886 |
div.switch.large label { |
3887 |
padding: 0 0.375em; |
3888 |
line-height: 2.3em; |
3889 |
font-size: 1.0625em; } |
3890 |
div.switch.large input:first-of-type:checked ~ span { |
3891 |
left: 100%; |
3892 |
margin-left: -2.6875em; } |
3893 |
div.switch.large > span { |
3894 |
width: 2.75em; |
3895 |
height: 2.75em; } |
3896 |
div.switch.small { |
3897 |
height: 28px; } |
3898 |
div.switch.small label { |
3899 |
padding: 0 0.375em; |
3900 |
line-height: 2.1em; |
3901 |
font-size: 0.75em; } |
3902 |
div.switch.small input:first-of-type:checked ~ span { |
3903 |
left: 100%; |
3904 |
margin-left: -1.6875em; } |
3905 |
div.switch.small > span { |
3906 |
width: 1.75em; |
3907 |
height: 1.75em; } |
3908 |
div.switch.tiny { |
3909 |
height: 22px; } |
3910 |
div.switch.tiny label { |
3911 |
padding: 0 0.375em; |
3912 |
line-height: 1.9em; |
3913 |
font-size: 0.6875em; } |
3914 |
div.switch.tiny input:first-of-type:checked ~ span { |
3915 |
left: 100%; |
3916 |
margin-left: -1.3125em; } |
3917 |
div.switch.tiny > span { |
3918 |
width: 1.375em; |
3919 |
height: 1.375em; } |
3920 |
div.switch.radius { |
3921 |
-webkit-border-radius: 4px; |
3922 |
border-radius: 4px; } |
3923 |
div.switch.radius > span { |
3924 |
-webkit-border-radius: 3px; |
3925 |
border-radius: 3px; } |
3926 |
div.switch.round { |
3927 |
-webkit-border-radius: 1000px; |
3928 |
border-radius: 1000px; } |
3929 |
div.switch.round > span { |
3930 |
-webkit-border-radius: 999px; |
3931 |
border-radius: 999px; } |
3932 |
div.switch.round label { |
3933 |
padding: 0 0.5625em; } |
3934 |
|
3935 |
@-webkit-keyframes webkitSiblingBugfix { |
3936 |
from {
|
3937 |
position: relative; } |
3938 |
|
3939 |
to {
|
3940 |
position: relative; } } } |
3941 |
[data-magellan-expedition] {
|
3942 |
background: white; |
3943 |
z-index: 50; |
3944 |
min-width: 100%; |
3945 |
padding: 10px; } |
3946 |
[data-magellan-expedition] .sub-nav { |
3947 |
margin-bottom: 0; } |
3948 |
[data-magellan-expedition] .sub-nav dd { |
3949 |
margin-bottom: 0; } |
3950 |
|
3951 |
/* Tables */
|
3952 |
table {
|
3953 |
background: white; |
3954 |
margin-bottom: 1.25em; |
3955 |
border: solid 1px #dddddd; } |
3956 |
table thead, |
3957 |
table tfoot { |
3958 |
background: whitesmoke; |
3959 |
font-weight: bold; } |
3960 |
table thead tr th, |
3961 |
table thead tr td, |
3962 |
table tfoot tr th, |
3963 |
table tfoot tr td { |
3964 |
padding: 0.5em 0.625em 0.625em; |
3965 |
font-size: 0.875em; |
3966 |
color: #222222; |
3967 |
text-align: left; } |
3968 |
table tr th, |
3969 |
table tr td { |
3970 |
padding: 0.5625em 0.625em; |
3971 |
font-size: 0.875em; |
3972 |
color: #222222; } |
3973 |
table tr.even, table tr.alt, table tr:nth-of-type(even) { |
3974 |
background: #f9f9f9; } |
3975 |
table thead tr th, |
3976 |
table tfoot tr th, |
3977 |
table tbody tr td, |
3978 |
table tr td, |
3979 |
table tfoot tr td { |
3980 |
display: table-cell; |
3981 |
line-height: 1.125em; } |
3982 |
|
3983 |
/* Image Thumbnails */
|
3984 |
.th {
|
3985 |
line-height: 0; |
3986 |
display: inline-block; |
3987 |
border: solid 4px white; |
3988 |
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); |
3989 |
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); |
3990 |
-webkit-transition: all 200ms ease-out; |
3991 |
-moz-transition: all 200ms ease-out; |
3992 |
transition: all 200ms ease-out; } |
3993 |
.th:hover, .th:focus { |
3994 |
-webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); |
3995 |
box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); } |
3996 |
.th.radius { |
3997 |
-webkit-border-radius: 3px; |
3998 |
border-radius: 3px; } |
3999 |
|
4000 |
a.th { |
4001 |
display: block; } |
4002 |
|
4003 |
/* Tooltips */
|
4004 |
.has-tip {
|
4005 |
border-bottom: dotted 1px #cccccc; |
4006 |
cursor: help; |
4007 |
font-weight: bold; |
4008 |
color: #333333; } |
4009 |
.has-tip:hover, .has-tip:focus { |
4010 |
border-bottom: dotted 1px #196177; |
4011 |
color: #2ba6cb; } |
4012 |
.has-tip.tip-left, .has-tip.tip-right { |
4013 |
float: none !important; } |
4014 |
|
4015 |
.tooltip {
|
4016 |
display: none; |
4017 |
position: absolute; |
4018 |
z-index: 999; |
4019 |
font-weight: bold; |
4020 |
font-size: 0.9375em; |
4021 |
line-height: 1.3; |
4022 |
padding: 0.5em; |
4023 |
max-width: 85%; |
4024 |
left: 50%; |
4025 |
width: 100%; |
4026 |
color: white; |
4027 |
background: black; |
4028 |
-webkit-border-radius: 3px; |
4029 |
border-radius: 3px; } |
4030 |
.tooltip > .nub { |
4031 |
display: block; |
4032 |
left: 5px; |
4033 |
position: absolute; |
4034 |
width: 0; |
4035 |
height: 0; |
4036 |
border: solid 5px; |
4037 |
border-color: transparent transparent black transparent; |
4038 |
top: -10px; } |
4039 |
.tooltip.opened { |
4040 |
color: #2ba6cb !important; |
4041 |
border-bottom: dotted 1px #196177 !important; } |
4042 |
|
4043 |
.tap-to-close {
|
4044 |
display: block; |
4045 |
font-size: 0.625em; |
4046 |
color: #888888; |
4047 |
font-weight: normal; } |
4048 |
|
4049 |
@media only screen and (min-width: 48em) { |
4050 |
.tooltip > .nub { |
4051 |
border-color: transparent transparent black transparent; |
4052 |
top: -10px; } |
4053 |
.tooltip.tip-top > .nub { |
4054 |
border-color: black transparent transparent transparent; |
4055 |
top: auto; |
4056 |
bottom: -10px; } |
4057 |
.tooltip.tip-left, .tooltip.tip-right { |
4058 |
float: none !important; } |
4059 |
.tooltip.tip-left > .nub { |
4060 |
border-color: transparent transparent transparent black; |
4061 |
right: -10px; |
4062 |
left: auto; |
4063 |
top: 50%; |
4064 |
margin-top: -5px; } |
4065 |
.tooltip.tip-right > .nub { |
4066 |
border-color: transparent black transparent transparent; |
4067 |
right: auto; |
4068 |
left: -10px; |
4069 |
top: 50%; |
4070 |
margin-top: -5px; } } |
4071 |
@media only screen and (max-width: 767px) { |
4072 |
.f-dropdown {
|
4073 |
max-width: 100%; |
4074 |
left: 0; } } |
4075 |
/* Foundation Dropdowns */
|
4076 |
.f-dropdown {
|
4077 |
position: absolute; |
4078 |
top: -9999px; |
4079 |
list-style: none; |
4080 |
padding: 1.25em; |
4081 |
width: 100%; |
4082 |
height: auto; |
4083 |
max-height: none; |
4084 |
background: white; |
4085 |
border: solid 1px #cccccc; |
4086 |
font-size: 16px; |
4087 |
z-index: 99; |
4088 |
margin-top: 2px; |
4089 |
max-width: 200px; } |
4090 |
.f-dropdown *:first-child { |
4091 |
margin-top: 0; } |
4092 |
.f-dropdown *:last-child { |
4093 |
margin-bottom: 0; } |
4094 |
.f-dropdown:before { |
4095 |
content: ""; |
4096 |
display: block; |
4097 |
width: 0; |
4098 |
height: 0; |
4099 |
border: inset 6px; |
4100 |
border-color: transparent transparent white transparent; |
4101 |
border-bottom-style: solid; |
4102 |
position: absolute; |
4103 |
top: -12px; |
4104 |
left: 10px; |
4105 |
z-index: 99; } |
4106 |
.f-dropdown:after { |
4107 |
content: ""; |
4108 |
display: block; |
4109 |
width: 0; |
4110 |
height: 0; |
4111 |
border: inset 7px; |
4112 |
border-color: transparent transparent #cccccc transparent; |
4113 |
border-bottom-style: solid; |
4114 |
position: absolute; |
4115 |
top: -14px; |
4116 |
left: 9px; |
4117 |
z-index: 98; } |
4118 |
.f-dropdown.right:before { |
4119 |
left: auto; |
4120 |
right: 10px; } |
4121 |
.f-dropdown.right:after { |
4122 |
left: auto; |
4123 |
right: 9px; } |
4124 |
.f-dropdown li { |
4125 |
font-size: 0.875em; |
4126 |
cursor: pointer; |
4127 |
line-height: 1.125em; |
4128 |
margin: 0; } |
4129 |
.f-dropdown li:hover, .f-dropdown li:focus { |
4130 |
background: #eeeeee; } |
4131 |
.f-dropdown li a { |
4132 |
display: block; |
4133 |
padding: 0.3125em 0.625em; |
4134 |
color: #555555; } |
4135 |
.f-dropdown.content { |
4136 |
position: absolute; |
4137 |
top: -9999px; |
4138 |
list-style: none; |
4139 |
padding: 1.25em; |
4140 |
width: 100%; |
4141 |
height: auto; |
4142 |
max-height: none; |
4143 |
background: white; |
4144 |
border: solid 1px #cccccc; |
4145 |
font-size: 16px; |
4146 |
z-index: 99; |
4147 |
max-width: 200px; } |
4148 |
.f-dropdown.content *:first-child { |
4149 |
margin-top: 0; } |
4150 |
.f-dropdown.content *:last-child { |
4151 |
margin-bottom: 0; } |
4152 |
.f-dropdown.tiny { |
4153 |
max-width: 200px; } |
4154 |
.f-dropdown.small { |
4155 |
max-width: 300px; } |
4156 |
.f-dropdown.medium { |
4157 |
max-width: 500px; } |
4158 |
.f-dropdown.large { |
4159 |
max-width: 800px; } |
4160 |
|