]> Git — Sourcephile - gargantext.git/blob - ekg-assets/bootstrap-1.4.0.css
[conduit] some refactoring
[gargantext.git] / ekg-assets / bootstrap-1.4.0.css
1 /*!
2 * Bootstrap v1.4.0
3 *
4 * Copyright 2011 Twitter, Inc
5 * Licensed under the Apache License v2.0
6 * http://www.apache.org/licenses/LICENSE-2.0
7 *
8 * Designed and built with all the love in the world @twitter by @mdo and @fat.
9 * Date: Thu Nov 3 17:06:17 PDT 2011
10 */
11 /* Reset.less
12 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
13 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
14 html, body {
15 margin: 0;
16 padding: 0;
17 }
18 h1,
19 h2,
20 h3,
21 h4,
22 h5,
23 h6,
24 p,
25 blockquote,
26 pre,
27 a,
28 abbr,
29 acronym,
30 address,
31 cite,
32 code,
33 del,
34 dfn,
35 em,
36 img,
37 q,
38 s,
39 samp,
40 small,
41 strike,
42 strong,
43 sub,
44 sup,
45 tt,
46 var,
47 dd,
48 dl,
49 dt,
50 li,
51 ol,
52 ul,
53 fieldset,
54 form,
55 label,
56 legend,
57 button,
58 table,
59 caption,
60 tbody,
61 tfoot,
62 thead,
63 tr,
64 th,
65 td {
66 margin: 0;
67 padding: 0;
68 border: 0;
69 font-weight: normal;
70 font-style: normal;
71 font-size: 100%;
72 line-height: 1;
73 font-family: inherit;
74 }
75 table {
76 border-collapse: collapse;
77 border-spacing: 0;
78 }
79 ol, ul {
80 list-style: none;
81 }
82 q:before,
83 q:after,
84 blockquote:before,
85 blockquote:after {
86 content: "";
87 }
88 html {
89 overflow-y: scroll;
90 font-size: 100%;
91 -webkit-text-size-adjust: 100%;
92 -ms-text-size-adjust: 100%;
93 }
94 a:focus {
95 outline: thin dotted;
96 }
97 a:hover, a:active {
98 outline: 0;
99 }
100 article,
101 aside,
102 details,
103 figcaption,
104 figure,
105 footer,
106 header,
107 hgroup,
108 nav,
109 section {
110 display: block;
111 }
112 audio, canvas, video {
113 display: inline-block;
114 *display: inline;
115 *zoom: 1;
116 }
117 audio:not([controls]) {
118 display: none;
119 }
120 sub, sup {
121 font-size: 75%;
122 line-height: 0;
123 position: relative;
124 vertical-align: baseline;
125 }
126 sup {
127 top: -0.5em;
128 }
129 sub {
130 bottom: -0.25em;
131 }
132 img {
133 border: 0;
134 -ms-interpolation-mode: bicubic;
135 }
136 button,
137 input,
138 select,
139 textarea {
140 font-size: 100%;
141 margin: 0;
142 vertical-align: baseline;
143 *vertical-align: middle;
144 }
145 button, input {
146 line-height: normal;
147 *overflow: visible;
148 }
149 button::-moz-focus-inner, input::-moz-focus-inner {
150 border: 0;
151 padding: 0;
152 }
153 button,
154 input[type="button"],
155 input[type="reset"],
156 input[type="submit"] {
157 cursor: pointer;
158 -webkit-appearance: button;
159 }
160 input[type="search"] {
161 -webkit-appearance: textfield;
162 -webkit-box-sizing: content-box;
163 -moz-box-sizing: content-box;
164 box-sizing: content-box;
165 }
166 input[type="search"]::-webkit-search-decoration {
167 -webkit-appearance: none;
168 }
169 textarea {
170 overflow: auto;
171 vertical-align: top;
172 }
173 /* Variables.less
174 * Variables to customize the look and feel of Bootstrap
175 * ----------------------------------------------------- */
176 /* Mixins.less
177 * Snippets of reusable CSS to develop faster and keep code readable
178 * ----------------------------------------------------------------- */
179 /*
180 * Scaffolding
181 * Basic and global styles for generating a grid system, structural layout, and page templates
182 * ------------------------------------------------------------------------------------------- */
183 body {
184 background-color: #ffffff;
185 margin: 0;
186 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
187 font-size: 13px;
188 font-weight: normal;
189 line-height: 18px;
190 color: #404040;
191 }
192 .container {
193 width: 940px;
194 margin-left: auto;
195 margin-right: auto;
196 zoom: 1;
197 }
198 .container:before, .container:after {
199 display: table;
200 content: "";
201 zoom: 1;
202 }
203 .container:after {
204 clear: both;
205 }
206 .container-fluid {
207 position: relative;
208 min-width: 940px;
209 padding-left: 20px;
210 padding-right: 20px;
211 zoom: 1;
212 }
213 .container-fluid:before, .container-fluid:after {
214 display: table;
215 content: "";
216 zoom: 1;
217 }
218 .container-fluid:after {
219 clear: both;
220 }
221 .container-fluid > .sidebar {
222 position: absolute;
223 top: 0;
224 left: 20px;
225 width: 220px;
226 }
227 .container-fluid > .content {
228 margin-left: 240px;
229 }
230 a {
231 color: #0069d6;
232 text-decoration: none;
233 line-height: inherit;
234 font-weight: inherit;
235 }
236 a:hover {
237 color: #00438a;
238 text-decoration: underline;
239 }
240 .pull-right {
241 float: right;
242 }
243 .pull-left {
244 float: left;
245 }
246 .hide {
247 display: none;
248 }
249 .show {
250 display: block;
251 }
252 .row {
253 zoom: 1;
254 margin-left: -20px;
255 }
256 .row:before, .row:after {
257 display: table;
258 content: "";
259 zoom: 1;
260 }
261 .row:after {
262 clear: both;
263 }
264 .row > [class*="span"] {
265 display: inline;
266 float: left;
267 margin-left: 20px;
268 }
269 .span1 {
270 width: 40px;
271 }
272 .span2 {
273 width: 100px;
274 }
275 .span3 {
276 width: 160px;
277 }
278 .span4 {
279 width: 220px;
280 }
281 .span5 {
282 width: 280px;
283 }
284 .span6 {
285 width: 340px;
286 }
287 .span7 {
288 width: 400px;
289 }
290 .span8 {
291 width: 460px;
292 }
293 .span9 {
294 width: 520px;
295 }
296 .span10 {
297 width: 580px;
298 }
299 .span11 {
300 width: 640px;
301 }
302 .span12 {
303 width: 700px;
304 }
305 .span13 {
306 width: 760px;
307 }
308 .span14 {
309 width: 820px;
310 }
311 .span15 {
312 width: 880px;
313 }
314 .span16 {
315 width: 940px;
316 }
317 .span17 {
318 width: 1000px;
319 }
320 .span18 {
321 width: 1060px;
322 }
323 .span19 {
324 width: 1120px;
325 }
326 .span20 {
327 width: 1180px;
328 }
329 .span21 {
330 width: 1240px;
331 }
332 .span22 {
333 width: 1300px;
334 }
335 .span23 {
336 width: 1360px;
337 }
338 .span24 {
339 width: 1420px;
340 }
341 .row > .offset1 {
342 margin-left: 80px;
343 }
344 .row > .offset2 {
345 margin-left: 140px;
346 }
347 .row > .offset3 {
348 margin-left: 200px;
349 }
350 .row > .offset4 {
351 margin-left: 260px;
352 }
353 .row > .offset5 {
354 margin-left: 320px;
355 }
356 .row > .offset6 {
357 margin-left: 380px;
358 }
359 .row > .offset7 {
360 margin-left: 440px;
361 }
362 .row > .offset8 {
363 margin-left: 500px;
364 }
365 .row > .offset9 {
366 margin-left: 560px;
367 }
368 .row > .offset10 {
369 margin-left: 620px;
370 }
371 .row > .offset11 {
372 margin-left: 680px;
373 }
374 .row > .offset12 {
375 margin-left: 740px;
376 }
377 .span-one-third {
378 width: 300px;
379 }
380 .span-two-thirds {
381 width: 620px;
382 }
383 .offset-one-third {
384 margin-left: 340px;
385 }
386 .offset-two-thirds {
387 margin-left: 660px;
388 }
389 /* Typography.less
390 * Headings, body text, lists, code, and more for a versatile and durable typography system
391 * ---------------------------------------------------------------------------------------- */
392 p {
393 font-size: 13px;
394 font-weight: normal;
395 line-height: 18px;
396 margin-bottom: 9px;
397 }
398 p small {
399 font-size: 11px;
400 color: #bfbfbf;
401 }
402 h1,
403 h2,
404 h3,
405 h4,
406 h5,
407 h6 {
408 font-weight: bold;
409 color: #404040;
410 }
411 h1 small,
412 h2 small,
413 h3 small,
414 h4 small,
415 h5 small,
416 h6 small {
417 color: #bfbfbf;
418 }
419 h1 {
420 margin-bottom: 18px;
421 font-size: 30px;
422 line-height: 36px;
423 }
424 h1 small {
425 font-size: 18px;
426 }
427 h2 {
428 font-size: 24px;
429 line-height: 36px;
430 }
431 h2 small {
432 font-size: 14px;
433 }
434 h3,
435 h4,
436 h5,
437 h6 {
438 line-height: 36px;
439 }
440 h3 {
441 font-size: 18px;
442 }
443 h3 small {
444 font-size: 14px;
445 }
446 h4 {
447 font-size: 16px;
448 }
449 h4 small {
450 font-size: 12px;
451 }
452 h5 {
453 font-size: 14px;
454 }
455 h6 {
456 font-size: 13px;
457 color: #bfbfbf;
458 text-transform: uppercase;
459 }
460 ul, ol {
461 margin: 0 0 18px 25px;
462 }
463 ul ul,
464 ul ol,
465 ol ol,
466 ol ul {
467 margin-bottom: 0;
468 }
469 ul {
470 list-style: disc;
471 }
472 ol {
473 list-style: decimal;
474 }
475 li {
476 line-height: 18px;
477 color: #808080;
478 }
479 ul.unstyled {
480 list-style: none;
481 margin-left: 0;
482 }
483 dl {
484 margin-bottom: 18px;
485 }
486 dl dt, dl dd {
487 line-height: 18px;
488 }
489 dl dt {
490 font-weight: bold;
491 }
492 dl dd {
493 margin-left: 9px;
494 }
495 hr {
496 margin: 20px 0 19px;
497 border: 0;
498 border-bottom: 1px solid #eee;
499 }
500 strong {
501 font-style: inherit;
502 font-weight: bold;
503 }
504 em {
505 font-style: italic;
506 font-weight: inherit;
507 line-height: inherit;
508 }
509 .muted {
510 color: #bfbfbf;
511 }
512 blockquote {
513 margin-bottom: 18px;
514 border-left: 5px solid #eee;
515 padding-left: 15px;
516 }
517 blockquote p {
518 font-size: 14px;
519 font-weight: 300;
520 line-height: 18px;
521 margin-bottom: 0;
522 }
523 blockquote small {
524 display: block;
525 font-size: 12px;
526 font-weight: 300;
527 line-height: 18px;
528 color: #bfbfbf;
529 }
530 blockquote small:before {
531 content: '\2014 \00A0';
532 }
533 address {
534 display: block;
535 line-height: 18px;
536 margin-bottom: 18px;
537 }
538 code, pre {
539 padding: 0 3px 2px;
540 font-family: Monaco, Andale Mono, Courier New, monospace;
541 font-size: 12px;
542 -webkit-border-radius: 3px;
543 -moz-border-radius: 3px;
544 border-radius: 3px;
545 }
546 code {
547 background-color: #fee9cc;
548 color: rgba(0, 0, 0, 0.75);
549 padding: 1px 3px;
550 }
551 pre {
552 background-color: #f5f5f5;
553 display: block;
554 padding: 8.5px;
555 margin: 0 0 18px;
556 line-height: 18px;
557 font-size: 12px;
558 border: 1px solid #ccc;
559 border: 1px solid rgba(0, 0, 0, 0.15);
560 -webkit-border-radius: 3px;
561 -moz-border-radius: 3px;
562 border-radius: 3px;
563 white-space: pre;
564 white-space: pre-wrap;
565 word-wrap: break-word;
566 }
567 /* Forms.less
568 * Base styles for various input types, form layouts, and states
569 * ------------------------------------------------------------- */
570 form {
571 margin-bottom: 18px;
572 }
573 fieldset {
574 margin-bottom: 18px;
575 padding-top: 18px;
576 }
577 fieldset legend {
578 display: block;
579 padding-left: 150px;
580 font-size: 19.5px;
581 line-height: 1;
582 color: #404040;
583 *padding: 0 0 5px 145px;
584 /* IE6-7 */
585
586 *line-height: 1.5;
587 /* IE6-7 */
588
589 }
590 form .clearfix {
591 margin-bottom: 18px;
592 zoom: 1;
593 }
594 form .clearfix:before, form .clearfix:after {
595 display: table;
596 content: "";
597 zoom: 1;
598 }
599 form .clearfix:after {
600 clear: both;
601 }
602 label,
603 input,
604 select,
605 textarea {
606 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
607 font-size: 13px;
608 font-weight: normal;
609 line-height: normal;
610 }
611 label {
612 padding-top: 6px;
613 font-size: 13px;
614 line-height: 18px;
615 float: left;
616 width: 130px;
617 text-align: right;
618 color: #404040;
619 }
620 form .input {
621 margin-left: 150px;
622 }
623 input[type=checkbox], input[type=radio] {
624 cursor: pointer;
625 }
626 input,
627 textarea,
628 select,
629 .uneditable-input {
630 display: inline-block;
631 width: 210px;
632 height: 18px;
633 padding: 4px;
634 font-size: 13px;
635 line-height: 18px;
636 color: #808080;
637 border: 1px solid #ccc;
638 -webkit-border-radius: 3px;
639 -moz-border-radius: 3px;
640 border-radius: 3px;
641 }
642 select {
643 padding: initial;
644 }
645 input[type=checkbox], input[type=radio] {
646 width: auto;
647 height: auto;
648 padding: 0;
649 margin: 3px 0;
650 *margin-top: 0;
651 /* IE6-7 */
652
653 line-height: normal;
654 border: none;
655 }
656 input[type=file] {
657 background-color: #ffffff;
658 padding: initial;
659 border: initial;
660 line-height: initial;
661 -webkit-box-shadow: none;
662 -moz-box-shadow: none;
663 box-shadow: none;
664 }
665 input[type=button], input[type=reset], input[type=submit] {
666 width: auto;
667 height: auto;
668 }
669 select, input[type=file] {
670 height: 27px;
671 *height: auto;
672 line-height: 27px;
673 *margin-top: 4px;
674 /* For IE7, add top margin to align select with labels */
675
676 }
677 select[multiple] {
678 height: inherit;
679 background-color: #ffffff;
680 }
681 textarea {
682 height: auto;
683 }
684 .uneditable-input {
685 background-color: #ffffff;
686 display: block;
687 border-color: #eee;
688 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
689 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
690 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
691 cursor: not-allowed;
692 }
693 :-moz-placeholder {
694 color: #bfbfbf;
695 }
696 ::-webkit-input-placeholder {
697 color: #bfbfbf;
698 }
699 input, textarea {
700 -webkit-transform-style: preserve-3d;
701 -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
702 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
703 -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
704 -o-transition: border linear 0.2s, box-shadow linear 0.2s;
705 transition: border linear 0.2s, box-shadow linear 0.2s;
706 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
707 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
708 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
709 }
710 input:focus, textarea:focus {
711 outline: 0;
712 border-color: rgba(82, 168, 236, 0.8);
713 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
714 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
715 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
716 }
717 input[type=file]:focus, input[type=checkbox]:focus, select:focus {
718 -webkit-box-shadow: none;
719 -moz-box-shadow: none;
720 box-shadow: none;
721 outline: 1px dotted #666;
722 }
723 form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {
724 color: #b94a48;
725 }
726 form .clearfix.error input, form .clearfix.error textarea {
727 color: #b94a48;
728 border-color: #ee5f5b;
729 }
730 form .clearfix.error input:focus, form .clearfix.error textarea:focus {
731 border-color: #e9322d;
732 -webkit-box-shadow: 0 0 6px #f8b9b7;
733 -moz-box-shadow: 0 0 6px #f8b9b7;
734 box-shadow: 0 0 6px #f8b9b7;
735 }
736 form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
737 color: #b94a48;
738 background-color: #fce6e6;
739 border-color: #b94a48;
740 }
741 form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {
742 color: #c09853;
743 }
744 form .clearfix.warning input, form .clearfix.warning textarea {
745 color: #c09853;
746 border-color: #ccae64;
747 }
748 form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
749 border-color: #be9a3f;
750 -webkit-box-shadow: 0 0 6px #e5d6b1;
751 -moz-box-shadow: 0 0 6px #e5d6b1;
752 box-shadow: 0 0 6px #e5d6b1;
753 }
754 form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
755 color: #c09853;
756 background-color: #d2b877;
757 border-color: #c09853;
758 }
759 form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {
760 color: #468847;
761 }
762 form .clearfix.success input, form .clearfix.success textarea {
763 color: #468847;
764 border-color: #57a957;
765 }
766 form .clearfix.success input:focus, form .clearfix.success textarea:focus {
767 border-color: #458845;
768 -webkit-box-shadow: 0 0 6px #9acc9a;
769 -moz-box-shadow: 0 0 6px #9acc9a;
770 box-shadow: 0 0 6px #9acc9a;
771 }
772 form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
773 color: #468847;
774 background-color: #bcddbc;
775 border-color: #468847;
776 }
777 .input-mini,
778 input.mini,
779 textarea.mini,
780 select.mini {
781 width: 60px;
782 }
783 .input-small,
784 input.small,
785 textarea.small,
786 select.small {
787 width: 90px;
788 }
789 .input-medium,
790 input.medium,
791 textarea.medium,
792 select.medium {
793 width: 150px;
794 }
795 .input-large,
796 input.large,
797 textarea.large,
798 select.large {
799 width: 210px;
800 }
801 .input-xlarge,
802 input.xlarge,
803 textarea.xlarge,
804 select.xlarge {
805 width: 270px;
806 }
807 .input-xxlarge,
808 input.xxlarge,
809 textarea.xxlarge,
810 select.xxlarge {
811 width: 530px;
812 }
813 textarea.xxlarge {
814 overflow-y: auto;
815 }
816 input.span1, textarea.span1 {
817 display: inline-block;
818 float: none;
819 width: 30px;
820 margin-left: 0;
821 }
822 input.span2, textarea.span2 {
823 display: inline-block;
824 float: none;
825 width: 90px;
826 margin-left: 0;
827 }
828 input.span3, textarea.span3 {
829 display: inline-block;
830 float: none;
831 width: 150px;
832 margin-left: 0;
833 }
834 input.span4, textarea.span4 {
835 display: inline-block;
836 float: none;
837 width: 210px;
838 margin-left: 0;
839 }
840 input.span5, textarea.span5 {
841 display: inline-block;
842 float: none;
843 width: 270px;
844 margin-left: 0;
845 }
846 input.span6, textarea.span6 {
847 display: inline-block;
848 float: none;
849 width: 330px;
850 margin-left: 0;
851 }
852 input.span7, textarea.span7 {
853 display: inline-block;
854 float: none;
855 width: 390px;
856 margin-left: 0;
857 }
858 input.span8, textarea.span8 {
859 display: inline-block;
860 float: none;
861 width: 450px;
862 margin-left: 0;
863 }
864 input.span9, textarea.span9 {
865 display: inline-block;
866 float: none;
867 width: 510px;
868 margin-left: 0;
869 }
870 input.span10, textarea.span10 {
871 display: inline-block;
872 float: none;
873 width: 570px;
874 margin-left: 0;
875 }
876 input.span11, textarea.span11 {
877 display: inline-block;
878 float: none;
879 width: 630px;
880 margin-left: 0;
881 }
882 input.span12, textarea.span12 {
883 display: inline-block;
884 float: none;
885 width: 690px;
886 margin-left: 0;
887 }
888 input.span13, textarea.span13 {
889 display: inline-block;
890 float: none;
891 width: 750px;
892 margin-left: 0;
893 }
894 input.span14, textarea.span14 {
895 display: inline-block;
896 float: none;
897 width: 810px;
898 margin-left: 0;
899 }
900 input.span15, textarea.span15 {
901 display: inline-block;
902 float: none;
903 width: 870px;
904 margin-left: 0;
905 }
906 input.span16, textarea.span16 {
907 display: inline-block;
908 float: none;
909 width: 930px;
910 margin-left: 0;
911 }
912 input[disabled],
913 select[disabled],
914 textarea[disabled],
915 input[readonly],
916 select[readonly],
917 textarea[readonly] {
918 background-color: #f5f5f5;
919 border-color: #ddd;
920 cursor: not-allowed;
921 }
922 .actions {
923 background: #f5f5f5;
924 margin-top: 18px;
925 margin-bottom: 18px;
926 padding: 17px 20px 18px 150px;
927 border-top: 1px solid #ddd;
928 -webkit-border-radius: 0 0 3px 3px;
929 -moz-border-radius: 0 0 3px 3px;
930 border-radius: 0 0 3px 3px;
931 }
932 .actions .secondary-action {
933 float: right;
934 }
935 .actions .secondary-action a {
936 line-height: 30px;
937 }
938 .actions .secondary-action a:hover {
939 text-decoration: underline;
940 }
941 .help-inline, .help-block {
942 font-size: 13px;
943 line-height: 18px;
944 color: #bfbfbf;
945 }
946 .help-inline {
947 padding-left: 5px;
948 *position: relative;
949 /* IE6-7 */
950
951 *top: -5px;
952 /* IE6-7 */
953
954 }
955 .help-block {
956 display: block;
957 max-width: 600px;
958 }
959 .inline-inputs {
960 color: #808080;
961 }
962 .inline-inputs span {
963 padding: 0 2px 0 1px;
964 }
965 .input-prepend input, .input-append input {
966 -webkit-border-radius: 0 3px 3px 0;
967 -moz-border-radius: 0 3px 3px 0;
968 border-radius: 0 3px 3px 0;
969 }
970 .input-prepend .add-on, .input-append .add-on {
971 position: relative;
972 background: #f5f5f5;
973 border: 1px solid #ccc;
974 z-index: 2;
975 float: left;
976 display: block;
977 width: auto;
978 min-width: 16px;
979 height: 18px;
980 padding: 4px 4px 4px 5px;
981 margin-right: -1px;
982 font-weight: normal;
983 line-height: 18px;
984 color: #bfbfbf;
985 text-align: center;
986 text-shadow: 0 1px 0 #ffffff;
987 -webkit-border-radius: 3px 0 0 3px;
988 -moz-border-radius: 3px 0 0 3px;
989 border-radius: 3px 0 0 3px;
990 }
991 .input-prepend .active, .input-append .active {
992 background: #a9dba9;
993 border-color: #46a546;
994 }
995 .input-prepend .add-on {
996 *margin-top: 1px;
997 /* IE6-7 */
998
999 }
1000 .input-append input {
1001 float: left;
1002 -webkit-border-radius: 3px 0 0 3px;
1003 -moz-border-radius: 3px 0 0 3px;
1004 border-radius: 3px 0 0 3px;
1005 }
1006 .input-append .add-on {
1007 -webkit-border-radius: 0 3px 3px 0;
1008 -moz-border-radius: 0 3px 3px 0;
1009 border-radius: 0 3px 3px 0;
1010 margin-right: 0;
1011 margin-left: -1px;
1012 }
1013 .inputs-list {
1014 margin: 0 0 5px;
1015 width: 100%;
1016 }
1017 .inputs-list li {
1018 display: block;
1019 padding: 0;
1020 width: 100%;
1021 }
1022 .inputs-list label {
1023 display: block;
1024 float: none;
1025 width: auto;
1026 padding: 0;
1027 margin-left: 20px;
1028 line-height: 18px;
1029 text-align: left;
1030 white-space: normal;
1031 }
1032 .inputs-list label strong {
1033 color: #808080;
1034 }
1035 .inputs-list label small {
1036 font-size: 11px;
1037 font-weight: normal;
1038 }
1039 .inputs-list .inputs-list {
1040 margin-left: 25px;
1041 margin-bottom: 10px;
1042 padding-top: 0;
1043 }
1044 .inputs-list:first-child {
1045 padding-top: 6px;
1046 }
1047 .inputs-list li + li {
1048 padding-top: 2px;
1049 }
1050 .inputs-list input[type=radio], .inputs-list input[type=checkbox] {
1051 margin-bottom: 0;
1052 margin-left: -20px;
1053 float: left;
1054 }
1055 .form-stacked {
1056 padding-left: 20px;
1057 }
1058 .form-stacked fieldset {
1059 padding-top: 9px;
1060 }
1061 .form-stacked legend {
1062 padding-left: 0;
1063 }
1064 .form-stacked label {
1065 display: block;
1066 float: none;
1067 width: auto;
1068 font-weight: bold;
1069 text-align: left;
1070 line-height: 20px;
1071 padding-top: 0;
1072 }
1073 .form-stacked .clearfix {
1074 margin-bottom: 9px;
1075 }
1076 .form-stacked .clearfix div.input {
1077 margin-left: 0;
1078 }
1079 .form-stacked .inputs-list {
1080 margin-bottom: 0;
1081 }
1082 .form-stacked .inputs-list li {
1083 padding-top: 0;
1084 }
1085 .form-stacked .inputs-list li label {
1086 font-weight: normal;
1087 padding-top: 0;
1088 }
1089 .form-stacked div.clearfix.error {
1090 padding-top: 10px;
1091 padding-bottom: 10px;
1092 padding-left: 10px;
1093 margin-top: 0;
1094 margin-left: -10px;
1095 }
1096 .form-stacked .actions {
1097 margin-left: -20px;
1098 padding-left: 20px;
1099 }
1100 /*
1101 * Tables.less
1102 * Tables for, you guessed it, tabular data
1103 * ---------------------------------------- */
1104 table {
1105 width: 100%;
1106 margin-bottom: 18px;
1107 padding: 0;
1108 font-size: 13px;
1109 border-collapse: collapse;
1110 }
1111 table th, table td {
1112 padding: 10px 10px 9px;
1113 line-height: 18px;
1114 text-align: left;
1115 }
1116 table th {
1117 padding-top: 9px;
1118 font-weight: bold;
1119 vertical-align: middle;
1120 }
1121 table td {
1122 vertical-align: top;
1123 border-top: 1px solid #ddd;
1124 }
1125 table tbody th {
1126 border-top: 1px solid #ddd;
1127 vertical-align: top;
1128 }
1129 .condensed-table th, .condensed-table td {
1130 padding: 5px 5px 4px;
1131 }
1132 .bordered-table {
1133 border: 1px solid #ddd;
1134 border-collapse: separate;
1135 *border-collapse: collapse;
1136 /* IE7, collapse table to remove spacing */
1137
1138 -webkit-border-radius: 4px;
1139 -moz-border-radius: 4px;
1140 border-radius: 4px;
1141 }
1142 .bordered-table th + th, .bordered-table td + td, .bordered-table th + td {
1143 border-left: 1px solid #ddd;
1144 }
1145 .bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child {
1146 -webkit-border-radius: 4px 0 0 0;
1147 -moz-border-radius: 4px 0 0 0;
1148 border-radius: 4px 0 0 0;
1149 }
1150 .bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child {
1151 -webkit-border-radius: 0 4px 0 0;
1152 -moz-border-radius: 0 4px 0 0;
1153 border-radius: 0 4px 0 0;
1154 }
1155 .bordered-table tbody tr:last-child td:first-child {
1156 -webkit-border-radius: 0 0 0 4px;
1157 -moz-border-radius: 0 0 0 4px;
1158 border-radius: 0 0 0 4px;
1159 }
1160 .bordered-table tbody tr:last-child td:last-child {
1161 -webkit-border-radius: 0 0 4px 0;
1162 -moz-border-radius: 0 0 4px 0;
1163 border-radius: 0 0 4px 0;
1164 }
1165 table .span1 {
1166 width: 20px;
1167 }
1168 table .span2 {
1169 width: 60px;
1170 }
1171 table .span3 {
1172 width: 100px;
1173 }
1174 table .span4 {
1175 width: 140px;
1176 }
1177 table .span5 {
1178 width: 180px;
1179 }
1180 table .span6 {
1181 width: 220px;
1182 }
1183 table .span7 {
1184 width: 260px;
1185 }
1186 table .span8 {
1187 width: 300px;
1188 }
1189 table .span9 {
1190 width: 340px;
1191 }
1192 table .span10 {
1193 width: 380px;
1194 }
1195 table .span11 {
1196 width: 420px;
1197 }
1198 table .span12 {
1199 width: 460px;
1200 }
1201 table .span13 {
1202 width: 500px;
1203 }
1204 table .span14 {
1205 width: 540px;
1206 }
1207 table .span15 {
1208 width: 580px;
1209 }
1210 table .span16 {
1211 width: 620px;
1212 }
1213 .zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th {
1214 background-color: #f9f9f9;
1215 }
1216 .zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th {
1217 background-color: #f5f5f5;
1218 }
1219 table .header {
1220 cursor: pointer;
1221 }
1222 table .header:after {
1223 content: "";
1224 float: right;
1225 margin-top: 7px;
1226 border-width: 0 4px 4px;
1227 border-style: solid;
1228 border-color: #000 transparent;
1229 visibility: hidden;
1230 }
1231 table .headerSortUp, table .headerSortDown {
1232 background-color: rgba(141, 192, 219, 0.25);
1233 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1234 }
1235 table .header:hover:after {
1236 visibility: visible;
1237 }
1238 table .headerSortDown:after, table .headerSortDown:hover:after {
1239 visibility: visible;
1240 filter: alpha(opacity=60);
1241 -khtml-opacity: 0.6;
1242 -moz-opacity: 0.6;
1243 opacity: 0.6;
1244 }
1245 table .headerSortUp:after {
1246 border-bottom: none;
1247 border-left: 4px solid transparent;
1248 border-right: 4px solid transparent;
1249 border-top: 4px solid #000;
1250 visibility: visible;
1251 -webkit-box-shadow: none;
1252 -moz-box-shadow: none;
1253 box-shadow: none;
1254 filter: alpha(opacity=60);
1255 -khtml-opacity: 0.6;
1256 -moz-opacity: 0.6;
1257 opacity: 0.6;
1258 }
1259 table .blue {
1260 color: #049cdb;
1261 border-bottom-color: #049cdb;
1262 }
1263 table .headerSortUp.blue, table .headerSortDown.blue {
1264 background-color: #ade6fe;
1265 }
1266 table .green {
1267 color: #46a546;
1268 border-bottom-color: #46a546;
1269 }
1270 table .headerSortUp.green, table .headerSortDown.green {
1271 background-color: #cdeacd;
1272 }
1273 table .red {
1274 color: #9d261d;
1275 border-bottom-color: #9d261d;
1276 }
1277 table .headerSortUp.red, table .headerSortDown.red {
1278 background-color: #f4c8c5;
1279 }
1280 table .yellow {
1281 color: #ffc40d;
1282 border-bottom-color: #ffc40d;
1283 }
1284 table .headerSortUp.yellow, table .headerSortDown.yellow {
1285 background-color: #fff6d9;
1286 }
1287 table .orange {
1288 color: #f89406;
1289 border-bottom-color: #f89406;
1290 }
1291 table .headerSortUp.orange, table .headerSortDown.orange {
1292 background-color: #fee9cc;
1293 }
1294 table .purple {
1295 color: #7a43b6;
1296 border-bottom-color: #7a43b6;
1297 }
1298 table .headerSortUp.purple, table .headerSortDown.purple {
1299 background-color: #e2d5f0;
1300 }
1301 /* Patterns.less
1302 * Repeatable UI elements outside the base styles provided from the scaffolding
1303 * ---------------------------------------------------------------------------- */
1304 .topbar {
1305 height: 40px;
1306 position: fixed;
1307 top: 0;
1308 left: 0;
1309 right: 0;
1310 z-index: 10000;
1311 overflow: visible;
1312 }
1313 .topbar a {
1314 color: #bfbfbf;
1315 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1316 }
1317 .topbar h3 a:hover, .topbar .brand:hover, .topbar ul .active > a {
1318 background-color: #333;
1319 background-color: rgba(255, 255, 255, 0.05);
1320 color: #ffffff;
1321 text-decoration: none;
1322 }
1323 .topbar h3 {
1324 position: relative;
1325 }
1326 .topbar h3 a, .topbar .brand {
1327 float: left;
1328 display: block;
1329 padding: 8px 20px 12px;
1330 margin-left: -20px;
1331 color: #ffffff;
1332 font-size: 20px;
1333 font-weight: 200;
1334 line-height: 1;
1335 }
1336 .topbar p {
1337 margin: 0;
1338 line-height: 40px;
1339 }
1340 .topbar p a:hover {
1341 background-color: transparent;
1342 color: #ffffff;
1343 }
1344 .topbar form {
1345 float: left;
1346 margin: 5px 0 0 0;
1347 position: relative;
1348 filter: alpha(opacity=100);
1349 -khtml-opacity: 1;
1350 -moz-opacity: 1;
1351 opacity: 1;
1352 }
1353 .topbar form.pull-right {
1354 float: right;
1355 }
1356 .topbar input {
1357 background-color: #444;
1358 background-color: rgba(255, 255, 255, 0.3);
1359 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
1360 font-size: normal;
1361 font-weight: 13px;
1362 line-height: 1;
1363 padding: 4px 9px;
1364 color: #ffffff;
1365 color: rgba(255, 255, 255, 0.75);
1366 border: 1px solid #111;
1367 -webkit-border-radius: 4px;
1368 -moz-border-radius: 4px;
1369 border-radius: 4px;
1370 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
1371 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
1372 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
1373 -webkit-transform-style: preserve-3d;
1374 -webkit-transition: none;
1375 -moz-transition: none;
1376 -ms-transition: none;
1377 -o-transition: none;
1378 transition: none;
1379 }
1380 .topbar input:-moz-placeholder {
1381 color: #e6e6e6;
1382 }
1383 .topbar input::-webkit-input-placeholder {
1384 color: #e6e6e6;
1385 }
1386 .topbar input:hover {
1387 background-color: #bfbfbf;
1388 background-color: rgba(255, 255, 255, 0.5);
1389 color: #ffffff;
1390 }
1391 .topbar input:focus, .topbar input.focused {
1392 outline: 0;
1393 background-color: #ffffff;
1394 color: #404040;
1395 text-shadow: 0 1px 0 #ffffff;
1396 border: 0;
1397 padding: 5px 10px;
1398 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1399 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1400 box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1401 }
1402 .topbar-inner, .topbar .fill {
1403 background-color: #222;
1404 background-color: #222222;
1405 background-repeat: repeat-x;
1406 background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
1407 background-image: -moz-linear-gradient(top, #333333, #222222);
1408 background-image: -ms-linear-gradient(top, #333333, #222222);
1409 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
1410 background-image: -webkit-linear-gradient(top, #333333, #222222);
1411 background-image: -o-linear-gradient(top, #333333, #222222);
1412 background-image: linear-gradient(top, #333333, #222222);
1413 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
1414 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1415 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1416 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1417 }
1418 .topbar div > ul, .nav {
1419 display: block;
1420 float: left;
1421 margin: 0 10px 0 0;
1422 position: relative;
1423 left: 0;
1424 }
1425 .topbar div > ul > li, .nav > li {
1426 display: block;
1427 float: left;
1428 }
1429 .topbar div > ul a, .nav a {
1430 display: block;
1431 float: none;
1432 padding: 10px 10px 11px;
1433 line-height: 19px;
1434 text-decoration: none;
1435 }
1436 .topbar div > ul a:hover, .nav a:hover {
1437 color: #ffffff;
1438 text-decoration: none;
1439 }
1440 .topbar div > ul .active > a, .nav .active > a {
1441 background-color: #222;
1442 background-color: rgba(0, 0, 0, 0.5);
1443 }
1444 .topbar div > ul.secondary-nav, .nav.secondary-nav {
1445 float: right;
1446 margin-left: 10px;
1447 margin-right: 0;
1448 }
1449 .topbar div > ul.secondary-nav .menu-dropdown,
1450 .nav.secondary-nav .menu-dropdown,
1451 .topbar div > ul.secondary-nav .dropdown-menu,
1452 .nav.secondary-nav .dropdown-menu {
1453 right: 0;
1454 border: 0;
1455 }
1456 .topbar div > ul a.menu:hover,
1457 .nav a.menu:hover,
1458 .topbar div > ul li.open .menu,
1459 .nav li.open .menu,
1460 .topbar div > ul .dropdown-toggle:hover,
1461 .nav .dropdown-toggle:hover,
1462 .topbar div > ul .dropdown.open .dropdown-toggle,
1463 .nav .dropdown.open .dropdown-toggle {
1464 background: #444;
1465 background: rgba(255, 255, 255, 0.05);
1466 }
1467 .topbar div > ul .menu-dropdown,
1468 .nav .menu-dropdown,
1469 .topbar div > ul .dropdown-menu,
1470 .nav .dropdown-menu {
1471 background-color: #333;
1472 }
1473 .topbar div > ul .menu-dropdown a.menu,
1474 .nav .menu-dropdown a.menu,
1475 .topbar div > ul .dropdown-menu a.menu,
1476 .nav .dropdown-menu a.menu,
1477 .topbar div > ul .menu-dropdown .dropdown-toggle,
1478 .nav .menu-dropdown .dropdown-toggle,
1479 .topbar div > ul .dropdown-menu .dropdown-toggle,
1480 .nav .dropdown-menu .dropdown-toggle {
1481 color: #ffffff;
1482 }
1483 .topbar div > ul .menu-dropdown a.menu.open,
1484 .nav .menu-dropdown a.menu.open,
1485 .topbar div > ul .dropdown-menu a.menu.open,
1486 .nav .dropdown-menu a.menu.open,
1487 .topbar div > ul .menu-dropdown .dropdown-toggle.open,
1488 .nav .menu-dropdown .dropdown-toggle.open,
1489 .topbar div > ul .dropdown-menu .dropdown-toggle.open,
1490 .nav .dropdown-menu .dropdown-toggle.open {
1491 background: #444;
1492 background: rgba(255, 255, 255, 0.05);
1493 }
1494 .topbar div > ul .menu-dropdown li a,
1495 .nav .menu-dropdown li a,
1496 .topbar div > ul .dropdown-menu li a,
1497 .nav .dropdown-menu li a {
1498 color: #999;
1499 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
1500 }
1501 .topbar div > ul .menu-dropdown li a:hover,
1502 .nav .menu-dropdown li a:hover,
1503 .topbar div > ul .dropdown-menu li a:hover,
1504 .nav .dropdown-menu li a:hover {
1505 background-color: #191919;
1506 background-repeat: repeat-x;
1507 background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
1508 background-image: -moz-linear-gradient(top, #292929, #191919);
1509 background-image: -ms-linear-gradient(top, #292929, #191919);
1510 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
1511 background-image: -webkit-linear-gradient(top, #292929, #191919);
1512 background-image: -o-linear-gradient(top, #292929, #191919);
1513 background-image: linear-gradient(top, #292929, #191919);
1514 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
1515 color: #ffffff;
1516 }
1517 .topbar div > ul .menu-dropdown .active a,
1518 .nav .menu-dropdown .active a,
1519 .topbar div > ul .dropdown-menu .active a,
1520 .nav .dropdown-menu .active a {
1521 color: #ffffff;
1522 }
1523 .topbar div > ul .menu-dropdown .divider,
1524 .nav .menu-dropdown .divider,
1525 .topbar div > ul .dropdown-menu .divider,
1526 .nav .dropdown-menu .divider {
1527 background-color: #222;
1528 border-color: #444;
1529 }
1530 .topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a {
1531 padding: 4px 15px;
1532 }
1533 li.menu, .dropdown {
1534 position: relative;
1535 }
1536 a.menu:after, .dropdown-toggle:after {
1537 width: 0;
1538 height: 0;
1539 display: inline-block;
1540 content: "↓";
1541 text-indent: -99999px;
1542 vertical-align: top;
1543 margin-top: 8px;
1544 margin-left: 4px;
1545 border-left: 4px solid transparent;
1546 border-right: 4px solid transparent;
1547 border-top: 4px solid #ffffff;
1548 filter: alpha(opacity=50);
1549 -khtml-opacity: 0.5;
1550 -moz-opacity: 0.5;
1551 opacity: 0.5;
1552 }
1553 .menu-dropdown, .dropdown-menu {
1554 background-color: #ffffff;
1555 float: left;
1556 display: none;
1557 position: absolute;
1558 top: 40px;
1559 z-index: 900;
1560 min-width: 160px;
1561 max-width: 220px;
1562 _width: 160px;
1563 margin-left: 0;
1564 margin-right: 0;
1565 padding: 6px 0;
1566 zoom: 1;
1567 border-color: #999;
1568 border-color: rgba(0, 0, 0, 0.2);
1569 border-style: solid;
1570 border-width: 0 1px 1px;
1571 -webkit-border-radius: 0 0 6px 6px;
1572 -moz-border-radius: 0 0 6px 6px;
1573 border-radius: 0 0 6px 6px;
1574 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1575 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1576 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1577 -webkit-background-clip: padding-box;
1578 -moz-background-clip: padding-box;
1579 background-clip: padding-box;
1580 }
1581 .menu-dropdown li, .dropdown-menu li {
1582 float: none;
1583 display: block;
1584 background-color: none;
1585 }
1586 .menu-dropdown .divider, .dropdown-menu .divider {
1587 height: 1px;
1588 margin: 5px 0;
1589 overflow: hidden;
1590 background-color: #eee;
1591 border-bottom: 1px solid #ffffff;
1592 }
1593 .topbar .dropdown-menu a, .dropdown-menu a {
1594 display: block;
1595 padding: 4px 15px;
1596 clear: both;
1597 font-weight: normal;
1598 line-height: 18px;
1599 color: #808080;
1600 text-shadow: 0 1px 0 #ffffff;
1601 }
1602 .topbar .dropdown-menu a:hover,
1603 .dropdown-menu a:hover,
1604 .topbar .dropdown-menu a.hover,
1605 .dropdown-menu a.hover {
1606 background-color: #dddddd;
1607 background-repeat: repeat-x;
1608 background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
1609 background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
1610 background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
1611 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
1612 background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
1613 background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
1614 background-image: linear-gradient(top, #eeeeee, #dddddd);
1615 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
1616 color: #404040;
1617 text-decoration: none;
1618 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1619 -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1620 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1621 }
1622 .open .menu,
1623 .dropdown.open .menu,
1624 .open .dropdown-toggle,
1625 .dropdown.open .dropdown-toggle {
1626 color: #ffffff;
1627 background: #ccc;
1628 background: rgba(0, 0, 0, 0.3);
1629 }
1630 .open .menu-dropdown,
1631 .dropdown.open .menu-dropdown,
1632 .open .dropdown-menu,
1633 .dropdown.open .dropdown-menu {
1634 display: block;
1635 }
1636 .tabs, .pills {
1637 margin: 0 0 18px;
1638 padding: 0;
1639 list-style: none;
1640 zoom: 1;
1641 }
1642 .tabs:before,
1643 .pills:before,
1644 .tabs:after,
1645 .pills:after {
1646 display: table;
1647 content: "";
1648 zoom: 1;
1649 }
1650 .tabs:after, .pills:after {
1651 clear: both;
1652 }
1653 .tabs > li, .pills > li {
1654 float: left;
1655 }
1656 .tabs > li > a, .pills > li > a {
1657 display: block;
1658 }
1659 .tabs {
1660 border-color: #ddd;
1661 border-style: solid;
1662 border-width: 0 0 1px;
1663 }
1664 .tabs > li {
1665 position: relative;
1666 margin-bottom: -1px;
1667 }
1668 .tabs > li > a {
1669 padding: 0 15px;
1670 margin-right: 2px;
1671 line-height: 34px;
1672 border: 1px solid transparent;
1673 -webkit-border-radius: 4px 4px 0 0;
1674 -moz-border-radius: 4px 4px 0 0;
1675 border-radius: 4px 4px 0 0;
1676 }
1677 .tabs > li > a:hover {
1678 text-decoration: none;
1679 background-color: #eee;
1680 border-color: #eee #eee #ddd;
1681 }
1682 .tabs .active > a, .tabs .active > a:hover {
1683 color: #808080;
1684 background-color: #ffffff;
1685 border: 1px solid #ddd;
1686 border-bottom-color: transparent;
1687 cursor: default;
1688 }
1689 .tabs .menu-dropdown, .tabs .dropdown-menu {
1690 top: 35px;
1691 border-width: 1px;
1692 -webkit-border-radius: 0 6px 6px 6px;
1693 -moz-border-radius: 0 6px 6px 6px;
1694 border-radius: 0 6px 6px 6px;
1695 }
1696 .tabs a.menu:after, .tabs .dropdown-toggle:after {
1697 border-top-color: #999;
1698 margin-top: 15px;
1699 margin-left: 5px;
1700 }
1701 .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle {
1702 border-color: #999;
1703 }
1704 .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {
1705 border-top-color: #555;
1706 }
1707 .pills a {
1708 margin: 5px 3px 5px 0;
1709 padding: 0 15px;
1710 line-height: 30px;
1711 text-shadow: 0 1px 1px #ffffff;
1712 -webkit-border-radius: 15px;
1713 -moz-border-radius: 15px;
1714 border-radius: 15px;
1715 }
1716 .pills a:hover {
1717 color: #ffffff;
1718 text-decoration: none;
1719 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
1720 background-color: #00438a;
1721 }
1722 .pills .active a {
1723 color: #ffffff;
1724 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
1725 background-color: #0069d6;
1726 }
1727 .pills-vertical > li {
1728 float: none;
1729 }
1730 .tab-content > .tab-pane, .pill-content > .pill-pane {
1731 display: none;
1732 }
1733 .tab-content > .active, .pill-content > .active {
1734 display: block;
1735 }
1736 .breadcrumb {
1737 padding: 7px 14px;
1738 margin: 0 0 18px;
1739 background-color: #f5f5f5;
1740 background-repeat: repeat-x;
1741 background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
1742 background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
1743 background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
1744 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
1745 background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
1746 background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
1747 background-image: linear-gradient(top, #ffffff, #f5f5f5);
1748 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
1749 border: 1px solid #ddd;
1750 -webkit-border-radius: 3px;
1751 -moz-border-radius: 3px;
1752 border-radius: 3px;
1753 -webkit-box-shadow: inset 0 1px 0 #ffffff;
1754 -moz-box-shadow: inset 0 1px 0 #ffffff;
1755 box-shadow: inset 0 1px 0 #ffffff;
1756 }
1757 .breadcrumb li {
1758 display: inline;
1759 text-shadow: 0 1px 0 #ffffff;
1760 }
1761 .breadcrumb .divider {
1762 padding: 0 5px;
1763 color: #bfbfbf;
1764 }
1765 .breadcrumb .active a {
1766 color: #404040;
1767 }
1768 .hero-unit {
1769 background-color: #f5f5f5;
1770 margin-bottom: 30px;
1771 padding: 60px;
1772 -webkit-border-radius: 6px;
1773 -moz-border-radius: 6px;
1774 border-radius: 6px;
1775 }
1776 .hero-unit h1 {
1777 margin-bottom: 0;
1778 font-size: 60px;
1779 line-height: 1;
1780 letter-spacing: -1px;
1781 }
1782 .hero-unit p {
1783 font-size: 18px;
1784 font-weight: 200;
1785 line-height: 27px;
1786 }
1787 footer {
1788 margin-top: 17px;
1789 padding-top: 17px;
1790 border-top: 1px solid #eee;
1791 }
1792 .page-header {
1793 margin-bottom: 17px;
1794 border-bottom: 1px solid #ddd;
1795 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1796 -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1797 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1798 }
1799 .page-header h1 {
1800 margin-bottom: 8px;
1801 }
1802 .btn.danger,
1803 .alert-message.danger,
1804 .btn.danger:hover,
1805 .alert-message.danger:hover,
1806 .btn.error,
1807 .alert-message.error,
1808 .btn.error:hover,
1809 .alert-message.error:hover,
1810 .btn.success,
1811 .alert-message.success,
1812 .btn.success:hover,
1813 .alert-message.success:hover,
1814 .btn.info,
1815 .alert-message.info,
1816 .btn.info:hover,
1817 .alert-message.info:hover {
1818 color: #ffffff;
1819 }
1820 .btn .close, .alert-message .close {
1821 font-family: Arial, sans-serif;
1822 line-height: 18px;
1823 }
1824 .btn.danger,
1825 .alert-message.danger,
1826 .btn.error,
1827 .alert-message.error {
1828 background-color: #c43c35;
1829 background-repeat: repeat-x;
1830 background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
1831 background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
1832 background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
1833 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
1834 background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
1835 background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
1836 background-image: linear-gradient(top, #ee5f5b, #c43c35);
1837 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
1838 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1839 border-color: #c43c35 #c43c35 #882a25;
1840 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1841 }
1842 .btn.success, .alert-message.success {
1843 background-color: #57a957;
1844 background-repeat: repeat-x;
1845 background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
1846 background-image: -moz-linear-gradient(top, #62c462, #57a957);
1847 background-image: -ms-linear-gradient(top, #62c462, #57a957);
1848 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
1849 background-image: -webkit-linear-gradient(top, #62c462, #57a957);
1850 background-image: -o-linear-gradient(top, #62c462, #57a957);
1851 background-image: linear-gradient(top, #62c462, #57a957);
1852 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
1853 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1854 border-color: #57a957 #57a957 #3d773d;
1855 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1856 }
1857 .btn.info, .alert-message.info {
1858 background-color: #339bb9;
1859 background-repeat: repeat-x;
1860 background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
1861 background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
1862 background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
1863 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
1864 background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
1865 background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
1866 background-image: linear-gradient(top, #5bc0de, #339bb9);
1867 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
1868 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1869 border-color: #339bb9 #339bb9 #22697d;
1870 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1871 }
1872 .btn {
1873 cursor: pointer;
1874 display: inline-block;
1875 background-color: #e6e6e6;
1876 background-repeat: no-repeat;
1877 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1878 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1879 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1880 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1881 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1882 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1883 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1884 padding: 5px 14px 6px;
1885 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1886 color: #333;
1887 font-size: 13px;
1888 line-height: normal;
1889 border: 1px solid #ccc;
1890 border-bottom-color: #bbb;
1891 -webkit-border-radius: 4px;
1892 -moz-border-radius: 4px;
1893 border-radius: 4px;
1894 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1895 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1896 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1897 -webkit-transform-style: preserve-3d;
1898 -webkit-transition: 0.1s linear all;
1899 -moz-transition: 0.1s linear all;
1900 -ms-transition: 0.1s linear all;
1901 -o-transition: 0.1s linear all;
1902 transition: 0.1s linear all;
1903 }
1904 .btn:hover {
1905 background-position: 0 -15px;
1906 color: #333;
1907 text-decoration: none;
1908 }
1909 .btn:focus {
1910 outline: 1px dotted #666;
1911 }
1912 .btn.primary {
1913 color: #ffffff;
1914 background-color: #0064cd;
1915 background-repeat: repeat-x;
1916 background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
1917 background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
1918 background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
1919 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
1920 background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
1921 background-image: -o-linear-gradient(top, #049cdb, #0064cd);
1922 background-image: linear-gradient(top, #049cdb, #0064cd);
1923 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
1924 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1925 border-color: #0064cd #0064cd #003f81;
1926 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1927 }
1928 .btn.active, .btn :active {
1929 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1930 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1931 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1932 }
1933 .btn.disabled {
1934 cursor: default;
1935 background-image: none;
1936 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1937 filter: alpha(opacity=65);
1938 -khtml-opacity: 0.65;
1939 -moz-opacity: 0.65;
1940 opacity: 0.65;
1941 -webkit-box-shadow: none;
1942 -moz-box-shadow: none;
1943 box-shadow: none;
1944 }
1945 .btn[disabled] {
1946 cursor: default;
1947 background-image: none;
1948 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1949 filter: alpha(opacity=65);
1950 -khtml-opacity: 0.65;
1951 -moz-opacity: 0.65;
1952 opacity: 0.65;
1953 -webkit-box-shadow: none;
1954 -moz-box-shadow: none;
1955 box-shadow: none;
1956 }
1957 .btn.large {
1958 font-size: 15px;
1959 line-height: normal;
1960 padding: 9px 14px 9px;
1961 -webkit-border-radius: 6px;
1962 -moz-border-radius: 6px;
1963 border-radius: 6px;
1964 }
1965 .btn.small {
1966 padding: 7px 9px 7px;
1967 font-size: 11px;
1968 }
1969 :root .alert-message, :root .btn {
1970 border-radius: 0 \0;
1971 }
1972 button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
1973 padding: 0;
1974 border: 0;
1975 }
1976 .close {
1977 float: right;
1978 color: #000000;
1979 font-size: 20px;
1980 font-weight: bold;
1981 line-height: 13.5px;
1982 text-shadow: 0 1px 0 #ffffff;
1983 filter: alpha(opacity=25);
1984 -khtml-opacity: 0.25;
1985 -moz-opacity: 0.25;
1986 opacity: 0.25;
1987 }
1988 .close:hover {
1989 color: #000000;
1990 text-decoration: none;
1991 filter: alpha(opacity=40);
1992 -khtml-opacity: 0.4;
1993 -moz-opacity: 0.4;
1994 opacity: 0.4;
1995 }
1996 .alert-message {
1997 position: relative;
1998 padding: 7px 15px;
1999 margin-bottom: 18px;
2000 color: #404040;
2001 background-color: #eedc94;
2002 background-repeat: repeat-x;
2003 background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
2004 background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
2005 background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
2006 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
2007 background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
2008 background-image: -o-linear-gradient(top, #fceec1, #eedc94);
2009 background-image: linear-gradient(top, #fceec1, #eedc94);
2010 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
2011 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2012 border-color: #eedc94 #eedc94 #e4c652;
2013 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
2014 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2015 border-width: 1px;
2016 border-style: solid;
2017 -webkit-border-radius: 4px;
2018 -moz-border-radius: 4px;
2019 border-radius: 4px;
2020 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
2021 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
2022 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
2023 }
2024 .alert-message .close {
2025 margin-top: 1px;
2026 *margin-top: 0;
2027 }
2028 .alert-message a {
2029 font-weight: bold;
2030 color: #404040;
2031 }
2032 .alert-message.danger p a,
2033 .alert-message.error p a,
2034 .alert-message.success p a,
2035 .alert-message.info p a {
2036 color: #ffffff;
2037 }
2038 .alert-message h5 {
2039 line-height: 18px;
2040 }
2041 .alert-message p {
2042 margin-bottom: 0;
2043 }
2044 .alert-message div {
2045 margin-top: 5px;
2046 margin-bottom: 2px;
2047 line-height: 28px;
2048 }
2049 .alert-message .btn {
2050 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
2051 -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
2052 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
2053 }
2054 .alert-message.block-message {
2055 background-image: none;
2056 background-color: #fdf5d9;
2057 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2058 padding: 14px;
2059 border-color: #fceec1;
2060 -webkit-box-shadow: none;
2061 -moz-box-shadow: none;
2062 box-shadow: none;
2063 }
2064 .alert-message.block-message ul, .alert-message.block-message p {
2065 margin-right: 30px;
2066 }
2067 .alert-message.block-message ul {
2068 margin-bottom: 0;
2069 }
2070 .alert-message.block-message li {
2071 color: #404040;
2072 }
2073 .alert-message.block-message .alert-actions {
2074 margin-top: 5px;
2075 }
2076 .alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info {
2077 color: #404040;
2078 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2079 }
2080 .alert-message.block-message.error {
2081 background-color: #fddfde;
2082 border-color: #fbc7c6;
2083 }
2084 .alert-message.block-message.success {
2085 background-color: #d1eed1;
2086 border-color: #bfe7bf;
2087 }
2088 .alert-message.block-message.info {
2089 background-color: #ddf4fb;
2090 border-color: #c6edf9;
2091 }
2092 .alert-message.block-message.danger p a,
2093 .alert-message.block-message.error p a,
2094 .alert-message.block-message.success p a,
2095 .alert-message.block-message.info p a {
2096 color: #404040;
2097 }
2098 .pagination {
2099 height: 36px;
2100 margin: 18px 0;
2101 }
2102 .pagination ul {
2103 float: left;
2104 margin: 0;
2105 border: 1px solid #ddd;
2106 border: 1px solid rgba(0, 0, 0, 0.15);
2107 -webkit-border-radius: 3px;
2108 -moz-border-radius: 3px;
2109 border-radius: 3px;
2110 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
2111 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
2112 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
2113 }
2114 .pagination li {
2115 display: inline;
2116 }
2117 .pagination a {
2118 float: left;
2119 padding: 0 14px;
2120 line-height: 34px;
2121 border-right: 1px solid;
2122 border-right-color: #ddd;
2123 border-right-color: rgba(0, 0, 0, 0.15);
2124 *border-right-color: #ddd;
2125 /* IE6-7 */
2126
2127 text-decoration: none;
2128 }
2129 .pagination a:hover, .pagination .active a {
2130 background-color: #c7eefe;
2131 }
2132 .pagination .disabled a, .pagination .disabled a:hover {
2133 background-color: transparent;
2134 color: #bfbfbf;
2135 }
2136 .pagination .next a {
2137 border: 0;
2138 }
2139 .well {
2140 background-color: #f5f5f5;
2141 margin-bottom: 20px;
2142 padding: 19px;
2143 min-height: 20px;
2144 border: 1px solid #eee;
2145 border: 1px solid rgba(0, 0, 0, 0.05);
2146 -webkit-border-radius: 4px;
2147 -moz-border-radius: 4px;
2148 border-radius: 4px;
2149 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
2150 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
2151 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
2152 }
2153 .well blockquote {
2154 border-color: #ddd;
2155 border-color: rgba(0, 0, 0, 0.15);
2156 }
2157 .modal-backdrop {
2158 background-color: #000000;
2159 position: fixed;
2160 top: 0;
2161 left: 0;
2162 right: 0;
2163 bottom: 0;
2164 z-index: 10000;
2165 }
2166 .modal-backdrop.fade {
2167 opacity: 0;
2168 }
2169 .modal-backdrop, .modal-backdrop.fade.in {
2170 filter: alpha(opacity=80);
2171 -khtml-opacity: 0.8;
2172 -moz-opacity: 0.8;
2173 opacity: 0.8;
2174 }
2175 .modal {
2176 position: fixed;
2177 top: 50%;
2178 left: 50%;
2179 z-index: 11000;
2180 width: 560px;
2181 margin: -250px 0 0 -280px;
2182 background-color: #ffffff;
2183 border: 1px solid #999;
2184 border: 1px solid rgba(0, 0, 0, 0.3);
2185 *border: 1px solid #999;
2186 /* IE6-7 */
2187
2188 -webkit-border-radius: 6px;
2189 -moz-border-radius: 6px;
2190 border-radius: 6px;
2191 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2192 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2193 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2194 -webkit-background-clip: padding-box;
2195 -moz-background-clip: padding-box;
2196 background-clip: padding-box;
2197 }
2198 .modal .close {
2199 margin-top: 7px;
2200 }
2201 .modal.fade {
2202 -webkit-transform-style: preserve-3d;
2203 -webkit-transition: opacity .3s linear, top .3s ease-out;
2204 -moz-transition: opacity .3s linear, top .3s ease-out;
2205 -ms-transition: opacity .3s linear, top .3s ease-out;
2206 -o-transition: opacity .3s linear, top .3s ease-out;
2207 transition: opacity .3s linear, top .3s ease-out;
2208 top: -25%;
2209 }
2210 .modal.fade.in {
2211 top: 50%;
2212 }
2213 .modal-header {
2214 border-bottom: 1px solid #eee;
2215 padding: 5px 15px;
2216 }
2217 .modal-body {
2218 padding: 15px;
2219 }
2220 .modal-body form {
2221 margin-bottom: 0;
2222 }
2223 .modal-footer {
2224 background-color: #f5f5f5;
2225 padding: 14px 15px 15px;
2226 border-top: 1px solid #ddd;
2227 -webkit-border-radius: 0 0 6px 6px;
2228 -moz-border-radius: 0 0 6px 6px;
2229 border-radius: 0 0 6px 6px;
2230 -webkit-box-shadow: inset 0 1px 0 #ffffff;
2231 -moz-box-shadow: inset 0 1px 0 #ffffff;
2232 box-shadow: inset 0 1px 0 #ffffff;
2233 zoom: 1;
2234 margin-bottom: 0;
2235 }
2236 .modal-footer:before, .modal-footer:after {
2237 display: table;
2238 content: "";
2239 zoom: 1;
2240 }
2241 .modal-footer:after {
2242 clear: both;
2243 }
2244 .modal-footer .btn {
2245 float: right;
2246 margin-left: 5px;
2247 }
2248 .modal .popover, .modal .twipsy {
2249 z-index: 12000;
2250 }
2251 .twipsy {
2252 display: block;
2253 position: absolute;
2254 visibility: visible;
2255 padding: 5px;
2256 font-size: 11px;
2257 z-index: 1000;
2258 filter: alpha(opacity=80);
2259 -khtml-opacity: 0.8;
2260 -moz-opacity: 0.8;
2261 opacity: 0.8;
2262 }
2263 .twipsy.fade.in {
2264 filter: alpha(opacity=80);
2265 -khtml-opacity: 0.8;
2266 -moz-opacity: 0.8;
2267 opacity: 0.8;
2268 }
2269 .twipsy.above .twipsy-arrow {
2270 bottom: 0;
2271 left: 50%;
2272 margin-left: -5px;
2273 border-left: 5px solid transparent;
2274 border-right: 5px solid transparent;
2275 border-top: 5px solid #000000;
2276 }
2277 .twipsy.left .twipsy-arrow {
2278 top: 50%;
2279 right: 0;
2280 margin-top: -5px;
2281 border-top: 5px solid transparent;
2282 border-bottom: 5px solid transparent;
2283 border-left: 5px solid #000000;
2284 }
2285 .twipsy.below .twipsy-arrow {
2286 top: 0;
2287 left: 50%;
2288 margin-left: -5px;
2289 border-left: 5px solid transparent;
2290 border-right: 5px solid transparent;
2291 border-bottom: 5px solid #000000;
2292 }
2293 .twipsy.right .twipsy-arrow {
2294 top: 50%;
2295 left: 0;
2296 margin-top: -5px;
2297 border-top: 5px solid transparent;
2298 border-bottom: 5px solid transparent;
2299 border-right: 5px solid #000000;
2300 }
2301 .twipsy-inner {
2302 padding: 3px 8px;
2303 background-color: #000000;
2304 color: white;
2305 text-align: center;
2306 max-width: 200px;
2307 text-decoration: none;
2308 -webkit-border-radius: 4px;
2309 -moz-border-radius: 4px;
2310 border-radius: 4px;
2311 }
2312 .twipsy-arrow {
2313 position: absolute;
2314 width: 0;
2315 height: 0;
2316 }
2317 .popover {
2318 position: absolute;
2319 top: 0;
2320 left: 0;
2321 z-index: 1000;
2322 padding: 5px;
2323 display: none;
2324 }
2325 .popover.above .arrow {
2326 bottom: 0;
2327 left: 50%;
2328 margin-left: -5px;
2329 border-left: 5px solid transparent;
2330 border-right: 5px solid transparent;
2331 border-top: 5px solid #000000;
2332 }
2333 .popover.right .arrow {
2334 top: 50%;
2335 left: 0;
2336 margin-top: -5px;
2337 border-top: 5px solid transparent;
2338 border-bottom: 5px solid transparent;
2339 border-right: 5px solid #000000;
2340 }
2341 .popover.below .arrow {
2342 top: 0;
2343 left: 50%;
2344 margin-left: -5px;
2345 border-left: 5px solid transparent;
2346 border-right: 5px solid transparent;
2347 border-bottom: 5px solid #000000;
2348 }
2349 .popover.left .arrow {
2350 top: 50%;
2351 right: 0;
2352 margin-top: -5px;
2353 border-top: 5px solid transparent;
2354 border-bottom: 5px solid transparent;
2355 border-left: 5px solid #000000;
2356 }
2357 .popover .arrow {
2358 position: absolute;
2359 width: 0;
2360 height: 0;
2361 }
2362 .popover .inner {
2363 background: #000000;
2364 background: rgba(0, 0, 0, 0.8);
2365 padding: 3px;
2366 overflow: hidden;
2367 width: 280px;
2368 -webkit-border-radius: 6px;
2369 -moz-border-radius: 6px;
2370 border-radius: 6px;
2371 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2372 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2373 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2374 }
2375 .popover .title {
2376 background-color: #f5f5f5;
2377 padding: 9px 15px;
2378 line-height: 1;
2379 -webkit-border-radius: 3px 3px 0 0;
2380 -moz-border-radius: 3px 3px 0 0;
2381 border-radius: 3px 3px 0 0;
2382 border-bottom: 1px solid #eee;
2383 }
2384 .popover .content {
2385 background-color: #ffffff;
2386 padding: 14px;
2387 -webkit-border-radius: 0 0 3px 3px;
2388 -moz-border-radius: 0 0 3px 3px;
2389 border-radius: 0 0 3px 3px;
2390 -webkit-background-clip: padding-box;
2391 -moz-background-clip: padding-box;
2392 background-clip: padding-box;
2393 }
2394 .popover .content p, .popover .content ul, .popover .content ol {
2395 margin-bottom: 0;
2396 }
2397 .fade {
2398 -webkit-transform-style: preserve-3d;
2399 -webkit-transition: opacity 0.15s linear;
2400 -moz-transition: opacity 0.15s linear;
2401 -ms-transition: opacity 0.15s linear;
2402 -o-transition: opacity 0.15s linear;
2403 transition: opacity 0.15s linear;
2404 opacity: 0;
2405 }
2406 .fade.in {
2407 opacity: 1;
2408 }
2409 .label {
2410 padding: 1px 3px 2px;
2411 font-size: 9.75px;
2412 font-weight: bold;
2413 color: #ffffff;
2414 text-transform: uppercase;
2415 white-space: nowrap;
2416 background-color: #bfbfbf;
2417 -webkit-border-radius: 3px;
2418 -moz-border-radius: 3px;
2419 border-radius: 3px;
2420 }
2421 .label.important {
2422 background-color: #c43c35;
2423 }
2424 .label.warning {
2425 background-color: #f89406;
2426 }
2427 .label.success {
2428 background-color: #46a546;
2429 }
2430 .label.notice {
2431 background-color: #62cffc;
2432 }
2433 .media-grid {
2434 margin-left: -20px;
2435 margin-bottom: 0;
2436 zoom: 1;
2437 }
2438 .media-grid:before, .media-grid:after {
2439 display: table;
2440 content: "";
2441 zoom: 1;
2442 }
2443 .media-grid:after {
2444 clear: both;
2445 }
2446 .media-grid li {
2447 display: inline;
2448 }
2449 .media-grid a {
2450 float: left;
2451 padding: 4px;
2452 margin: 0 0 18px 20px;
2453 border: 1px solid #ddd;
2454 -webkit-border-radius: 4px;
2455 -moz-border-radius: 4px;
2456 border-radius: 4px;
2457 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
2458 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
2459 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
2460 }
2461 .media-grid a img {
2462 display: block;
2463 }
2464 .media-grid a:hover {
2465 border-color: #0069d6;
2466 -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
2467 -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
2468 box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
2469 }