Mercurial > hg > dml-open-cliopatria
comparison cpack/dml/web/css/kube310/kube.css @ 0:718306e29690 tip
commiting public release
author | Daniel Wolff |
---|---|
date | Tue, 09 Feb 2016 21:05:06 +0100 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:718306e29690 |
---|---|
1 /* | |
2 Kube CSS-Framework 3.1 | |
3 */ | |
4 | |
5 /* =Reset | |
6 -----------------------------------------------------------------------------*/ | |
7 *, | |
8 *:before, | |
9 *:after { | |
10 -webkit-box-sizing: border-box; | |
11 -moz-box-sizing: border-box; | |
12 box-sizing: border-box; | |
13 } | |
14 html { | |
15 font-family: sans-serif; | |
16 -ms-text-size-adjust: 100%; | |
17 -webkit-text-size-adjust: 100%; | |
18 } | |
19 html, | |
20 body, | |
21 div, | |
22 span, | |
23 object, | |
24 iframe, | |
25 p, | |
26 blockquote, | |
27 pre, | |
28 a, | |
29 abbr, | |
30 acronym, | |
31 address, | |
32 big, | |
33 cite, | |
34 code, | |
35 del, | |
36 dfn, | |
37 em, | |
38 img, | |
39 ins, | |
40 kbd, | |
41 q, | |
42 s, | |
43 samp, | |
44 small, | |
45 strike, | |
46 strong, | |
47 sub, | |
48 sup, | |
49 tt, | |
50 var, | |
51 b, | |
52 u, | |
53 i, | |
54 center, | |
55 dl, | |
56 dt, | |
57 dd, | |
58 ol, | |
59 ul, | |
60 li, | |
61 fieldset, | |
62 form, | |
63 label, | |
64 legend, | |
65 table, | |
66 caption, | |
67 tbody, | |
68 tfoot, | |
69 thead, | |
70 tr, | |
71 th, | |
72 td, | |
73 article, | |
74 aside, | |
75 canvas, | |
76 details, | |
77 embed, | |
78 figure, | |
79 figcaption, | |
80 footer, | |
81 header, | |
82 hgroup, | |
83 menu, | |
84 nav, | |
85 output, | |
86 ruby, | |
87 section, | |
88 summary, | |
89 time, | |
90 mark, | |
91 audio, | |
92 video, | |
93 h1, | |
94 h2, | |
95 h3, | |
96 h4, | |
97 h5, | |
98 h6 { | |
99 margin: 0; | |
100 padding: 0; | |
101 border: 0; | |
102 outline: 0; | |
103 font-size: 100%; | |
104 vertical-align: baseline; | |
105 background: transparent; | |
106 } | |
107 a:active, | |
108 a:hover { | |
109 outline: 0; | |
110 } | |
111 article, | |
112 aside, | |
113 details, | |
114 figcaption, | |
115 figure, | |
116 footer, | |
117 header, | |
118 hgroup, | |
119 main, | |
120 nav, | |
121 section, | |
122 embed, | |
123 object, | |
124 iframe, | |
125 audio, | |
126 video, | |
127 canvas, | |
128 progress, | |
129 meter, | |
130 output, | |
131 textarea { | |
132 display: block; | |
133 } | |
134 audio:not([controls]) { | |
135 display: none; | |
136 height: 0; | |
137 } | |
138 /* To prevent some browsers from inserting quotes on q and p */ | |
139 blockquote, | |
140 q { | |
141 quotes: none; | |
142 } | |
143 blockquote p:before, | |
144 blockquote p:after, | |
145 q:before, | |
146 q:after { | |
147 content: ''; | |
148 content: none; | |
149 } | |
150 /* Table reset */ | |
151 table { | |
152 border-collapse: collapse; | |
153 border-spacing: 0; | |
154 } | |
155 caption, | |
156 th, | |
157 td { | |
158 text-align: left; | |
159 vertical-align: top; | |
160 } | |
161 thead th, | |
162 thead td { | |
163 font-weight: bold; | |
164 vertical-align: bottom; | |
165 } | |
166 /* Image inside */ | |
167 a img, | |
168 th img, | |
169 td img { | |
170 vertical-align: top; | |
171 } | |
172 button, | |
173 input, | |
174 select, | |
175 textarea { | |
176 margin: 0; | |
177 } | |
178 textarea { | |
179 overflow: auto; | |
180 vertical-align: top; | |
181 resize: vertical; | |
182 } | |
183 /* Normalize buttons in IE */ | |
184 button { | |
185 width: auto; | |
186 overflow: visible; | |
187 } | |
188 /* Hand cursor on clickable controls */ | |
189 input[type="reset"], | |
190 input[type="submit"], | |
191 input[type="file"], | |
192 input[type="radio"], | |
193 input[type="checkbox"], | |
194 select, | |
195 button { | |
196 cursor: pointer; | |
197 } | |
198 /* Trick with vertical align for radio and checkbox */ | |
199 input[type="radio"], | |
200 input[type="checkbox"] { | |
201 font-size: 110%; | |
202 position: relative; | |
203 top: -1px; | |
204 } | |
205 /* Normalize search fields */ | |
206 input[type="search"] { | |
207 -webkit-appearance: textfield; | |
208 } | |
209 input[type="search"]::-webkit-search-decoration, | |
210 input[type="search"]::-webkit-search-cancel-button { | |
211 -webkit-appearance: none; | |
212 } | |
213 /* Normalize horizontal line */ | |
214 hr { | |
215 display: block; | |
216 height: 1px; | |
217 border: 0; | |
218 border-top: 1px solid #ddd; | |
219 } | |
220 /* Responsive media */ | |
221 img, | |
222 video, | |
223 audio, | |
224 embed, | |
225 object { | |
226 max-width: 100%; | |
227 } | |
228 img, | |
229 video, | |
230 embed, | |
231 object { | |
232 height: auto; | |
233 } | |
234 embed, | |
235 object { | |
236 height: 100%; | |
237 } | |
238 img { | |
239 vertical-align: middle; | |
240 -ms-interpolation-mode: bicubic; | |
241 } | |
242 /* =Typography | |
243 -----------------------------------------------------------------------------*/ | |
244 body { | |
245 font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif; | |
246 font-size: 0.85em; | |
247 line-height: 1.618em; | |
248 background: #ffffff; | |
249 color: black; /* #333333; */ | |
250 } | |
251 /* =Links | |
252 -----------------------------------------------------------------------------*/ | |
253 a { | |
254 color: #3570c3; | |
255 } | |
256 a:focus, | |
257 a:hover { | |
258 color: #d70a16; | |
259 } | |
260 /* =Headings | |
261 -----------------------------------------------------------------------------*/ | |
262 h1, | |
263 h2, | |
264 h3, | |
265 h4, | |
266 h5, | |
267 h6 { | |
268 font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif; | |
269 font-weight: bold; | |
270 color: #222222; | |
271 text-rendering: optimizeLegibility; | |
272 } | |
273 h1 { | |
274 font-size: 2.125em; | |
275 line-height: 1.111em; | |
276 margin-bottom: 0.809em; | |
277 } | |
278 h2 { | |
279 font-size: 1.7em; | |
280 line-height: 1.111em; | |
281 margin-bottom: .25em; | |
282 } | |
283 h3 { | |
284 font-size: 1.4449999999999998em; | |
285 line-height: 1.333em; | |
286 margin-bottom: .25em; | |
287 } | |
288 h4 { | |
289 font-size: 1.105em; | |
290 line-height: 1.5em; | |
291 margin-bottom: .333em; | |
292 } | |
293 h5 { | |
294 font-size: 0.85em; | |
295 line-height: 1.618em; | |
296 margin-bottom: .25em; | |
297 } | |
298 h6 { | |
299 font-size: 0.7224999999999999em; | |
300 text-transform: uppercase; | |
301 line-height: 1.618em; | |
302 margin-bottom: .25em; | |
303 } | |
304 /* =Subheadings | |
305 -----------------------------------------------------------------------------*/ | |
306 hgroup h1:first-child, | |
307 hgroup h2:first-child, | |
308 hgroup h3:first-child, | |
309 hgroup h4:first-child, | |
310 hgroup h5:first-child { | |
311 margin-bottom: 0; | |
312 } | |
313 h1.subheading, | |
314 h2.subheading, | |
315 h3.subheading, | |
316 h4.subheading, | |
317 h5.subheading { | |
318 margin-top: 0; | |
319 font-weight: 300; | |
320 } | |
321 h1.subheading { | |
322 font-size: 1.4166666666666667em; | |
323 } | |
324 h2.subheading { | |
325 font-size: 1.1333333333333333em; | |
326 } | |
327 h3.subheading { | |
328 font-size: 0.9633333333333333em; | |
329 } | |
330 h4.subheading { | |
331 margin-top: .2em; | |
332 font-size: 0.9208333333333334em; | |
333 } | |
334 h5.subheading { | |
335 margin-top: .2em; | |
336 font-size: 0.7555555555555555em; | |
337 } | |
338 /* =Lead | |
339 -----------------------------------------------------------------------------*/ | |
340 .lead { | |
341 font-size: 1.35em; | |
342 font-weight: 300; | |
343 line-height: 1.35em; | |
344 margin-bottom: 0.809em; | |
345 } | |
346 /* =Line height and margin | |
347 -----------------------------------------------------------------------------*/ | |
348 p, | |
349 ul, | |
350 ol, | |
351 dl, | |
352 dd, | |
353 dt, | |
354 blockquote, | |
355 td, | |
356 th { | |
357 line-height: 1.618em; | |
358 } | |
359 ul, | |
360 ol, | |
361 ul ul, | |
362 ol ol, | |
363 ul ol, | |
364 ol ul { | |
365 margin: 0 0 0 3.236em; | |
366 } | |
367 ol ol li { | |
368 list-style-type: lower-alpha; | |
369 } | |
370 ol ol ol li { | |
371 list-style-type: lower-roman; | |
372 } | |
373 p, | |
374 ul, | |
375 ol, | |
376 dl, | |
377 blockquote, | |
378 hr, | |
379 pre, | |
380 table, | |
381 form, | |
382 fieldset, | |
383 figure, | |
384 address { | |
385 margin-bottom: 1.618em; | |
386 } | |
387 /* =Blockquote | |
388 -----------------------------------------------------------------------------*/ | |
389 blockquote { | |
390 position: relative; | |
391 font-style: italic; | |
392 margin-left: 2.427em; | |
393 padding-left: 1.618em; | |
394 border-left: 2px solid rgba(0, 0, 0, 0.15); | |
395 } | |
396 blockquote p { | |
397 margin-bottom: .5em; | |
398 } | |
399 blockquote small, | |
400 cite { | |
401 color: rgba(0, 0, 0, 0.4); | |
402 font-style: italic; | |
403 } | |
404 small, | |
405 blockquote cite { | |
406 font-size: 0.85em; | |
407 line-height: 1; | |
408 } | |
409 /* =Address | |
410 -----------------------------------------------------------------------------*/ | |
411 address { | |
412 font-style: normal; | |
413 } | |
414 /* =Definition list | |
415 -----------------------------------------------------------------------------*/ | |
416 dl dt { | |
417 font-weight: bold; | |
418 } | |
419 dd { | |
420 margin-left: 1.0786666666666667em; | |
421 } | |
422 /* =Text-level | |
423 -----------------------------------------------------------------------------*/ | |
424 s, | |
425 del { | |
426 text-decoration: line-through; | |
427 } | |
428 abbr[title], | |
429 dfn[title] { | |
430 border-bottom: 1px dotted #000; | |
431 cursor: help; | |
432 } | |
433 strong, | |
434 b { | |
435 font-weight: bold; | |
436 } | |
437 em, | |
438 i { | |
439 font-style: italic; | |
440 } | |
441 sub, | |
442 sup { | |
443 font-size: 0.65em; | |
444 line-height: 0; | |
445 position: relative; | |
446 } | |
447 sup { | |
448 top: -0.5em; | |
449 } | |
450 sub { | |
451 bottom: -0.25em; | |
452 } | |
453 figcaption { | |
454 font-size: 0.85em; | |
455 font-style: italic; | |
456 } | |
457 ins, | |
458 u { | |
459 text-decoration: underline; | |
460 } | |
461 mark { | |
462 background-color: #fddc43; | |
463 color: #0f0f0f; | |
464 text-decoration: none; | |
465 } | |
466 /* =Code | |
467 -----------------------------------------------------------------------------*/ | |
468 pre, | |
469 code, | |
470 kbd, | |
471 samp, | |
472 var, | |
473 output { | |
474 font-size: 90%; | |
475 font-style: normal; | |
476 font-family: Menlo, Monaco, Consolas, "Courier New", monospace; | |
477 } | |
478 pre { | |
479 font-size: 90%; | |
480 line-height: 1.45em; | |
481 color: #333333; | |
482 background: #f6f6f6; | |
483 padding: 1.618em; | |
484 overflow: auto; | |
485 } | |
486 code, | |
487 samp, | |
488 kbd { | |
489 padding: 3px 6px 2px 6px; | |
490 display: inline-block; | |
491 line-height: 1; | |
492 border-radius: 2px; | |
493 } | |
494 code { | |
495 background: #f6f6f6; | |
496 border: 1px solid #ddd; | |
497 } | |
498 pre code { | |
499 font-size: 100%; | |
500 border: none; | |
501 padding: 0; | |
502 background: none; | |
503 line-height: 1.618em; | |
504 } | |
505 var { | |
506 color: rgba(0, 0, 0, 0.5); | |
507 } | |
508 samp { | |
509 background: #e9effa; | |
510 border: 1px solid #c5d4f0; | |
511 } | |
512 kbd { | |
513 background: #0f0f0f; | |
514 color: rgba(255, 255, 255, 0.85); | |
515 white-space: nowrap; | |
516 } | |
517 /* =Form | |
518 -----------------------------------------------------------------------------*/ | |
519 button:active, | |
520 button:focus { | |
521 outline: none; | |
522 } | |
523 button, | |
524 input, | |
525 textarea, | |
526 select { | |
527 font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif; | |
528 font-size: 1em; | |
529 box-shadow: none; | |
530 } | |
531 textarea, | |
532 select[multiple], | |
533 select[multiple="multiple"] { | |
534 padding: .3em .35em; | |
535 line-height: 1.35em; | |
536 width: 99.9%; | |
537 } | |
538 input[type="text"], | |
539 input[type="password"], | |
540 input[type="email"], | |
541 input[type="url"], | |
542 input[type="phone"], | |
543 input[type="tel"], | |
544 input[type="number"], | |
545 input[type="datetime"], | |
546 input[type="date"], | |
547 input[type="month"], | |
548 input[type="color"], | |
549 input[type="time"], | |
550 input[type="search"], | |
551 input[type="datetime-local"], | |
552 button, | |
553 input[type="submit"], | |
554 input[type="reset"] { | |
555 padding: .3em .35em; | |
556 line-height: 1.618em; | |
557 border-radius: 0; | |
558 outline: none; | |
559 } | |
560 select[multiple], | |
561 select[multiple="multiple"], | |
562 textarea, | |
563 input[type="text"], | |
564 input[type="password"], | |
565 input[type="email"], | |
566 input[type="url"], | |
567 input[type="phone"], | |
568 input[type="tel"], | |
569 input[type="number"], | |
570 input[type="datetime"], | |
571 input[type="date"], | |
572 input[type="month"], | |
573 input[type="color"], | |
574 input[type="time"], | |
575 input[type="search"], | |
576 input[type="datetime-local"] { | |
577 background: #fff; | |
578 border: 1px solid #bbbcc0; | |
579 position: relative; | |
580 z-index: 1; | |
581 -webkit-appearance: none; | |
582 } | |
583 button, | |
584 input[type="submit"], | |
585 input[type="reset"] { | |
586 font-weight: 400; | |
587 padding: .3em 1.3em; | |
588 border: 1px solid transparent; | |
589 color: #333333; | |
590 background: #eeeded; | |
591 cursor: pointer; | |
592 border-radius: 2px; | |
593 -webkit-appearance: none; | |
594 } | |
595 button:hover, | |
596 input[type="submit"]:hover, | |
597 input[type="reset"]:hover { | |
598 color: rgba(0, 0, 0, 0.5); | |
599 background: #dbdada; | |
600 } | |
601 button[disabled], | |
602 input[type="submit"][disabled], | |
603 input[type="reset"][disabled] { | |
604 background: none; | |
605 background: #dbdada; | |
606 cursor: default; | |
607 color: rgba(0, 0, 0, 0.5); | |
608 } | |
609 button[disabled]:hover, | |
610 input[type="submit"][disabled]:hover, | |
611 input[type="reset"][disabled]:hover { | |
612 color: rgba(0, 0, 0, 0.5); | |
613 } | |
614 input::-moz-focus-inner, | |
615 button::-moz-focus-inner { | |
616 border: 0; | |
617 padding: 0; | |
618 } | |
619 input[type="range"] { | |
620 position: relative; | |
621 top: 3px; | |
622 } | |
623 input[disabled] { | |
624 background: #f4f4f4; | |
625 border: 1px solid #ddd; | |
626 color: rgba(0, 0, 0, 0.4); | |
627 } | |
628 select { | |
629 margin-bottom: 0 !important; | |
630 } | |
631 fieldset { | |
632 padding: 1.618em; | |
633 margin-bottom: 1.618em; | |
634 border: 1px solid #ddd; | |
635 } | |
636 fieldset *:last-child { | |
637 margin-bottom: 0 !important; | |
638 } | |
639 legend { | |
640 font-weight: bold; | |
641 padding: 0 1em; | |
642 margin-left: -1em; | |
643 } | |
644 /* =Tables | |
645 -----------------------------------------------------------------------------*/ | |
646 table { | |
647 max-width: 100%; | |
648 width: 100%; | |
649 empty-cells: show; | |
650 } | |
651 table caption { | |
652 text-transform: uppercase; | |
653 padding: 0 1.0786666666666667em; | |
654 color: rgba(0, 0, 0, 0.4); | |
655 font-size: 0.85em; | |
656 } | |
657 table th, | |
658 table td { | |
659 border-bottom: 1px solid #eee; | |
660 padding: 0.809em 1.0786666666666667em; | |
661 } | |
662 table tfoot th, | |
663 table tfoot td { | |
664 background: #f4f4f4; | |
665 } | |
666 /* =Responsive | |
667 -----------------------------------------------------------------------------*/ | |
668 /* Portrait tablet to landscape and desktop */ | |
669 @media (min-width: 768px) and (max-width: 979px) { | |
670 h1 { | |
671 font-size: 2.125em; | |
672 line-height: 1.125; | |
673 } | |
674 h2 { | |
675 font-size: 1.7em; | |
676 line-height: 1.25; | |
677 } | |
678 h3 { | |
679 font-size: 1.4449999999999998em; | |
680 line-height: 1.25; | |
681 } | |
682 h4 { | |
683 font-size: 1.105em; | |
684 line-height: 1.22222222; | |
685 } | |
686 h5 { | |
687 font-size: 0.85em; | |
688 } | |
689 h6 { | |
690 font-size: 0.7224999999999999em; | |
691 } | |
692 h1.subheading { | |
693 font-size: 1.4166666666666667em; | |
694 } | |
695 h2.subheading { | |
696 font-size: 1.1333333333333333em; | |
697 } | |
698 h3.subheading { | |
699 font-size: 0.9633333333333333em; | |
700 } | |
701 h4.subheading { | |
702 font-size: 0.9208333333333334em; | |
703 } | |
704 h5.subheading { | |
705 font-size: 0.7555555555555555em; | |
706 } | |
707 } | |
708 /* Landscape phone to portrait tablet */ | |
709 @media (max-width: 767px) { | |
710 h1 { | |
711 font-size: 1.7em; | |
712 line-height: 1.25; | |
713 } | |
714 h2 { | |
715 font-size: 1.275em; | |
716 line-height: 1.15384615; | |
717 } | |
718 h3 { | |
719 font-size: 1.16875em; | |
720 line-height: 1.13636364; | |
721 } | |
722 h4 { | |
723 font-size: 0.9562499999999999em; | |
724 line-height: 1.11111111; | |
725 } | |
726 h5 { | |
727 font-size: 0.85em; | |
728 } | |
729 h6 { | |
730 font-size: 0.7224999999999999em; | |
731 } | |
732 h1.subheading { | |
733 font-size: 1.1333333333333333em; | |
734 } | |
735 h2.subheading { | |
736 font-size: 0.85em; | |
737 } | |
738 h3.subheading { | |
739 font-size: 0.7791666666666667em; | |
740 } | |
741 h4.subheading { | |
742 font-size: 0.796875em; | |
743 } | |
744 h5.subheading { | |
745 font-size: 0.7555555555555555em; | |
746 } | |
747 .lead { | |
748 font-size: 1.2em; | |
749 } | |
750 ul, | |
751 ol, | |
752 ul ul, | |
753 ol ol, | |
754 ul ol, | |
755 ol ul { | |
756 margin-left: 1.618em; | |
757 } | |
758 blockquote { | |
759 margin-left: 0; | |
760 } | |
761 } | |
762 /* =Grid | |
763 -----------------------------------------------------------------------------*/ | |
764 .units-container:after, | |
765 .units-row:after { | |
766 content: ""; | |
767 display: table; | |
768 clear: both; | |
769 } | |
770 .units-container:after, | |
771 .units-row:after { | |
772 content: ""; | |
773 display: table; | |
774 clear: both; | |
775 } | |
776 .units-container { | |
777 /* it's the trick to not collapse padding-top in the child element */ | |
778 | |
779 padding-top: 1px; | |
780 margin-top: -1px; | |
781 } | |
782 .units-row { | |
783 margin-bottom: 1.618em; | |
784 } | |
785 .width-100, | |
786 .unit-100 { | |
787 width: 100%; | |
788 } | |
789 .width-90, | |
790 .unit-90 { | |
791 width: 90%; | |
792 } | |
793 .width-80, | |
794 .unit-80 { | |
795 width: 80%; | |
796 } | |
797 .width-75, | |
798 .unit-75 { | |
799 width: 75%; | |
800 } | |
801 .width-70, | |
802 .unit-70 { | |
803 width: 70%; | |
804 } | |
805 .width-66, | |
806 .unit-66 { | |
807 width: 66.6%; | |
808 } | |
809 .width-65, | |
810 .unit-65 { | |
811 width: 65%; | |
812 } | |
813 .width-60, | |
814 .unit-60 { | |
815 width: 60%; | |
816 } | |
817 .width-50, | |
818 .unit-50 { | |
819 width: 50%; | |
820 } | |
821 .width-40, | |
822 .unit-40 { | |
823 width: 40%; | |
824 } | |
825 .width-35, | |
826 .unit-35 { | |
827 width: 35%; | |
828 } | |
829 .width-33, | |
830 .unit-33 { | |
831 width: 33.3%; | |
832 } | |
833 .width-30, | |
834 .unit-30 { | |
835 width: 30%; | |
836 } | |
837 .width-25, | |
838 .unit-25 { | |
839 width: 25%; | |
840 } | |
841 .width-20, | |
842 .unit-20 { | |
843 width: 20%; | |
844 } | |
845 .width-10, | |
846 .unit-10 { | |
847 width: 10%; | |
848 } | |
849 input.width-100, | |
850 input.unit-100 { | |
851 width: 98.6%; | |
852 } | |
853 textarea.width-100, | |
854 textarea.unit-100 { | |
855 width: 98.8%; | |
856 } | |
857 select.width-100, | |
858 select.unit-100 { | |
859 width: 99.4%; | |
860 } | |
861 .units-row .unit-90, | |
862 .units-row .unit-80, | |
863 .units-row .unit-75, | |
864 .units-row .unit-70, | |
865 .units-row .unit-66, | |
866 .units-row .unit-65, | |
867 .units-row .unit-60, | |
868 .units-row .unit-50, | |
869 .units-row .unit-40, | |
870 .units-row .unit-35, | |
871 .units-row .unit-33, | |
872 .units-row .unit-30, | |
873 .units-row .unit-25, | |
874 .units-row .unit-20, | |
875 .units-row .unit-10 { | |
876 float: left; | |
877 margin-left: 3%; | |
878 } | |
879 .units-row .unit-90:first-child, | |
880 .units-row .unit-80:first-child, | |
881 .units-row .unit-75:first-child, | |
882 .units-row .unit-70:first-child, | |
883 .units-row .unit-66:first-child, | |
884 .units-row .unit-65:first-child, | |
885 .units-row .unit-60:first-child, | |
886 .units-row .unit-50:first-child, | |
887 .units-row .unit-40:first-child, | |
888 .units-row .unit-35:first-child, | |
889 .units-row .unit-33:first-child, | |
890 .units-row .unit-30:first-child, | |
891 .units-row .unit-25:first-child, | |
892 .units-row .unit-20:first-child, | |
893 .units-row .unit-10:first-child { | |
894 margin-left: 0; | |
895 } | |
896 .units-row .unit-90 { | |
897 width: 89.7%; | |
898 } | |
899 .units-row .unit-80 { | |
900 width: 79.4%; | |
901 } | |
902 .units-row .unit-75 { | |
903 width: 74.25%; | |
904 } | |
905 .units-row .unit-70 { | |
906 width: 69.1%; | |
907 } | |
908 .units-row .unit-66 { | |
909 width: 65.66666666666666%; | |
910 } | |
911 .units-row .unit-65 { | |
912 width: 65.66666666666666%; | |
913 } | |
914 .units-row .unit-60 { | |
915 width: 58.800000000000004%; | |
916 } | |
917 .units-row .unit-50 { | |
918 width: 48.5%; | |
919 } | |
920 .units-row .unit-40 { | |
921 width: 38.2%; | |
922 } | |
923 .units-row .unit-35 { | |
924 width: 31.333333333333332%; | |
925 } | |
926 .units-row .unit-33 { | |
927 width: 31.333333333333332%; | |
928 } | |
929 .units-row .unit-30 { | |
930 width: 27.9%; | |
931 } | |
932 .units-row .unit-25 { | |
933 width: 22.75%; | |
934 } | |
935 .units-row .unit-20 { | |
936 width: 17.6%; | |
937 } | |
938 .units-row .unit-10 { | |
939 width: 7.3%; | |
940 } | |
941 .unit-push-90, | |
942 .unit-push-80, | |
943 .unit-push-75, | |
944 .unit-push-70, | |
945 .unit-push-66, | |
946 .unit-push-65, | |
947 .unit-push-60, | |
948 .unit-push-50, | |
949 .unit-push-40, | |
950 .unit-push-35, | |
951 .unit-push-33, | |
952 .unit-push-30, | |
953 .unit-push-25, | |
954 .unit-push-20, | |
955 .unit-push-10 { | |
956 position: relative; | |
957 } | |
958 .unit-push-90 { | |
959 left: 92.7%; | |
960 } | |
961 .unit-push-80 { | |
962 left: 82.4%; | |
963 } | |
964 .unit-push-75 { | |
965 left: 77.25%; | |
966 } | |
967 .unit-push-70 { | |
968 left: 72.1%; | |
969 } | |
970 .unit-push-66 { | |
971 left: 68.66666666666666%; | |
972 } | |
973 .unit-push-65 { | |
974 left: 68.66666666666666%; | |
975 } | |
976 .unit-push-60 { | |
977 left: 61.800000000000004%; | |
978 } | |
979 .unit-push-50 { | |
980 left: 51.5%; | |
981 } | |
982 .unit-push-40 { | |
983 left: 41.2%; | |
984 } | |
985 .unit-push-35 { | |
986 left: 34.33333333333333%; | |
987 } | |
988 .unit-push-33 { | |
989 left: 34.33333333333333%; | |
990 } | |
991 .unit-push-30 { | |
992 left: 30.9%; | |
993 } | |
994 .unit-push-25 { | |
995 left: 25.75%; | |
996 } | |
997 .unit-push-20 { | |
998 left: 20.6%; | |
999 } | |
1000 .unit-push-10 { | |
1001 left: 10.3%; | |
1002 } | |
1003 .units-row .unit-push-right { | |
1004 float: right; | |
1005 } | |
1006 .centered, | |
1007 .unit-centered { | |
1008 float: none !important; | |
1009 margin: 0 auto !important; | |
1010 } | |
1011 .unit-padding { | |
1012 padding: 1.618em; | |
1013 } | |
1014 .units-padding .unit-100, | |
1015 .units-padding .unit-90, | |
1016 .units-padding .unit-80, | |
1017 .units-padding .unit-75, | |
1018 .units-padding .unit-70, | |
1019 .units-padding .unit-66, | |
1020 .units-padding .unit-65, | |
1021 .units-padding .unit-60, | |
1022 .units-padding .unit-50, | |
1023 .units-padding .unit-40, | |
1024 .units-padding .unit-35, | |
1025 .units-padding .unit-33, | |
1026 .units-padding .unit-30, | |
1027 .units-padding .unit-25, | |
1028 .units-padding .unit-20, | |
1029 .units-padding .unit-10 { | |
1030 padding: 1.618em; | |
1031 } | |
1032 .units-split .unit-90, | |
1033 .units-split .unit-80, | |
1034 .units-split .unit-75, | |
1035 .units-split .unit-70, | |
1036 .units-split .unit-66, | |
1037 .units-split .unit-65, | |
1038 .units-split .unit-60, | |
1039 .units-split .unit-50, | |
1040 .units-split .unit-40, | |
1041 .units-split .unit-35, | |
1042 .units-split .unit-33, | |
1043 .units-split .unit-30, | |
1044 .units-split .unit-25, | |
1045 .units-split .unit-20, | |
1046 .units-split .unit-10 { | |
1047 margin-left: 0; | |
1048 } | |
1049 .units-split .unit-90 { | |
1050 width: 90%; | |
1051 } | |
1052 .units-split .unit-80 { | |
1053 width: 80%; | |
1054 } | |
1055 .units-split .unit-75 { | |
1056 width: 75%; | |
1057 } | |
1058 .units-split .unit-70 { | |
1059 width: 70%; | |
1060 } | |
1061 .units-split .unit-66 { | |
1062 width: 66.6%; | |
1063 } | |
1064 .units-split .unit-65 { | |
1065 width: 65%; | |
1066 } | |
1067 .units-split .unit-60 { | |
1068 width: 60%; | |
1069 } | |
1070 .units-split .unit-50 { | |
1071 width: 50%; | |
1072 } | |
1073 .units-split .unit-40 { | |
1074 width: 40%; | |
1075 } | |
1076 .units-split .unit-35 { | |
1077 width: 35%; | |
1078 } | |
1079 .units-split .unit-33 { | |
1080 width: 33.3%; | |
1081 } | |
1082 .units-split .unit-30 { | |
1083 width: 30%; | |
1084 } | |
1085 .units-split .unit-25 { | |
1086 width: 25%; | |
1087 } | |
1088 .units-split .unit-20 { | |
1089 width: 20%; | |
1090 } | |
1091 .units-split .unit-10 { | |
1092 width: 10%; | |
1093 } | |
1094 /* =Responsive | |
1095 -----------------------------------------------------------------------------*/ | |
1096 @media only screen and (max-width: 767px) { | |
1097 .mobile-width-100 { | |
1098 width: 100%; | |
1099 } | |
1100 .units-row .unit-90, | |
1101 .units-row .unit-80, | |
1102 .units-row .unit-75, | |
1103 .units-row .unit-70, | |
1104 .units-row .unit-66, | |
1105 .units-row .unit-65, | |
1106 .units-row .unit-60, | |
1107 .units-row .unit-50, | |
1108 .units-row .unit-40, | |
1109 .units-row .unit-35, | |
1110 .units-row .unit-33, | |
1111 .units-row .unit-30, | |
1112 .units-row .unit-25, | |
1113 .units-row .unit-20, | |
1114 .units-row .unit-10 { | |
1115 width: 100%; | |
1116 float: none; | |
1117 margin-left: 0; | |
1118 margin-bottom: 1.618em; | |
1119 } | |
1120 .unit-push-90, | |
1121 .unit-push-80, | |
1122 .unit-push-75, | |
1123 .unit-push-70, | |
1124 .unit-push-66, | |
1125 .unit-push-65, | |
1126 .unit-push-60, | |
1127 .unit-push-50, | |
1128 .unit-push-40, | |
1129 .unit-push-35, | |
1130 .unit-push-33, | |
1131 .unit-push-30, | |
1132 .unit-push-25, | |
1133 .unit-push-20, | |
1134 .unit-push-10 { | |
1135 left: 0; | |
1136 } | |
1137 .units-row .unit-push-right { | |
1138 float: none; | |
1139 } | |
1140 .units-mobile-50 .unit-90, | |
1141 .units-mobile-50 .unit-80, | |
1142 .units-mobile-50 .unit-75, | |
1143 .units-mobile-50 .unit-70, | |
1144 .units-mobile-50 .unit-66, | |
1145 .units-mobile-50 .unit-65, | |
1146 .units-mobile-50 .unit-60, | |
1147 .units-mobile-50 .unit-40, | |
1148 .units-mobile-50 .unit-30, | |
1149 .units-mobile-50 .unit-35, | |
1150 .units-mobile-50 .unit-33, | |
1151 .units-mobile-50 .unit-25, | |
1152 .units-mobile-50 .unit-20, | |
1153 .units-mobile-50 .unit-10 { | |
1154 float: left; | |
1155 margin-left: 3%; | |
1156 width: 48.5%; | |
1157 } | |
1158 .units-mobile-50 .unit-90:first-child, | |
1159 .units-mobile-50 .unit-80:first-child, | |
1160 .units-mobile-50 .unit-75:first-child, | |
1161 .units-mobile-50 .unit-70:first-child, | |
1162 .units-mobile-50 .unit-66:first-child, | |
1163 .units-mobile-50 .unit-65:first-child, | |
1164 .units-mobile-50 .unit-60:first-child, | |
1165 .units-mobile-50 .unit-40:first-child, | |
1166 .units-mobile-50 .unit-35:first-child, | |
1167 .units-mobile-50 .unit-30:first-child, | |
1168 .units-mobile-50 .unit-33:first-child, | |
1169 .units-mobile-50 .unit-25:first-child, | |
1170 .units-mobile-50 .unit-20:first-child, | |
1171 .units-mobile-50 .unit-10:first-child { | |
1172 margin-left: 0; | |
1173 } | |
1174 } | |
1175 /* =Blocks | |
1176 -----------------------------------------------------------------------------*/ | |
1177 .blocks-2, | |
1178 .blocks-3, | |
1179 .blocks-4, | |
1180 .blocks-5, | |
1181 .blocks-6 { | |
1182 padding-left: 0; | |
1183 list-style: none; | |
1184 margin-left: -3%; | |
1185 } | |
1186 .blocks-2:after, | |
1187 .blocks-3:after, | |
1188 .blocks-4:after, | |
1189 .blocks-5:after, | |
1190 .blocks-6:after { | |
1191 content: ""; | |
1192 display: table; | |
1193 clear: both; | |
1194 } | |
1195 .blocks-2:after, | |
1196 .blocks-3:after, | |
1197 .blocks-4:after, | |
1198 .blocks-5:after, | |
1199 .blocks-6:after { | |
1200 content: ""; | |
1201 display: table; | |
1202 clear: both; | |
1203 } | |
1204 .blocks-2 li, | |
1205 .blocks-3 li, | |
1206 .blocks-4 li, | |
1207 .blocks-5 li, | |
1208 .blocks-6 li { | |
1209 height: auto; | |
1210 float: left; | |
1211 margin-bottom: 1.618em; | |
1212 margin-left: 3%; | |
1213 } | |
1214 .blocks-2 > li { | |
1215 width: 47%; | |
1216 } | |
1217 .blocks-3 > li { | |
1218 width: 30.333333333333332%; | |
1219 } | |
1220 .blocks-4 > li { | |
1221 width: 22%; | |
1222 } | |
1223 .blocks-5 > li { | |
1224 width: 17%; | |
1225 } | |
1226 .blocks-6 > li { | |
1227 width: 13.666666666666666%; | |
1228 } | |
1229 .block-first { | |
1230 clear: both; | |
1231 } | |
1232 /* =Responsive | |
1233 -----------------------------------------------------------------------------*/ | |
1234 @media only screen and (max-width: 767px) { | |
1235 .blocks-2, | |
1236 .blocks-3, | |
1237 .blocks-4, | |
1238 .blocks-5, | |
1239 .blocks-6 { | |
1240 margin-left: 0; | |
1241 margin-bottom: 1.618em; | |
1242 } | |
1243 .blocks-2 > li, | |
1244 .blocks-3 > li, | |
1245 .blocks-4 > li, | |
1246 .blocks-5 > li, | |
1247 .blocks-6 > li { | |
1248 float: none; | |
1249 margin-left: 0; | |
1250 width: 100%; | |
1251 } | |
1252 .blocks-mobile-50 > li, | |
1253 .blocks-mobile-33 > li { | |
1254 float: left; | |
1255 margin-left: 3%; | |
1256 } | |
1257 .blocks-mobile-33, | |
1258 .blocks-mobile-50 { | |
1259 margin-left: -3%; | |
1260 } | |
1261 .blocks-mobile-50 > li { | |
1262 width: 47%; | |
1263 } | |
1264 .blocks-mobile-33 > li { | |
1265 width: 30.333333333333332%; | |
1266 } | |
1267 } | |
1268 /* =Tables | |
1269 -----------------------------------------------------------------------------*/ | |
1270 table.table-bordered td, | |
1271 table.table-bordered th { | |
1272 border: 1px solid #ddd; | |
1273 } | |
1274 table.table-simple td, | |
1275 table.table-simple th, | |
1276 table.table-simple caption { | |
1277 border: none; | |
1278 padding-left: 0; | |
1279 } | |
1280 table.table-flat td, | |
1281 table.table-flat th, | |
1282 table.table-flat caption { | |
1283 border: none; | |
1284 padding: 0; | |
1285 } | |
1286 table.table-striped tbody tr:nth-child(odd) td { | |
1287 background-color: #f8f8f8; | |
1288 } | |
1289 table.table-hovered tbody tr:hover td { | |
1290 background-color: #f4f4f4; | |
1291 } | |
1292 /* Responsive Tables */ | |
1293 .table-container { | |
1294 width: 100%; | |
1295 overflow: auto; | |
1296 margin-bottom: 1.618em; | |
1297 } | |
1298 .table-container table { | |
1299 margin-bottom: 0; | |
1300 } | |
1301 .table-container::-webkit-scrollbar { | |
1302 -webkit-appearance: none; | |
1303 width: 14px; | |
1304 height: 14px; | |
1305 } | |
1306 .table-container::-webkit-scrollbar-thumb { | |
1307 border-radius: 8px; | |
1308 border: 3px solid #fff; | |
1309 background-color: rgba(0, 0, 0, 0.3); | |
1310 } | |
1311 /* =Forms | |
1312 -----------------------------------------------------------------------------*/ | |
1313 .forms label { | |
1314 display: block; | |
1315 margin-bottom: 1.0786666666666667em; | |
1316 } | |
1317 .forms input[type="text"], | |
1318 .forms input[type="password"], | |
1319 .forms input[type="email"], | |
1320 .forms input[type="url"], | |
1321 .forms input[type="phone"], | |
1322 .forms input[type="tel"], | |
1323 .forms input[type="number"], | |
1324 .forms input[type="datetime"], | |
1325 .forms input[type="date"], | |
1326 .forms input[type="month"], | |
1327 .forms input[type="color"], | |
1328 .forms input[type="time"], | |
1329 .forms input[type="search"], | |
1330 .forms input[type="range"], | |
1331 .forms input[type="file"], | |
1332 .forms input[type="datetime-local"], | |
1333 .forms textarea, | |
1334 .forms select { | |
1335 display: block; | |
1336 } | |
1337 .forms-inline-list input[type="text"], | |
1338 .forms-inline-list input[type="password"], | |
1339 .forms-inline-list input[type="email"], | |
1340 .forms-inline-list input[type="url"], | |
1341 .forms-inline-list input[type="phone"], | |
1342 .forms-inline-list input[type="tel"], | |
1343 .forms-inline-list input[type="number"], | |
1344 .forms-inline-list input[type="datetime"], | |
1345 .forms-inline-list input[type="date"], | |
1346 .forms-inline-list input[type="month"], | |
1347 .forms-inline-list input[type="color"], | |
1348 .forms-inline-list input[type="time"], | |
1349 .forms-inline-list input[type="search"], | |
1350 .forms-inline-list input[type="range"], | |
1351 .forms-inline-list input[type="file"], | |
1352 .forms-inline-list input[type="datetime-local"], | |
1353 .forms-inline-list textarea, | |
1354 .forms-inline-list select { | |
1355 display: inline-block; | |
1356 } | |
1357 .forms-list, | |
1358 .forms-inline-list { | |
1359 margin: 0; | |
1360 padding: 0; | |
1361 margin-bottom: 1.0786666666666667em; | |
1362 list-style: none; | |
1363 } | |
1364 .forms-list label, | |
1365 .forms-inline-list li, | |
1366 .forms-inline-list li label { | |
1367 display: inline-block; | |
1368 margin-bottom: 0; | |
1369 } | |
1370 .forms-inline-list li label { | |
1371 margin-right: 0.809em; | |
1372 } | |
1373 .forms-inline-list li { | |
1374 margin-bottom: 3px; | |
1375 } | |
1376 .forms-list li { | |
1377 margin-bottom: 6px; | |
1378 } | |
1379 .forms-desc { | |
1380 margin-top: 4px; | |
1381 color: rgba(0, 0, 0, 0.4); | |
1382 font-size: 0.85em; | |
1383 line-height: 1.4em; | |
1384 } | |
1385 input[type="text"], | |
1386 input[type="password"], | |
1387 input[type="email"], | |
1388 input[type="url"], | |
1389 input[type="phone"], | |
1390 input[type="tel"], | |
1391 input[type="number"], | |
1392 input[type="datetime"], | |
1393 input[type="date"], | |
1394 input[type="month"], | |
1395 input[type="color"], | |
1396 input[type="time"], | |
1397 input[type="search"], | |
1398 input[type="datetime-local"], | |
1399 textarea { | |
1400 -moz-transition: border ease 0.5s; | |
1401 transition: border ease 0.5s; | |
1402 } | |
1403 /* States */ | |
1404 .error, | |
1405 .success { | |
1406 font-weight: normal; | |
1407 font-size: 0.85em; | |
1408 } | |
1409 input.input-error, | |
1410 textarea.input-error, | |
1411 select.input-error, | |
1412 .input-error { | |
1413 border-color: #d70a16; | |
1414 box-shadow: 0 0 0 2px rgba(215, 10, 22, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; | |
1415 } | |
1416 input.input-success, | |
1417 textarea.input-success, | |
1418 select.input-success, | |
1419 .input-success { | |
1420 border-color: #159776; | |
1421 box-shadow: 0 0 0 2px rgba(21, 151, 118, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; | |
1422 } | |
1423 input.input-gray, | |
1424 textarea.input-gray, | |
1425 select.input-gray, | |
1426 .input-gray { | |
1427 border-color: #ccc; | |
1428 box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; | |
1429 } | |
1430 input[type="text"]:focus, | |
1431 input[type="password"]:focus, | |
1432 input[type="email"]:focus, | |
1433 input[type="url"]:focus, | |
1434 input[type="phone"]:focus, | |
1435 input[type="tel"]:focus, | |
1436 input[type="number"]:focus, | |
1437 input[type="datetime"]:focus, | |
1438 input[type="date"]:focus, | |
1439 input[type="month"]:focus, | |
1440 input[type="color"]:focus, | |
1441 input[type="time"]:focus, | |
1442 input[type="search"]:focus, | |
1443 input[type="datetime-local"]:focus, | |
1444 textarea:focus { | |
1445 outline: none; | |
1446 border-color: #5ca9e4; | |
1447 box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; | |
1448 } | |
1449 input.input-search, | |
1450 input[type="search"] { | |
1451 padding-right: .5em; | |
1452 padding-left: .5em; | |
1453 margin-bottom: 0; | |
1454 border-radius: 15px; | |
1455 } | |
1456 /* Sizes */ | |
1457 .input-big, | |
1458 .input-small, | |
1459 .input-small-super { | |
1460 padding: .3em 1.75em; | |
1461 } | |
1462 .input-big { | |
1463 font-size: 1.25em; | |
1464 } | |
1465 .input-small { | |
1466 font-size: 0.85em; | |
1467 } | |
1468 .input-small-super { | |
1469 font-size: 0.65em; | |
1470 } | |
1471 /* Append & Prepend */ | |
1472 .input-groups { | |
1473 display: table !important; | |
1474 } | |
1475 .input-groups input { | |
1476 width: 100%; | |
1477 } | |
1478 .input-groups input, | |
1479 .input-groups .input-append, | |
1480 .input-groups .input-prepend, | |
1481 .input-groups .btn-append { | |
1482 display: table-cell !important; | |
1483 } | |
1484 .input-groups .btn-append, | |
1485 .input-groups .input-append, | |
1486 .input-groups .input-prepend { | |
1487 width: 1%; | |
1488 vertical-align: middle; | |
1489 } | |
1490 .input-groups .input-append, | |
1491 .input-groups .input-prepend { | |
1492 background-color: #eee; | |
1493 border: 1px solid #ccc; | |
1494 margin: 0; | |
1495 padding: .35em .75em .25em .75em; | |
1496 color: rgba(0, 0, 0, 0.5); | |
1497 line-height: 1.618em; | |
1498 font-size: 0.85em; | |
1499 white-space: nowrap; | |
1500 } | |
1501 .input-groups .input-prepend { | |
1502 border-right: none; | |
1503 } | |
1504 .input-groups .input-append { | |
1505 position: relative; | |
1506 z-index: 1; | |
1507 border-left: none; | |
1508 } | |
1509 .input-groups .btn-append .btn { | |
1510 display: block; | |
1511 height: auto; | |
1512 border-radius: 0 2px 2px 0; | |
1513 } | |
1514 /* =Mobile (Portrait) | |
1515 -----------------------------------------------------------------------------*/ | |
1516 @media only screen and (max-width: 767px) { | |
1517 .forms-list label { | |
1518 display: inline-block; | |
1519 } | |
1520 } | |
1521 /* =Navs | |
1522 -----------------------------------------------------------------------------*/ | |
1523 /* NavBar */ | |
1524 .navbar { | |
1525 margin-bottom: 1.618em; | |
1526 } | |
1527 .navbar:after { | |
1528 content: ""; | |
1529 display: table; | |
1530 clear: both; | |
1531 } | |
1532 .navbar:after { | |
1533 content: ""; | |
1534 display: table; | |
1535 clear: both; | |
1536 } | |
1537 .navbar-left { | |
1538 float: left; | |
1539 } | |
1540 .navbar-right { | |
1541 float: right; | |
1542 } | |
1543 .navbar ul { | |
1544 list-style: none; | |
1545 margin: 0; | |
1546 } | |
1547 .navbar ul:after { | |
1548 content: ""; | |
1549 display: table; | |
1550 clear: both; | |
1551 } | |
1552 .navbar ul:after { | |
1553 content: ""; | |
1554 display: table; | |
1555 clear: both; | |
1556 } | |
1557 .navbar ul li { | |
1558 float: left; | |
1559 margin-right: 1.618em; | |
1560 } | |
1561 .navbar-right ul li { | |
1562 margin-right: 0; | |
1563 margin-left: 1.618em; | |
1564 } | |
1565 .navbar ul li a, | |
1566 .navbar ul li span { | |
1567 display: block; | |
1568 text-decoration: none; | |
1569 } | |
1570 .navbar ul li a:hover { | |
1571 color: #d70a16; | |
1572 } | |
1573 .navbar ul li.active a, | |
1574 .navbar ul li span { | |
1575 text-decoration: none; | |
1576 cursor: text; | |
1577 color: rgba(0, 0, 0, 0.4); | |
1578 } | |
1579 /* Fullwidth */ | |
1580 .fullwidth ul { | |
1581 width: 100%; | |
1582 } | |
1583 .fullwidth li { | |
1584 float: none !important; | |
1585 margin: 0; | |
1586 display: table-cell; | |
1587 width: 1%; | |
1588 text-align: center; | |
1589 } | |
1590 .fullwidth li a, | |
1591 .fullwidth li span { | |
1592 display: block; | |
1593 } | |
1594 /* Vertical */ | |
1595 .nav { | |
1596 margin-bottom: 1.618em; | |
1597 } | |
1598 .nav ul { | |
1599 list-style: none; | |
1600 margin: 0; | |
1601 } | |
1602 .nav ul li ul { | |
1603 margin-left: 2em; | |
1604 font-size: .95em; | |
1605 } | |
1606 .nav ul li a, | |
1607 .nav ul li span { | |
1608 display: block; | |
1609 padding: 5px 0; | |
1610 } | |
1611 .nav ul li ul li a, | |
1612 .nav ul li ul li span { | |
1613 padding: 4px 0; | |
1614 } | |
1615 .nav ul li a { | |
1616 text-decoration: none; | |
1617 } | |
1618 .nav ul li a:hover { | |
1619 color: #d70a16; | |
1620 text-decoration: underline; | |
1621 } | |
1622 .nav ul li.active a, | |
1623 .nav ul li span { | |
1624 text-decoration: none; | |
1625 cursor: text; | |
1626 color: rgba(0, 0, 0, 0.4); | |
1627 } | |
1628 /* Stroked */ | |
1629 .nav-stroked li { | |
1630 border-bottom: 1px solid #eee; | |
1631 } | |
1632 .nav-stroked li:last-child { | |
1633 border-bottom: none; | |
1634 } | |
1635 /* Stacked */ | |
1636 .nav-stacked ul { | |
1637 border: 1px solid #eee; | |
1638 border-bottom: 0; | |
1639 } | |
1640 .nav-stacked ul li { | |
1641 border-bottom: 1px solid #eee; | |
1642 } | |
1643 .nav-stacked ul li a, | |
1644 .nav-stacked ul li span { | |
1645 padding: 5px 10px; | |
1646 } | |
1647 .nav-stacked ul li a:hover { | |
1648 background-color: #f5f5f5; | |
1649 } | |
1650 /* Stats */ | |
1651 .nav-stats li { | |
1652 position: relative; | |
1653 } | |
1654 .nav-stats li a, | |
1655 .nav-stats li span { | |
1656 padding-right: 50px; | |
1657 } | |
1658 .nav-stats sup { | |
1659 position: absolute; | |
1660 top: 50%; | |
1661 right: 0; | |
1662 color: rgba(0, 0, 0, 0.4); | |
1663 } | |
1664 .nav-stats.nav-stacked sup { | |
1665 right: .5em; | |
1666 } | |
1667 /* Breadcrumbs */ | |
1668 .breadcrumbs { | |
1669 margin-bottom: 1.618em; | |
1670 } | |
1671 .breadcrumbs:after { | |
1672 content: ""; | |
1673 display: table; | |
1674 clear: both; | |
1675 } | |
1676 .breadcrumbs:after { | |
1677 content: ""; | |
1678 display: table; | |
1679 clear: both; | |
1680 } | |
1681 .breadcrumbs ul { | |
1682 font-size: .9em; | |
1683 color: rgba(0, 0, 0, 0.4); | |
1684 list-style: none; | |
1685 margin: 0; | |
1686 } | |
1687 .breadcrumbs ul:after { | |
1688 content: ""; | |
1689 display: table; | |
1690 clear: both; | |
1691 } | |
1692 .breadcrumbs ul:after { | |
1693 content: ""; | |
1694 display: table; | |
1695 clear: both; | |
1696 } | |
1697 .breadcrumbs ul li { | |
1698 float: left; | |
1699 margin-right: 3px; | |
1700 } | |
1701 .breadcrumbs li + li:before { | |
1702 content: " > "; | |
1703 color: #aaa; | |
1704 font-size: 12px; | |
1705 margin: 0 3px; | |
1706 position: relative; | |
1707 top: -1px; | |
1708 } | |
1709 .breadcrumbs-sections li + li:before { | |
1710 content: " | "; | |
1711 top: 0; | |
1712 } | |
1713 .breadcrumbs-path li + li:before { | |
1714 content: " / "; | |
1715 top: 0; | |
1716 } | |
1717 .breadcrumbs ul li a { | |
1718 color: #0f0f0f; | |
1719 text-decoration: none; | |
1720 } | |
1721 .breadcrumbs ul li.active a, | |
1722 .breadcrumbs ul li.active a:hover { | |
1723 text-decoration: none; | |
1724 cursor: text; | |
1725 color: rgba(0, 0, 0, 0.4); | |
1726 } | |
1727 .breadcrumbs ul li a:hover { | |
1728 color: #0f0f0f; | |
1729 text-decoration: underline; | |
1730 } | |
1731 /* =Pagination | |
1732 -----------------------------------------------------------------------------*/ | |
1733 .pagination { | |
1734 position: relative; | |
1735 left: -9px; | |
1736 margin-left: 0; | |
1737 list-style: none; | |
1738 } | |
1739 .pagination:after { | |
1740 content: ""; | |
1741 display: table; | |
1742 clear: both; | |
1743 } | |
1744 .pagination:after { | |
1745 content: ""; | |
1746 display: table; | |
1747 clear: both; | |
1748 } | |
1749 .pagination li { | |
1750 float: left; | |
1751 margin-right: 2px; | |
1752 } | |
1753 .pagination li a, | |
1754 .pagination li span { | |
1755 display: block; | |
1756 padding: 7px 9px; | |
1757 line-height: 1; | |
1758 border-radius: 2px; | |
1759 color: #0f0f0f; | |
1760 text-decoration: none; | |
1761 } | |
1762 .pagination li span, | |
1763 .pagination li.active a, | |
1764 .pagination li.active a:hover { | |
1765 border: 1px solid #ddd; | |
1766 background: none; | |
1767 cursor: text; | |
1768 } | |
1769 .pagination li a:focus, | |
1770 .pagination li a:hover { | |
1771 text-decoration: none; | |
1772 background-color: #0f0f0f; | |
1773 color: #fff; | |
1774 border: 1px solid transparent; | |
1775 } | |
1776 /* =Responsive | |
1777 -----------------------------------------------------------------------------*/ | |
1778 @media only screen and (max-width: 767px) { | |
1779 .navbar-left, | |
1780 .navbar-right, | |
1781 .navbar ul li, | |
1782 .navbar-right ul li { | |
1783 float: none; | |
1784 text-align: center; | |
1785 } | |
1786 .navbar ul li, | |
1787 .navbar-right ul li { | |
1788 margin-left: 0; | |
1789 margin-right: 0; | |
1790 } | |
1791 .fullwidth ul { | |
1792 width: auto; | |
1793 } | |
1794 .fullwidth li { | |
1795 display: block; | |
1796 width: auto; | |
1797 } | |
1798 } | |
1799 /* =Buttons | |
1800 -----------------------------------------------------------------------------*/ | |
1801 .btn { | |
1802 display: inline-block; | |
1803 vertical-align: top; | |
1804 font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif; | |
1805 font-size: 1em; | |
1806 font-weight: 400; | |
1807 line-height: 1.618em; | |
1808 text-align: center; | |
1809 text-decoration: none; | |
1810 color: #333333; | |
1811 margin: 0; | |
1812 border: 1px solid transparent; | |
1813 border-radius: 2px; | |
1814 box-shadow: none; | |
1815 cursor: pointer; | |
1816 background: #eeeded; | |
1817 padding: .3em 1.3em; | |
1818 } | |
1819 .btn:hover { | |
1820 color: rgba(0, 0, 0, 0.5); | |
1821 background: #dbdada; | |
1822 } | |
1823 .btn::-moz-focus-inner { | |
1824 border: 0; | |
1825 padding: 0; | |
1826 } | |
1827 .btn-big { | |
1828 font-size: 1.25em; | |
1829 } | |
1830 .btn-small { | |
1831 font-size: 0.85em; | |
1832 } | |
1833 .btn-small-super { | |
1834 font-size: 0.65em; | |
1835 vertical-align: baseline; | |
1836 } | |
1837 .btn-outline { | |
1838 background: none; | |
1839 border: 1px solid #ddd; | |
1840 } | |
1841 .btn-blue, | |
1842 .btn-red, | |
1843 .btn-green, | |
1844 .btn-black { | |
1845 color: rgba(255, 255, 255, 0.9); | |
1846 } | |
1847 .btn-blue:hover, | |
1848 .btn-red:hover, | |
1849 .btn-green:hover, | |
1850 .btn-black:hover { | |
1851 color: rgba(255, 255, 255, 0.6); | |
1852 } | |
1853 .btn-white { | |
1854 background: #fff; | |
1855 } | |
1856 .btn-white:hover { | |
1857 background: #f2f2f2; | |
1858 } | |
1859 .btn-white.btn-outline { | |
1860 background: none; | |
1861 border-color: rgba(255, 255, 255, 0.85); | |
1862 color: rgba(255, 255, 255, 0.85); | |
1863 } | |
1864 .btn-white.btn-outline:hover { | |
1865 color: rgba(0, 0, 0, 0.9); | |
1866 background: #fff; | |
1867 } | |
1868 .btn-blue.btn-outline { | |
1869 background: none; | |
1870 border-color: #3d58a8; | |
1871 color: #3d58a8; | |
1872 } | |
1873 .btn-blue.btn-outline:hover { | |
1874 color: rgba(255, 255, 255, 0.9); | |
1875 background: #3d58a8; | |
1876 } | |
1877 .btn-red.btn-outline { | |
1878 background: none; | |
1879 border-color: #d70a16; | |
1880 color: #d70a16; | |
1881 } | |
1882 .btn-red.btn-outline:hover { | |
1883 color: rgba(255, 255, 255, 0.9); | |
1884 background: #d70a16; | |
1885 } | |
1886 .btn-green.btn-outline { | |
1887 background: none; | |
1888 border-color: #159776; | |
1889 color: #159776; | |
1890 } | |
1891 .btn-green.btn-outline:hover { | |
1892 color: rgba(255, 255, 255, 0.9); | |
1893 background: #159776; | |
1894 } | |
1895 .btn-black.btn-outline { | |
1896 background: none; | |
1897 border-color: #0f0f0f; | |
1898 color: #0f0f0f; | |
1899 } | |
1900 .btn-black.btn-outline:hover { | |
1901 color: rgba(255, 255, 255, 0.9); | |
1902 background: #0f0f0f; | |
1903 } | |
1904 .btn-blue { | |
1905 background: #3d58a8; | |
1906 } | |
1907 .btn-blue:hover { | |
1908 background: #2f4483; | |
1909 } | |
1910 .btn-red { | |
1911 background: #d70a16; | |
1912 } | |
1913 .btn-red:hover { | |
1914 background: #a60811; | |
1915 } | |
1916 .btn-green { | |
1917 background: #159776; | |
1918 } | |
1919 .btn-green:hover { | |
1920 background: #0f6a53; | |
1921 } | |
1922 .btn-yellow { | |
1923 background: #fddc43; | |
1924 color: #000; | |
1925 } | |
1926 .btn-yellow:hover { | |
1927 background: #e7be02; | |
1928 } | |
1929 .btn-black { | |
1930 background: #000; | |
1931 } | |
1932 .btn-black:hover { | |
1933 background: #333333; | |
1934 } | |
1935 .btn-active, | |
1936 .btn[disabled], | |
1937 .btn-disabled { | |
1938 background: none; | |
1939 background: #dbdada; | |
1940 color: rgba(0, 0, 0, 0.5); | |
1941 } | |
1942 .btn-active:hover, | |
1943 .btn[disabled]:hover, | |
1944 .btn-disabled:hover { | |
1945 color: rgba(0, 0, 0, 0.5); | |
1946 } | |
1947 .btn-active { | |
1948 border-top-color: #aaa; | |
1949 border-right-color: #bbb; | |
1950 border-left-color: #bbb; | |
1951 border-bottom-color: #ccc; | |
1952 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; | |
1953 } | |
1954 .btn-outline.btn[disabled], | |
1955 .btn-outline.btn-disabled { | |
1956 background: none; | |
1957 box-shadow: none; | |
1958 color: rgba(0, 0, 0, 0.3); | |
1959 border: 1px solid rgba(0, 0, 0, 0.1); | |
1960 } | |
1961 .btn-outline.btn-active { | |
1962 background: none; | |
1963 color: rgba(0, 0, 0, 0.4); | |
1964 border-top-color: #ccc; | |
1965 border-right-color: #ccc; | |
1966 border-left-color: #ccc; | |
1967 border-bottom-color: #ddd; | |
1968 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; | |
1969 } | |
1970 .btn[disabled], | |
1971 .btn-disabled { | |
1972 cursor: default; | |
1973 box-shadow: none; | |
1974 } | |
1975 .btn-blue.btn-active, | |
1976 .btn-red.btn-active, | |
1977 .btn-green.btn-active, | |
1978 .btn-black.btn-active { | |
1979 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset; | |
1980 } | |
1981 .btn-blue.btn-active, | |
1982 .btn-red.btn-active, | |
1983 .btn-green.btn-active, | |
1984 .btn-black.btn-active, | |
1985 .btn-blue.btn-disabled, | |
1986 .btn-red.btn-disabled, | |
1987 .btn-green.btn-disabled, | |
1988 .btn-black.btn-disabled, | |
1989 .btn-blue[disabled], | |
1990 .btn-red[disabled], | |
1991 .btn-green[disabled], | |
1992 .btn-black[disabled] { | |
1993 color: rgba(255, 255, 255, 0.6); | |
1994 } | |
1995 .btn-blue.btn-active:hover, | |
1996 .btn-red.btn-active:hover, | |
1997 .btn-green.btn-active:hover, | |
1998 .btn-black.btn-active:hover, | |
1999 .btn-blue.btn-disabled:hover, | |
2000 .btn-red.btn-disabled:hover, | |
2001 .btn-green.btn-disabled:hover, | |
2002 .btn-black.btn-disabled:hover, | |
2003 .btn-blue[disabled]:hover, | |
2004 .btn-red[disabled]:hover, | |
2005 .btn-green[disabled]:hover, | |
2006 .btn-black[disabled]:hover { | |
2007 color: rgba(255, 255, 255, 0.6); | |
2008 } | |
2009 .btn-white.btn-active { | |
2010 border-color: #ccc; | |
2011 border-bottom-color: #ddd; | |
2012 } | |
2013 .btn-blue.btn-active { | |
2014 border-color: #2f4483; | |
2015 } | |
2016 .btn-green.btn-active { | |
2017 border-color: #0f6a53; | |
2018 } | |
2019 .btn-red.btn-active { | |
2020 border-color: #a60811; | |
2021 } | |
2022 .btn-yellow.btn-active { | |
2023 border-color: #be9d02; | |
2024 } | |
2025 .btn-black.btn-active { | |
2026 border-color: #000; | |
2027 } | |
2028 .btn-white.btn-active, | |
2029 .btn-white.btn-disabled, | |
2030 .btn-white[disabled] { | |
2031 background: #f2f2f2; | |
2032 } | |
2033 .btn-blue.btn-active, | |
2034 .btn-blue.btn-disabled, | |
2035 .btn-blue[disabled] { | |
2036 background: #2f4483; | |
2037 } | |
2038 .btn-red.btn-active, | |
2039 .btn-red.btn-disabled, | |
2040 .btn-red[disabled] { | |
2041 background: #a60811; | |
2042 } | |
2043 .btn-green.btn-active, | |
2044 .btn-green.btn-disabled, | |
2045 .btn-green[disabled] { | |
2046 background: #0f6a53; | |
2047 } | |
2048 .btn-yellow.btn-active, | |
2049 .btn-yellow.btn-disabled, | |
2050 .btn-yellow[disabled] { | |
2051 background: #e7be02; | |
2052 } | |
2053 .btn-black.btn-active, | |
2054 .btn-black.btn-disabled, | |
2055 .btn-black[disabled] { | |
2056 background: #4d4d4d; | |
2057 } | |
2058 /* =Helpers | |
2059 -----------------------------------------------------------------------------*/ | |
2060 .group:after { | |
2061 content: ""; | |
2062 display: table; | |
2063 clear: both; | |
2064 } | |
2065 .group:after { | |
2066 content: ""; | |
2067 display: table; | |
2068 clear: both; | |
2069 } | |
2070 .big { | |
2071 font-size: 1.25em; | |
2072 } | |
2073 .small { | |
2074 font-size: 0.85em; | |
2075 } | |
2076 .small-super { | |
2077 font-size: 0.65em; | |
2078 } | |
2079 .nowrap, | |
2080 .nowrap td { | |
2081 white-space: nowrap; | |
2082 } | |
2083 .req, | |
2084 .required { | |
2085 font-weight: normal; | |
2086 color: #d70a16; | |
2087 } | |
2088 .color-gray { | |
2089 color: #777; | |
2090 } | |
2091 .color-gray-light { | |
2092 color: #999; | |
2093 } | |
2094 .color-black { | |
2095 color: #000; | |
2096 } | |
2097 .color-red, | |
2098 .error { | |
2099 color: #d70a16; | |
2100 } | |
2101 .color-green, | |
2102 .success { | |
2103 color: #159776; | |
2104 } | |
2105 .text-centered { | |
2106 text-align: center; | |
2107 } | |
2108 .text-right { | |
2109 text-align: right; | |
2110 } | |
2111 .last { | |
2112 margin-right: 0 !important; | |
2113 } | |
2114 .pause { | |
2115 margin-bottom: 0.809em !important; | |
2116 } | |
2117 .end { | |
2118 margin-bottom: 0 !important; | |
2119 } | |
2120 .normal { | |
2121 font-weight: normal; | |
2122 } | |
2123 .bold { | |
2124 font-weight: bold; | |
2125 } | |
2126 .italic { | |
2127 font-style: italic; | |
2128 } | |
2129 .left { | |
2130 float: left; | |
2131 } | |
2132 .right { | |
2133 float: right; | |
2134 } | |
2135 /* Responsive embedded objects */ | |
2136 .video-wrapper { | |
2137 height: 0; | |
2138 padding-bottom: 56.25%; | |
2139 position: relative; | |
2140 margin-bottom: 1.618em; | |
2141 } | |
2142 .video-wrapper iframe, | |
2143 .video-wrapper object, | |
2144 .video-wrapper embed { | |
2145 position: absolute; | |
2146 top: 0; | |
2147 left: 0; | |
2148 width: 100%; | |
2149 height: 100%; | |
2150 } | |
2151 /* =Responsive | |
2152 -----------------------------------------------------------------------------*/ | |
2153 @media only screen and (max-width: 767px) { | |
2154 .left, | |
2155 .right { | |
2156 float: none; | |
2157 } | |
2158 } | |
2159 /* string content */ | |
2160 .str { | |
2161 color: #dd1144; | |
2162 } | |
2163 /* a keyword */ | |
2164 .kwd { | |
2165 color: #333333; | |
2166 } | |
2167 /* a comment */ | |
2168 .com { | |
2169 color: #999988; | |
2170 } | |
2171 /* a type name */ | |
2172 .typ { | |
2173 color: #445588; | |
2174 } | |
2175 /* a literal value */ | |
2176 .lit { | |
2177 color: #445588; | |
2178 } | |
2179 /* punctuation */ | |
2180 .pun { | |
2181 color: #888; | |
2182 } | |
2183 /* lisp open bracket */ | |
2184 .opn { | |
2185 color: #333333; | |
2186 } | |
2187 /* lisp close bracket */ | |
2188 .clo { | |
2189 color: #333333; | |
2190 } | |
2191 /* a markup tag name */ | |
2192 .tag { | |
2193 color: #367ac3; | |
2194 } | |
2195 /* a markup attribute name */ | |
2196 .atn { | |
2197 color: #51a7c9; | |
2198 } | |
2199 /* a markup attribute value */ | |
2200 .atv { | |
2201 color: #709c1a; | |
2202 } | |
2203 /* a declaration */ | |
2204 .dec { | |
2205 color: #666; | |
2206 } | |
2207 /* a variable name */ | |
2208 .var { | |
2209 color: teal; | |
2210 } | |
2211 /* a function name */ | |
2212 .fun { | |
2213 color: #990000; | |
2214 } | |
2215 @media print { | |
2216 * { | |
2217 text-shadow: none !important; | |
2218 color: #000 !important; | |
2219 background: transparent !important; | |
2220 box-shadow: none !important; | |
2221 font-size: 12pt; | |
2222 } | |
2223 h1 { | |
2224 font-size: 36pt; | |
2225 } | |
2226 h2 { | |
2227 font-size: 24pt; | |
2228 } | |
2229 h3 { | |
2230 font-size: 18pt; | |
2231 } | |
2232 h4 { | |
2233 font-size: 14pt; | |
2234 } | |
2235 h5 { | |
2236 font-size: 12pt; | |
2237 } | |
2238 h6 { | |
2239 font-size: 12pt; | |
2240 } | |
2241 a, | |
2242 a:visited { | |
2243 text-decoration: underline; | |
2244 } | |
2245 a[href]:after { | |
2246 content: " (" attr(href) ")"; | |
2247 } | |
2248 abbr[title]:after { | |
2249 content: " (" attr(title) ")"; | |
2250 } | |
2251 a[href^="javascript:"]:after, | |
2252 a[href^="#"]:after { | |
2253 content: ""; | |
2254 } | |
2255 pre, | |
2256 blockquote { | |
2257 page-break-inside: avoid; | |
2258 } | |
2259 blockquote { | |
2260 border: none; | |
2261 font-style: italic; | |
2262 } | |
2263 img { | |
2264 max-width: 100% !important; | |
2265 } | |
2266 select { | |
2267 background: #fff !important; | |
2268 } | |
2269 } |