comparison app/assets/stylesheets/bootstrap.css @ 25:faf30647205e

Use bootstrap.
author Edho Arief <edho@myconan.net>
date Mon, 10 Sep 2012 03:48:01 +0700
parents
children 58c6d46c3e97
comparison
equal deleted inserted replaced
24:a8cdf1f45446 25:faf30647205e
1 /*!
2 * Bootstrap v2.1.1
3 *
4 * Copyright 2012 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 */
10 .clearfix {
11 *zoom: 1;
12 }
13 .clearfix:before,
14 .clearfix:after {
15 display: table;
16 content: "";
17 line-height: 0;
18 }
19 .clearfix:after {
20 clear: both;
21 }
22 .hide-text {
23 font: 0/0 a;
24 color: transparent;
25 text-shadow: none;
26 background-color: transparent;
27 border: 0;
28 }
29 .input-block-level {
30 display: block;
31 width: 100%;
32 min-height: 30px;
33 -webkit-box-sizing: border-box;
34 -moz-box-sizing: border-box;
35 box-sizing: border-box;
36 }
37 article,
38 aside,
39 details,
40 figcaption,
41 figure,
42 footer,
43 header,
44 hgroup,
45 nav,
46 section {
47 display: block;
48 }
49 audio,
50 canvas,
51 video {
52 display: inline-block;
53 *display: inline;
54 *zoom: 1;
55 }
56 audio:not([controls]) {
57 display: none;
58 }
59 html {
60 font-size: 100%;
61 -webkit-text-size-adjust: 100%;
62 -ms-text-size-adjust: 100%;
63 }
64 a:focus {
65 outline: thin dotted #333;
66 outline: 5px auto -webkit-focus-ring-color;
67 outline-offset: -2px;
68 }
69 a:hover,
70 a:active {
71 outline: 0;
72 }
73 sub,
74 sup {
75 position: relative;
76 font-size: 75%;
77 line-height: 0;
78 vertical-align: baseline;
79 }
80 sup {
81 top: -0.5em;
82 }
83 sub {
84 bottom: -0.25em;
85 }
86 img {
87 /* Responsive images (ensure images don't scale beyond their parents) */
88
89 max-width: 100%;
90 /* Part 1: Set a maxium relative to the parent */
91
92 width: auto\9;
93 /* IE7-8 need help adjusting responsive images */
94
95 height: auto;
96 /* Part 2: Scale the height according to the width, otherwise you get stretching */
97
98 vertical-align: middle;
99 border: 0;
100 -ms-interpolation-mode: bicubic;
101 }
102 #map_canvas img {
103 max-width: none;
104 }
105 button,
106 input,
107 select,
108 textarea {
109 margin: 0;
110 font-size: 100%;
111 vertical-align: middle;
112 }
113 button,
114 input {
115 *overflow: visible;
116 line-height: normal;
117 }
118 button::-moz-focus-inner,
119 input::-moz-focus-inner {
120 padding: 0;
121 border: 0;
122 }
123 button,
124 input[type="button"],
125 input[type="reset"],
126 input[type="submit"] {
127 cursor: pointer;
128 -webkit-appearance: button;
129 }
130 input[type="search"] {
131 -webkit-box-sizing: content-box;
132 -moz-box-sizing: content-box;
133 box-sizing: content-box;
134 -webkit-appearance: textfield;
135 }
136 input[type="search"]::-webkit-search-decoration,
137 input[type="search"]::-webkit-search-cancel-button {
138 -webkit-appearance: none;
139 }
140 textarea {
141 overflow: auto;
142 vertical-align: top;
143 }
144 body {
145 margin: 0;
146 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
147 font-size: 14px;
148 line-height: 20px;
149 color: #333333;
150 background-color: #ffffff;
151 }
152 a {
153 color: #0088cc;
154 text-decoration: none;
155 }
156 a:hover {
157 color: #005580;
158 text-decoration: underline;
159 }
160 .img-rounded {
161 -webkit-border-radius: 6px;
162 -moz-border-radius: 6px;
163 border-radius: 6px;
164 }
165 .img-polaroid {
166 padding: 4px;
167 background-color: #fff;
168 border: 1px solid #ccc;
169 border: 1px solid rgba(0, 0, 0, 0.2);
170 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
171 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
172 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
173 }
174 .img-circle {
175 -webkit-border-radius: 500px;
176 -moz-border-radius: 500px;
177 border-radius: 500px;
178 }
179 .row {
180 margin-left: -20px;
181 *zoom: 1;
182 }
183 .row:before,
184 .row:after {
185 display: table;
186 content: "";
187 line-height: 0;
188 }
189 .row:after {
190 clear: both;
191 }
192 [class*="span"] {
193 float: left;
194 min-height: 1px;
195 margin-left: 20px;
196 }
197 .container,
198 .navbar-static-top .container,
199 .navbar-fixed-top .container,
200 .navbar-fixed-bottom .container {
201 width: 940px;
202 }
203 .span12 {
204 width: 940px;
205 }
206 .span11 {
207 width: 860px;
208 }
209 .span10 {
210 width: 780px;
211 }
212 .span9 {
213 width: 700px;
214 }
215 .span8 {
216 width: 620px;
217 }
218 .span7 {
219 width: 540px;
220 }
221 .span6 {
222 width: 460px;
223 }
224 .span5 {
225 width: 380px;
226 }
227 .span4 {
228 width: 300px;
229 }
230 .span3 {
231 width: 220px;
232 }
233 .span2 {
234 width: 140px;
235 }
236 .span1 {
237 width: 60px;
238 }
239 .offset12 {
240 margin-left: 980px;
241 }
242 .offset11 {
243 margin-left: 900px;
244 }
245 .offset10 {
246 margin-left: 820px;
247 }
248 .offset9 {
249 margin-left: 740px;
250 }
251 .offset8 {
252 margin-left: 660px;
253 }
254 .offset7 {
255 margin-left: 580px;
256 }
257 .offset6 {
258 margin-left: 500px;
259 }
260 .offset5 {
261 margin-left: 420px;
262 }
263 .offset4 {
264 margin-left: 340px;
265 }
266 .offset3 {
267 margin-left: 260px;
268 }
269 .offset2 {
270 margin-left: 180px;
271 }
272 .offset1 {
273 margin-left: 100px;
274 }
275 .row-fluid {
276 width: 100%;
277 *zoom: 1;
278 }
279 .row-fluid:before,
280 .row-fluid:after {
281 display: table;
282 content: "";
283 line-height: 0;
284 }
285 .row-fluid:after {
286 clear: both;
287 }
288 .row-fluid [class*="span"] {
289 display: block;
290 width: 100%;
291 min-height: 30px;
292 -webkit-box-sizing: border-box;
293 -moz-box-sizing: border-box;
294 box-sizing: border-box;
295 float: left;
296 margin-left: 2.127659574468085%;
297 *margin-left: 2.074468085106383%;
298 }
299 .row-fluid [class*="span"]:first-child {
300 margin-left: 0;
301 }
302 .row-fluid .span12 {
303 width: 100%;
304 *width: 99.94680851063829%;
305 }
306 .row-fluid .span11 {
307 width: 91.48936170212765%;
308 *width: 91.43617021276594%;
309 }
310 .row-fluid .span10 {
311 width: 82.97872340425532%;
312 *width: 82.92553191489361%;
313 }
314 .row-fluid .span9 {
315 width: 74.46808510638297%;
316 *width: 74.41489361702126%;
317 }
318 .row-fluid .span8 {
319 width: 65.95744680851064%;
320 *width: 65.90425531914893%;
321 }
322 .row-fluid .span7 {
323 width: 57.44680851063829%;
324 *width: 57.39361702127659%;
325 }
326 .row-fluid .span6 {
327 width: 48.93617021276595%;
328 *width: 48.88297872340425%;
329 }
330 .row-fluid .span5 {
331 width: 40.42553191489362%;
332 *width: 40.37234042553192%;
333 }
334 .row-fluid .span4 {
335 width: 31.914893617021278%;
336 *width: 31.861702127659576%;
337 }
338 .row-fluid .span3 {
339 width: 23.404255319148934%;
340 *width: 23.351063829787233%;
341 }
342 .row-fluid .span2 {
343 width: 14.893617021276595%;
344 *width: 14.840425531914894%;
345 }
346 .row-fluid .span1 {
347 width: 6.382978723404255%;
348 *width: 6.329787234042553%;
349 }
350 .row-fluid .offset12 {
351 margin-left: 104.25531914893617%;
352 *margin-left: 104.14893617021275%;
353 }
354 .row-fluid .offset12:first-child {
355 margin-left: 102.12765957446808%;
356 *margin-left: 102.02127659574467%;
357 }
358 .row-fluid .offset11 {
359 margin-left: 95.74468085106382%;
360 *margin-left: 95.6382978723404%;
361 }
362 .row-fluid .offset11:first-child {
363 margin-left: 93.61702127659574%;
364 *margin-left: 93.51063829787232%;
365 }
366 .row-fluid .offset10 {
367 margin-left: 87.23404255319149%;
368 *margin-left: 87.12765957446807%;
369 }
370 .row-fluid .offset10:first-child {
371 margin-left: 85.1063829787234%;
372 *margin-left: 84.99999999999999%;
373 }
374 .row-fluid .offset9 {
375 margin-left: 78.72340425531914%;
376 *margin-left: 78.61702127659572%;
377 }
378 .row-fluid .offset9:first-child {
379 margin-left: 76.59574468085106%;
380 *margin-left: 76.48936170212764%;
381 }
382 .row-fluid .offset8 {
383 margin-left: 70.2127659574468%;
384 *margin-left: 70.10638297872339%;
385 }
386 .row-fluid .offset8:first-child {
387 margin-left: 68.08510638297872%;
388 *margin-left: 67.9787234042553%;
389 }
390 .row-fluid .offset7 {
391 margin-left: 61.70212765957446%;
392 *margin-left: 61.59574468085106%;
393 }
394 .row-fluid .offset7:first-child {
395 margin-left: 59.574468085106375%;
396 *margin-left: 59.46808510638297%;
397 }
398 .row-fluid .offset6 {
399 margin-left: 53.191489361702125%;
400 *margin-left: 53.085106382978715%;
401 }
402 .row-fluid .offset6:first-child {
403 margin-left: 51.063829787234035%;
404 *margin-left: 50.95744680851063%;
405 }
406 .row-fluid .offset5 {
407 margin-left: 44.68085106382979%;
408 *margin-left: 44.57446808510638%;
409 }
410 .row-fluid .offset5:first-child {
411 margin-left: 42.5531914893617%;
412 *margin-left: 42.4468085106383%;
413 }
414 .row-fluid .offset4 {
415 margin-left: 36.170212765957444%;
416 *margin-left: 36.06382978723405%;
417 }
418 .row-fluid .offset4:first-child {
419 margin-left: 34.04255319148936%;
420 *margin-left: 33.93617021276596%;
421 }
422 .row-fluid .offset3 {
423 margin-left: 27.659574468085104%;
424 *margin-left: 27.5531914893617%;
425 }
426 .row-fluid .offset3:first-child {
427 margin-left: 25.53191489361702%;
428 *margin-left: 25.425531914893618%;
429 }
430 .row-fluid .offset2 {
431 margin-left: 19.148936170212764%;
432 *margin-left: 19.04255319148936%;
433 }
434 .row-fluid .offset2:first-child {
435 margin-left: 17.02127659574468%;
436 *margin-left: 16.914893617021278%;
437 }
438 .row-fluid .offset1 {
439 margin-left: 10.638297872340425%;
440 *margin-left: 10.53191489361702%;
441 }
442 .row-fluid .offset1:first-child {
443 margin-left: 8.51063829787234%;
444 *margin-left: 8.404255319148938%;
445 }
446 [class*="span"].hide,
447 .row-fluid [class*="span"].hide {
448 display: none;
449 }
450 [class*="span"].pull-right,
451 .row-fluid [class*="span"].pull-right {
452 float: right;
453 }
454 .container {
455 margin-right: auto;
456 margin-left: auto;
457 *zoom: 1;
458 }
459 .container:before,
460 .container:after {
461 display: table;
462 content: "";
463 line-height: 0;
464 }
465 .container:after {
466 clear: both;
467 }
468 .container-fluid {
469 padding-right: 20px;
470 padding-left: 20px;
471 *zoom: 1;
472 }
473 .container-fluid:before,
474 .container-fluid:after {
475 display: table;
476 content: "";
477 line-height: 0;
478 }
479 .container-fluid:after {
480 clear: both;
481 }
482 p {
483 margin: 0 0 10px;
484 }
485 .lead {
486 margin-bottom: 20px;
487 font-size: 21px;
488 font-weight: 200;
489 line-height: 30px;
490 }
491 small {
492 font-size: 85%;
493 }
494 strong {
495 font-weight: bold;
496 }
497 em {
498 font-style: italic;
499 }
500 cite {
501 font-style: normal;
502 }
503 .muted {
504 color: #999999;
505 }
506 .text-warning {
507 color: #c09853;
508 }
509 .text-error {
510 color: #b94a48;
511 }
512 .text-info {
513 color: #3a87ad;
514 }
515 .text-success {
516 color: #468847;
517 }
518 h1,
519 h2,
520 h3,
521 h4,
522 h5,
523 h6 {
524 margin: 10px 0;
525 font-family: inherit;
526 font-weight: bold;
527 line-height: 1;
528 color: inherit;
529 text-rendering: optimizelegibility;
530 }
531 h1 small,
532 h2 small,
533 h3 small,
534 h4 small,
535 h5 small,
536 h6 small {
537 font-weight: normal;
538 line-height: 1;
539 color: #999999;
540 }
541 h1 {
542 font-size: 36px;
543 line-height: 40px;
544 }
545 h2 {
546 font-size: 30px;
547 line-height: 40px;
548 }
549 h3 {
550 font-size: 24px;
551 line-height: 40px;
552 }
553 h4 {
554 font-size: 18px;
555 line-height: 20px;
556 }
557 h5 {
558 font-size: 14px;
559 line-height: 20px;
560 }
561 h6 {
562 font-size: 12px;
563 line-height: 20px;
564 }
565 h1 small {
566 font-size: 24px;
567 }
568 h2 small {
569 font-size: 18px;
570 }
571 h3 small {
572 font-size: 14px;
573 }
574 h4 small {
575 font-size: 14px;
576 }
577 .page-header {
578 padding-bottom: 9px;
579 margin: 20px 0 30px;
580 border-bottom: 1px solid #eeeeee;
581 }
582 ul,
583 ol {
584 padding: 0;
585 margin: 0 0 10px 25px;
586 }
587 ul ul,
588 ul ol,
589 ol ol,
590 ol ul {
591 margin-bottom: 0;
592 }
593 li {
594 line-height: 20px;
595 }
596 ul.unstyled,
597 ol.unstyled {
598 margin-left: 0;
599 list-style: none;
600 }
601 dl {
602 margin-bottom: 20px;
603 }
604 dt,
605 dd {
606 line-height: 20px;
607 }
608 dt {
609 font-weight: bold;
610 }
611 dd {
612 margin-left: 10px;
613 }
614 .dl-horizontal {
615 *zoom: 1;
616 }
617 .dl-horizontal:before,
618 .dl-horizontal:after {
619 display: table;
620 content: "";
621 line-height: 0;
622 }
623 .dl-horizontal:after {
624 clear: both;
625 }
626 .dl-horizontal dt {
627 float: left;
628 width: 160px;
629 clear: left;
630 text-align: right;
631 overflow: hidden;
632 text-overflow: ellipsis;
633 white-space: nowrap;
634 }
635 .dl-horizontal dd {
636 margin-left: 180px;
637 }
638 hr {
639 margin: 20px 0;
640 border: 0;
641 border-top: 1px solid #eeeeee;
642 border-bottom: 1px solid #ffffff;
643 }
644 abbr[title] {
645 cursor: help;
646 border-bottom: 1px dotted #999999;
647 }
648 abbr.initialism {
649 font-size: 90%;
650 text-transform: uppercase;
651 }
652 blockquote {
653 padding: 0 0 0 15px;
654 margin: 0 0 20px;
655 border-left: 5px solid #eeeeee;
656 }
657 blockquote p {
658 margin-bottom: 0;
659 font-size: 16px;
660 font-weight: 300;
661 line-height: 25px;
662 }
663 blockquote small {
664 display: block;
665 line-height: 20px;
666 color: #999999;
667 }
668 blockquote small:before {
669 content: '\2014 \00A0';
670 }
671 blockquote.pull-right {
672 float: right;
673 padding-right: 15px;
674 padding-left: 0;
675 border-right: 5px solid #eeeeee;
676 border-left: 0;
677 }
678 blockquote.pull-right p,
679 blockquote.pull-right small {
680 text-align: right;
681 }
682 blockquote.pull-right small:before {
683 content: '';
684 }
685 blockquote.pull-right small:after {
686 content: '\00A0 \2014';
687 }
688 q:before,
689 q:after,
690 blockquote:before,
691 blockquote:after {
692 content: "";
693 }
694 address {
695 display: block;
696 margin-bottom: 20px;
697 font-style: normal;
698 line-height: 20px;
699 }
700 code,
701 pre {
702 padding: 0 3px 2px;
703 font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
704 font-size: 12px;
705 color: #333333;
706 -webkit-border-radius: 3px;
707 -moz-border-radius: 3px;
708 border-radius: 3px;
709 }
710 code {
711 padding: 2px 4px;
712 color: #d14;
713 background-color: #f7f7f9;
714 border: 1px solid #e1e1e8;
715 }
716 pre {
717 display: block;
718 padding: 9.5px;
719 margin: 0 0 10px;
720 font-size: 13px;
721 line-height: 20px;
722 word-break: break-all;
723 word-wrap: break-word;
724 white-space: pre;
725 white-space: pre-wrap;
726 background-color: #f5f5f5;
727 border: 1px solid #ccc;
728 border: 1px solid rgba(0, 0, 0, 0.15);
729 -webkit-border-radius: 4px;
730 -moz-border-radius: 4px;
731 border-radius: 4px;
732 }
733 pre.prettyprint {
734 margin-bottom: 20px;
735 }
736 pre code {
737 padding: 0;
738 color: inherit;
739 background-color: transparent;
740 border: 0;
741 }
742 .pre-scrollable {
743 max-height: 340px;
744 overflow-y: scroll;
745 }
746 form {
747 margin: 0 0 20px;
748 }
749 fieldset {
750 padding: 0;
751 margin: 0;
752 border: 0;
753 }
754 legend {
755 display: block;
756 width: 100%;
757 padding: 0;
758 margin-bottom: 20px;
759 font-size: 21px;
760 line-height: 40px;
761 color: #333333;
762 border: 0;
763 border-bottom: 1px solid #e5e5e5;
764 }
765 legend small {
766 font-size: 15px;
767 color: #999999;
768 }
769 label,
770 input,
771 button,
772 select,
773 textarea {
774 font-size: 14px;
775 font-weight: normal;
776 line-height: 20px;
777 }
778 input,
779 button,
780 select,
781 textarea {
782 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
783 }
784 label {
785 display: block;
786 margin-bottom: 5px;
787 }
788 select,
789 textarea,
790 input[type="text"],
791 input[type="password"],
792 input[type="datetime"],
793 input[type="datetime-local"],
794 input[type="date"],
795 input[type="month"],
796 input[type="time"],
797 input[type="week"],
798 input[type="number"],
799 input[type="email"],
800 input[type="url"],
801 input[type="search"],
802 input[type="tel"],
803 input[type="color"],
804 .uneditable-input {
805 display: inline-block;
806 height: 20px;
807 padding: 4px 6px;
808 margin-bottom: 9px;
809 font-size: 14px;
810 line-height: 20px;
811 color: #555555;
812 -webkit-border-radius: 3px;
813 -moz-border-radius: 3px;
814 border-radius: 3px;
815 }
816 input,
817 textarea,
818 .uneditable-input {
819 width: 206px;
820 }
821 textarea {
822 height: auto;
823 }
824 textarea,
825 input[type="text"],
826 input[type="password"],
827 input[type="datetime"],
828 input[type="datetime-local"],
829 input[type="date"],
830 input[type="month"],
831 input[type="time"],
832 input[type="week"],
833 input[type="number"],
834 input[type="email"],
835 input[type="url"],
836 input[type="search"],
837 input[type="tel"],
838 input[type="color"],
839 .uneditable-input {
840 background-color: #ffffff;
841 border: 1px solid #cccccc;
842 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
843 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
844 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
845 -webkit-transition: border linear .2s, box-shadow linear .2s;
846 -moz-transition: border linear .2s, box-shadow linear .2s;
847 -o-transition: border linear .2s, box-shadow linear .2s;
848 transition: border linear .2s, box-shadow linear .2s;
849 }
850 textarea:focus,
851 input[type="text"]:focus,
852 input[type="password"]:focus,
853 input[type="datetime"]:focus,
854 input[type="datetime-local"]:focus,
855 input[type="date"]:focus,
856 input[type="month"]:focus,
857 input[type="time"]:focus,
858 input[type="week"]:focus,
859 input[type="number"]:focus,
860 input[type="email"]:focus,
861 input[type="url"]:focus,
862 input[type="search"]:focus,
863 input[type="tel"]:focus,
864 input[type="color"]:focus,
865 .uneditable-input:focus {
866 border-color: rgba(82, 168, 236, 0.8);
867 outline: 0;
868 outline: thin dotted \9;
869 /* IE6-9 */
870
871 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
872 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
873 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
874 }
875 input[type="radio"],
876 input[type="checkbox"] {
877 margin: 4px 0 0;
878 *margin-top: 0;
879 /* IE7 */
880
881 margin-top: 1px \9;
882 /* IE8-9 */
883
884 line-height: normal;
885 cursor: pointer;
886 }
887 input[type="file"],
888 input[type="image"],
889 input[type="submit"],
890 input[type="reset"],
891 input[type="button"],
892 input[type="radio"],
893 input[type="checkbox"] {
894 width: auto;
895 }
896 select,
897 input[type="file"] {
898 height: 30px;
899 /* In IE7, the height of the select element cannot be changed by height, only font-size */
900
901 *margin-top: 4px;
902 /* For IE7, add top margin to align select with labels */
903
904 line-height: 30px;
905 }
906 select {
907 width: 220px;
908 border: 1px solid #cccccc;
909 background-color: #ffffff;
910 }
911 select[multiple],
912 select[size] {
913 height: auto;
914 }
915 select:focus,
916 input[type="file"]:focus,
917 input[type="radio"]:focus,
918 input[type="checkbox"]:focus {
919 outline: thin dotted #333;
920 outline: 5px auto -webkit-focus-ring-color;
921 outline-offset: -2px;
922 }
923 .uneditable-input,
924 .uneditable-textarea {
925 color: #999999;
926 background-color: #fcfcfc;
927 border-color: #cccccc;
928 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
929 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
930 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
931 cursor: not-allowed;
932 }
933 .uneditable-input {
934 overflow: hidden;
935 white-space: nowrap;
936 }
937 .uneditable-textarea {
938 width: auto;
939 height: auto;
940 }
941 input:-moz-placeholder,
942 textarea:-moz-placeholder {
943 color: #999999;
944 }
945 input:-ms-input-placeholder,
946 textarea:-ms-input-placeholder {
947 color: #999999;
948 }
949 input::-webkit-input-placeholder,
950 textarea::-webkit-input-placeholder {
951 color: #999999;
952 }
953 .radio,
954 .checkbox {
955 min-height: 18px;
956 padding-left: 18px;
957 }
958 .radio input[type="radio"],
959 .checkbox input[type="checkbox"] {
960 float: left;
961 margin-left: -18px;
962 }
963 .controls > .radio:first-child,
964 .controls > .checkbox:first-child {
965 padding-top: 5px;
966 }
967 .radio.inline,
968 .checkbox.inline {
969 display: inline-block;
970 padding-top: 5px;
971 margin-bottom: 0;
972 vertical-align: middle;
973 }
974 .radio.inline + .radio.inline,
975 .checkbox.inline + .checkbox.inline {
976 margin-left: 10px;
977 }
978 .input-mini {
979 width: 60px;
980 }
981 .input-small {
982 width: 90px;
983 }
984 .input-medium {
985 width: 150px;
986 }
987 .input-large {
988 width: 210px;
989 }
990 .input-xlarge {
991 width: 270px;
992 }
993 .input-xxlarge {
994 width: 530px;
995 }
996 input[class*="span"],
997 select[class*="span"],
998 textarea[class*="span"],
999 .uneditable-input[class*="span"],
1000 .row-fluid input[class*="span"],
1001 .row-fluid select[class*="span"],
1002 .row-fluid textarea[class*="span"],
1003 .row-fluid .uneditable-input[class*="span"] {
1004 float: none;
1005 margin-left: 0;
1006 }
1007 .input-append input[class*="span"],
1008 .input-append .uneditable-input[class*="span"],
1009 .input-prepend input[class*="span"],
1010 .input-prepend .uneditable-input[class*="span"],
1011 .row-fluid input[class*="span"],
1012 .row-fluid select[class*="span"],
1013 .row-fluid textarea[class*="span"],
1014 .row-fluid .uneditable-input[class*="span"],
1015 .row-fluid .input-prepend [class*="span"],
1016 .row-fluid .input-append [class*="span"] {
1017 display: inline-block;
1018 }
1019 input,
1020 textarea,
1021 .uneditable-input {
1022 margin-left: 0;
1023 }
1024 .controls-row [class*="span"] + [class*="span"] {
1025 margin-left: 20px;
1026 }
1027 input.span12, textarea.span12, .uneditable-input.span12 {
1028 width: 926px;
1029 }
1030 input.span11, textarea.span11, .uneditable-input.span11 {
1031 width: 846px;
1032 }
1033 input.span10, textarea.span10, .uneditable-input.span10 {
1034 width: 766px;
1035 }
1036 input.span9, textarea.span9, .uneditable-input.span9 {
1037 width: 686px;
1038 }
1039 input.span8, textarea.span8, .uneditable-input.span8 {
1040 width: 606px;
1041 }
1042 input.span7, textarea.span7, .uneditable-input.span7 {
1043 width: 526px;
1044 }
1045 input.span6, textarea.span6, .uneditable-input.span6 {
1046 width: 446px;
1047 }
1048 input.span5, textarea.span5, .uneditable-input.span5 {
1049 width: 366px;
1050 }
1051 input.span4, textarea.span4, .uneditable-input.span4 {
1052 width: 286px;
1053 }
1054 input.span3, textarea.span3, .uneditable-input.span3 {
1055 width: 206px;
1056 }
1057 input.span2, textarea.span2, .uneditable-input.span2 {
1058 width: 126px;
1059 }
1060 input.span1, textarea.span1, .uneditable-input.span1 {
1061 width: 46px;
1062 }
1063 .controls-row {
1064 *zoom: 1;
1065 }
1066 .controls-row:before,
1067 .controls-row:after {
1068 display: table;
1069 content: "";
1070 line-height: 0;
1071 }
1072 .controls-row:after {
1073 clear: both;
1074 }
1075 .controls-row [class*="span"] {
1076 float: left;
1077 }
1078 input[disabled],
1079 select[disabled],
1080 textarea[disabled],
1081 input[readonly],
1082 select[readonly],
1083 textarea[readonly] {
1084 cursor: not-allowed;
1085 background-color: #eeeeee;
1086 }
1087 input[type="radio"][disabled],
1088 input[type="checkbox"][disabled],
1089 input[type="radio"][readonly],
1090 input[type="checkbox"][readonly] {
1091 background-color: transparent;
1092 }
1093 .control-group.warning > label,
1094 .control-group.warning .help-block,
1095 .control-group.warning .help-inline {
1096 color: #c09853;
1097 }
1098 .control-group.warning .checkbox,
1099 .control-group.warning .radio,
1100 .control-group.warning input,
1101 .control-group.warning select,
1102 .control-group.warning textarea {
1103 color: #c09853;
1104 }
1105 .control-group.warning input,
1106 .control-group.warning select,
1107 .control-group.warning textarea {
1108 border-color: #c09853;
1109 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1110 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1111 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1112 }
1113 .control-group.warning input:focus,
1114 .control-group.warning select:focus,
1115 .control-group.warning textarea:focus {
1116 border-color: #a47e3c;
1117 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
1118 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
1119 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
1120 }
1121 .control-group.warning .input-prepend .add-on,
1122 .control-group.warning .input-append .add-on {
1123 color: #c09853;
1124 background-color: #fcf8e3;
1125 border-color: #c09853;
1126 }
1127 .control-group.error > label,
1128 .control-group.error .help-block,
1129 .control-group.error .help-inline {
1130 color: #b94a48;
1131 }
1132 .control-group.error .checkbox,
1133 .control-group.error .radio,
1134 .control-group.error input,
1135 .control-group.error select,
1136 .control-group.error textarea {
1137 color: #b94a48;
1138 }
1139 .control-group.error input,
1140 .control-group.error select,
1141 .control-group.error textarea {
1142 border-color: #b94a48;
1143 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1144 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1145 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1146 }
1147 .control-group.error input:focus,
1148 .control-group.error select:focus,
1149 .control-group.error textarea:focus {
1150 border-color: #953b39;
1151 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
1152 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
1153 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
1154 }
1155 .control-group.error .input-prepend .add-on,
1156 .control-group.error .input-append .add-on {
1157 color: #b94a48;
1158 background-color: #f2dede;
1159 border-color: #b94a48;
1160 }
1161 .control-group.success > label,
1162 .control-group.success .help-block,
1163 .control-group.success .help-inline {
1164 color: #468847;
1165 }
1166 .control-group.success .checkbox,
1167 .control-group.success .radio,
1168 .control-group.success input,
1169 .control-group.success select,
1170 .control-group.success textarea {
1171 color: #468847;
1172 }
1173 .control-group.success input,
1174 .control-group.success select,
1175 .control-group.success textarea {
1176 border-color: #468847;
1177 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1178 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1179 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1180 }
1181 .control-group.success input:focus,
1182 .control-group.success select:focus,
1183 .control-group.success textarea:focus {
1184 border-color: #356635;
1185 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
1186 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
1187 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
1188 }
1189 .control-group.success .input-prepend .add-on,
1190 .control-group.success .input-append .add-on {
1191 color: #468847;
1192 background-color: #dff0d8;
1193 border-color: #468847;
1194 }
1195 .control-group.info > label,
1196 .control-group.info .help-block,
1197 .control-group.info .help-inline {
1198 color: #3a87ad;
1199 }
1200 .control-group.info .checkbox,
1201 .control-group.info .radio,
1202 .control-group.info input,
1203 .control-group.info select,
1204 .control-group.info textarea {
1205 color: #3a87ad;
1206 }
1207 .control-group.info input,
1208 .control-group.info select,
1209 .control-group.info textarea {
1210 border-color: #3a87ad;
1211 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1212 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1213 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1214 }
1215 .control-group.info input:focus,
1216 .control-group.info select:focus,
1217 .control-group.info textarea:focus {
1218 border-color: #2d6987;
1219 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
1220 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
1221 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
1222 }
1223 .control-group.info .input-prepend .add-on,
1224 .control-group.info .input-append .add-on {
1225 color: #3a87ad;
1226 background-color: #d9edf7;
1227 border-color: #3a87ad;
1228 }
1229 input:focus:required:invalid,
1230 textarea:focus:required:invalid,
1231 select:focus:required:invalid {
1232 color: #b94a48;
1233 border-color: #ee5f5b;
1234 }
1235 input:focus:required:invalid:focus,
1236 textarea:focus:required:invalid:focus,
1237 select:focus:required:invalid:focus {
1238 border-color: #e9322d;
1239 -webkit-box-shadow: 0 0 6px #f8b9b7;
1240 -moz-box-shadow: 0 0 6px #f8b9b7;
1241 box-shadow: 0 0 6px #f8b9b7;
1242 }
1243 .form-actions {
1244 padding: 19px 20px 20px;
1245 margin-top: 20px;
1246 margin-bottom: 20px;
1247 background-color: #f5f5f5;
1248 border-top: 1px solid #e5e5e5;
1249 *zoom: 1;
1250 }
1251 .form-actions:before,
1252 .form-actions:after {
1253 display: table;
1254 content: "";
1255 line-height: 0;
1256 }
1257 .form-actions:after {
1258 clear: both;
1259 }
1260 .help-block,
1261 .help-inline {
1262 color: #595959;
1263 }
1264 .help-block {
1265 display: block;
1266 margin-bottom: 10px;
1267 }
1268 .help-inline {
1269 display: inline-block;
1270 *display: inline;
1271 /* IE7 inline-block hack */
1272
1273 *zoom: 1;
1274 vertical-align: middle;
1275 padding-left: 5px;
1276 }
1277 .input-append,
1278 .input-prepend {
1279 margin-bottom: 5px;
1280 font-size: 0;
1281 white-space: nowrap;
1282 }
1283 .input-append input,
1284 .input-prepend input,
1285 .input-append select,
1286 .input-prepend select,
1287 .input-append .uneditable-input,
1288 .input-prepend .uneditable-input {
1289 position: relative;
1290 margin-bottom: 0;
1291 *margin-left: 0;
1292 font-size: 14px;
1293 vertical-align: top;
1294 -webkit-border-radius: 0 3px 3px 0;
1295 -moz-border-radius: 0 3px 3px 0;
1296 border-radius: 0 3px 3px 0;
1297 }
1298 .input-append input:focus,
1299 .input-prepend input:focus,
1300 .input-append select:focus,
1301 .input-prepend select:focus,
1302 .input-append .uneditable-input:focus,
1303 .input-prepend .uneditable-input:focus {
1304 z-index: 2;
1305 }
1306 .input-append .add-on,
1307 .input-prepend .add-on {
1308 display: inline-block;
1309 width: auto;
1310 height: 20px;
1311 min-width: 16px;
1312 padding: 4px 5px;
1313 font-size: 14px;
1314 font-weight: normal;
1315 line-height: 20px;
1316 text-align: center;
1317 text-shadow: 0 1px 0 #ffffff;
1318 background-color: #eeeeee;
1319 border: 1px solid #ccc;
1320 }
1321 .input-append .add-on,
1322 .input-prepend .add-on,
1323 .input-append .btn,
1324 .input-prepend .btn {
1325 vertical-align: top;
1326 -webkit-border-radius: 0;
1327 -moz-border-radius: 0;
1328 border-radius: 0;
1329 }
1330 .input-append .active,
1331 .input-prepend .active {
1332 background-color: #a9dba9;
1333 border-color: #46a546;
1334 }
1335 .input-prepend .add-on,
1336 .input-prepend .btn {
1337 margin-right: -1px;
1338 }
1339 .input-prepend .add-on:first-child,
1340 .input-prepend .btn:first-child {
1341 -webkit-border-radius: 3px 0 0 3px;
1342 -moz-border-radius: 3px 0 0 3px;
1343 border-radius: 3px 0 0 3px;
1344 }
1345 .input-append input,
1346 .input-append select,
1347 .input-append .uneditable-input {
1348 -webkit-border-radius: 3px 0 0 3px;
1349 -moz-border-radius: 3px 0 0 3px;
1350 border-radius: 3px 0 0 3px;
1351 }
1352 .input-append .add-on,
1353 .input-append .btn {
1354 margin-left: -1px;
1355 }
1356 .input-append .add-on:last-child,
1357 .input-append .btn:last-child {
1358 -webkit-border-radius: 0 3px 3px 0;
1359 -moz-border-radius: 0 3px 3px 0;
1360 border-radius: 0 3px 3px 0;
1361 }
1362 .input-prepend.input-append input,
1363 .input-prepend.input-append select,
1364 .input-prepend.input-append .uneditable-input {
1365 -webkit-border-radius: 0;
1366 -moz-border-radius: 0;
1367 border-radius: 0;
1368 }
1369 .input-prepend.input-append .add-on:first-child,
1370 .input-prepend.input-append .btn:first-child {
1371 margin-right: -1px;
1372 -webkit-border-radius: 3px 0 0 3px;
1373 -moz-border-radius: 3px 0 0 3px;
1374 border-radius: 3px 0 0 3px;
1375 }
1376 .input-prepend.input-append .add-on:last-child,
1377 .input-prepend.input-append .btn:last-child {
1378 margin-left: -1px;
1379 -webkit-border-radius: 0 3px 3px 0;
1380 -moz-border-radius: 0 3px 3px 0;
1381 border-radius: 0 3px 3px 0;
1382 }
1383 input.search-query {
1384 padding-right: 14px;
1385 padding-right: 4px \9;
1386 padding-left: 14px;
1387 padding-left: 4px \9;
1388 /* IE7-8 doesn't have border-radius, so don't indent the padding */
1389
1390 margin-bottom: 0;
1391 -webkit-border-radius: 15px;
1392 -moz-border-radius: 15px;
1393 border-radius: 15px;
1394 }
1395 /* Allow for input prepend/append in search forms */
1396 .form-search .input-append .search-query,
1397 .form-search .input-prepend .search-query {
1398 -webkit-border-radius: 0;
1399 -moz-border-radius: 0;
1400 border-radius: 0;
1401 }
1402 .form-search .input-append .search-query {
1403 -webkit-border-radius: 14px 0 0 14px;
1404 -moz-border-radius: 14px 0 0 14px;
1405 border-radius: 14px 0 0 14px;
1406 }
1407 .form-search .input-append .btn {
1408 -webkit-border-radius: 0 14px 14px 0;
1409 -moz-border-radius: 0 14px 14px 0;
1410 border-radius: 0 14px 14px 0;
1411 }
1412 .form-search .input-prepend .search-query {
1413 -webkit-border-radius: 0 14px 14px 0;
1414 -moz-border-radius: 0 14px 14px 0;
1415 border-radius: 0 14px 14px 0;
1416 }
1417 .form-search .input-prepend .btn {
1418 -webkit-border-radius: 14px 0 0 14px;
1419 -moz-border-radius: 14px 0 0 14px;
1420 border-radius: 14px 0 0 14px;
1421 }
1422 .form-search input,
1423 .form-inline input,
1424 .form-horizontal input,
1425 .form-search textarea,
1426 .form-inline textarea,
1427 .form-horizontal textarea,
1428 .form-search select,
1429 .form-inline select,
1430 .form-horizontal select,
1431 .form-search .help-inline,
1432 .form-inline .help-inline,
1433 .form-horizontal .help-inline,
1434 .form-search .uneditable-input,
1435 .form-inline .uneditable-input,
1436 .form-horizontal .uneditable-input,
1437 .form-search .input-prepend,
1438 .form-inline .input-prepend,
1439 .form-horizontal .input-prepend,
1440 .form-search .input-append,
1441 .form-inline .input-append,
1442 .form-horizontal .input-append {
1443 display: inline-block;
1444 *display: inline;
1445 /* IE7 inline-block hack */
1446
1447 *zoom: 1;
1448 margin-bottom: 0;
1449 vertical-align: middle;
1450 }
1451 .form-search .hide,
1452 .form-inline .hide,
1453 .form-horizontal .hide {
1454 display: none;
1455 }
1456 .form-search label,
1457 .form-inline label,
1458 .form-search .btn-group,
1459 .form-inline .btn-group {
1460 display: inline-block;
1461 }
1462 .form-search .input-append,
1463 .form-inline .input-append,
1464 .form-search .input-prepend,
1465 .form-inline .input-prepend {
1466 margin-bottom: 0;
1467 }
1468 .form-search .radio,
1469 .form-search .checkbox,
1470 .form-inline .radio,
1471 .form-inline .checkbox {
1472 padding-left: 0;
1473 margin-bottom: 0;
1474 vertical-align: middle;
1475 }
1476 .form-search .radio input[type="radio"],
1477 .form-search .checkbox input[type="checkbox"],
1478 .form-inline .radio input[type="radio"],
1479 .form-inline .checkbox input[type="checkbox"] {
1480 float: left;
1481 margin-right: 3px;
1482 margin-left: 0;
1483 }
1484 .control-group {
1485 margin-bottom: 10px;
1486 }
1487 legend + .control-group {
1488 margin-top: 20px;
1489 -webkit-margin-top-collapse: separate;
1490 }
1491 .form-horizontal .control-group {
1492 margin-bottom: 20px;
1493 *zoom: 1;
1494 }
1495 .form-horizontal .control-group:before,
1496 .form-horizontal .control-group:after {
1497 display: table;
1498 content: "";
1499 line-height: 0;
1500 }
1501 .form-horizontal .control-group:after {
1502 clear: both;
1503 }
1504 .form-horizontal .control-label {
1505 float: left;
1506 width: 160px;
1507 padding-top: 5px;
1508 text-align: right;
1509 }
1510 .form-horizontal .controls {
1511 *display: inline-block;
1512 *padding-left: 20px;
1513 margin-left: 180px;
1514 *margin-left: 0;
1515 }
1516 .form-horizontal .controls:first-child {
1517 *padding-left: 180px;
1518 }
1519 .form-horizontal .help-block {
1520 margin-bottom: 0;
1521 }
1522 .form-horizontal input + .help-block,
1523 .form-horizontal select + .help-block,
1524 .form-horizontal textarea + .help-block {
1525 margin-top: 10px;
1526 }
1527 .form-horizontal .form-actions {
1528 padding-left: 180px;
1529 }
1530 .btn {
1531 display: inline-block;
1532 *display: inline;
1533 /* IE7 inline-block hack */
1534
1535 *zoom: 1;
1536 padding: 4px 14px;
1537 margin-bottom: 0;
1538 font-size: 14px;
1539 line-height: 20px;
1540 *line-height: 20px;
1541 text-align: center;
1542 vertical-align: middle;
1543 cursor: pointer;
1544 color: #333333;
1545 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1546 background-color: #f5f5f5;
1547 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
1548 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
1549 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
1550 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
1551 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
1552 background-repeat: repeat-x;
1553 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
1554 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
1555 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1556 *background-color: #e6e6e6;
1557 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
1558
1559 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1560 border: 1px solid #bbbbbb;
1561 *border: 0;
1562 border-bottom-color: #a2a2a2;
1563 -webkit-border-radius: 4px;
1564 -moz-border-radius: 4px;
1565 border-radius: 4px;
1566 *margin-left: .3em;
1567 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1568 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1569 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1570 }
1571 .btn:hover,
1572 .btn:active,
1573 .btn.active,
1574 .btn.disabled,
1575 .btn[disabled] {
1576 color: #333333;
1577 background-color: #e6e6e6;
1578 *background-color: #d9d9d9;
1579 }
1580 .btn:active,
1581 .btn.active {
1582 background-color: #cccccc \9;
1583 }
1584 .btn:first-child {
1585 *margin-left: 0;
1586 }
1587 .btn:hover {
1588 color: #333333;
1589 text-decoration: none;
1590 background-color: #e6e6e6;
1591 *background-color: #d9d9d9;
1592 /* Buttons in IE7 don't get borders, so darken on hover */
1593
1594 background-position: 0 -15px;
1595 -webkit-transition: background-position 0.1s linear;
1596 -moz-transition: background-position 0.1s linear;
1597 -o-transition: background-position 0.1s linear;
1598 transition: background-position 0.1s linear;
1599 }
1600 .btn:focus {
1601 outline: thin dotted #333;
1602 outline: 5px auto -webkit-focus-ring-color;
1603 outline-offset: -2px;
1604 }
1605 .btn.active,
1606 .btn:active {
1607 background-color: #e6e6e6;
1608 background-color: #d9d9d9 \9;
1609 background-image: none;
1610 outline: 0;
1611 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
1612 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
1613 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
1614 }
1615 .btn.disabled,
1616 .btn[disabled] {
1617 cursor: default;
1618 background-color: #e6e6e6;
1619 background-image: none;
1620 opacity: 0.65;
1621 filter: alpha(opacity=65);
1622 -webkit-box-shadow: none;
1623 -moz-box-shadow: none;
1624 box-shadow: none;
1625 }
1626 .btn-large {
1627 padding: 9px 14px;
1628 font-size: 16px;
1629 line-height: normal;
1630 -webkit-border-radius: 5px;
1631 -moz-border-radius: 5px;
1632 border-radius: 5px;
1633 }
1634 .btn-large [class^="icon-"] {
1635 margin-top: 2px;
1636 }
1637 .btn-small {
1638 padding: 3px 9px;
1639 font-size: 12px;
1640 line-height: 18px;
1641 }
1642 .btn-small [class^="icon-"] {
1643 margin-top: 0;
1644 }
1645 .btn-mini {
1646 padding: 2px 6px;
1647 font-size: 11px;
1648 line-height: 17px;
1649 }
1650 .btn-block {
1651 display: block;
1652 width: 100%;
1653 padding-left: 0;
1654 padding-right: 0;
1655 -webkit-box-sizing: border-box;
1656 -moz-box-sizing: border-box;
1657 box-sizing: border-box;
1658 }
1659 .btn-block + .btn-block {
1660 margin-top: 5px;
1661 }
1662 input[type="submit"].btn-block,
1663 input[type="reset"].btn-block,
1664 input[type="button"].btn-block {
1665 width: 100%;
1666 }
1667 .btn-primary.active,
1668 .btn-warning.active,
1669 .btn-danger.active,
1670 .btn-success.active,
1671 .btn-info.active,
1672 .btn-inverse.active {
1673 color: rgba(255, 255, 255, 0.75);
1674 }
1675 .btn {
1676 border-color: #c5c5c5;
1677 border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
1678 }
1679 .btn-primary {
1680 color: #ffffff;
1681 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1682 background-color: #006dcc;
1683 background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
1684 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
1685 background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
1686 background-image: -o-linear-gradient(top, #0088cc, #0044cc);
1687 background-image: linear-gradient(to bottom, #0088cc, #0044cc);
1688 background-repeat: repeat-x;
1689 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
1690 border-color: #0044cc #0044cc #002a80;
1691 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1692 *background-color: #0044cc;
1693 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
1694
1695 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1696 }
1697 .btn-primary:hover,
1698 .btn-primary:active,
1699 .btn-primary.active,
1700 .btn-primary.disabled,
1701 .btn-primary[disabled] {
1702 color: #ffffff;
1703 background-color: #0044cc;
1704 *background-color: #003bb3;
1705 }
1706 .btn-primary:active,
1707 .btn-primary.active {
1708 background-color: #003399 \9;
1709 }
1710 .btn-warning {
1711 color: #ffffff;
1712 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1713 background-color: #faa732;
1714 background-image: -moz-linear-gradient(top, #fbb450, #f89406);
1715 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
1716 background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
1717 background-image: -o-linear-gradient(top, #fbb450, #f89406);
1718 background-image: linear-gradient(to bottom, #fbb450, #f89406);
1719 background-repeat: repeat-x;
1720 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
1721 border-color: #f89406 #f89406 #ad6704;
1722 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1723 *background-color: #f89406;
1724 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
1725
1726 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1727 }
1728 .btn-warning:hover,
1729 .btn-warning:active,
1730 .btn-warning.active,
1731 .btn-warning.disabled,
1732 .btn-warning[disabled] {
1733 color: #ffffff;
1734 background-color: #f89406;
1735 *background-color: #df8505;
1736 }
1737 .btn-warning:active,
1738 .btn-warning.active {
1739 background-color: #c67605 \9;
1740 }
1741 .btn-danger {
1742 color: #ffffff;
1743 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1744 background-color: #da4f49;
1745 background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
1746 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
1747 background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
1748 background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
1749 background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
1750 background-repeat: repeat-x;
1751 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
1752 border-color: #bd362f #bd362f #802420;
1753 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1754 *background-color: #bd362f;
1755 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
1756
1757 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1758 }
1759 .btn-danger:hover,
1760 .btn-danger:active,
1761 .btn-danger.active,
1762 .btn-danger.disabled,
1763 .btn-danger[disabled] {
1764 color: #ffffff;
1765 background-color: #bd362f;
1766 *background-color: #a9302a;
1767 }
1768 .btn-danger:active,
1769 .btn-danger.active {
1770 background-color: #942a25 \9;
1771 }
1772 .btn-success {
1773 color: #ffffff;
1774 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1775 background-color: #5bb75b;
1776 background-image: -moz-linear-gradient(top, #62c462, #51a351);
1777 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
1778 background-image: -webkit-linear-gradient(top, #62c462, #51a351);
1779 background-image: -o-linear-gradient(top, #62c462, #51a351);
1780 background-image: linear-gradient(to bottom, #62c462, #51a351);
1781 background-repeat: repeat-x;
1782 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
1783 border-color: #51a351 #51a351 #387038;
1784 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1785 *background-color: #51a351;
1786 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
1787
1788 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1789 }
1790 .btn-success:hover,
1791 .btn-success:active,
1792 .btn-success.active,
1793 .btn-success.disabled,
1794 .btn-success[disabled] {
1795 color: #ffffff;
1796 background-color: #51a351;
1797 *background-color: #499249;
1798 }
1799 .btn-success:active,
1800 .btn-success.active {
1801 background-color: #408140 \9;
1802 }
1803 .btn-info {
1804 color: #ffffff;
1805 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1806 background-color: #49afcd;
1807 background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
1808 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
1809 background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
1810 background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
1811 background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
1812 background-repeat: repeat-x;
1813 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
1814 border-color: #2f96b4 #2f96b4 #1f6377;
1815 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1816 *background-color: #2f96b4;
1817 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
1818
1819 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1820 }
1821 .btn-info:hover,
1822 .btn-info:active,
1823 .btn-info.active,
1824 .btn-info.disabled,
1825 .btn-info[disabled] {
1826 color: #ffffff;
1827 background-color: #2f96b4;
1828 *background-color: #2a85a0;
1829 }
1830 .btn-info:active,
1831 .btn-info.active {
1832 background-color: #24748c \9;
1833 }
1834 .btn-inverse {
1835 color: #ffffff;
1836 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1837 background-color: #363636;
1838 background-image: -moz-linear-gradient(top, #444444, #222222);
1839 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
1840 background-image: -webkit-linear-gradient(top, #444444, #222222);
1841 background-image: -o-linear-gradient(top, #444444, #222222);
1842 background-image: linear-gradient(to bottom, #444444, #222222);
1843 background-repeat: repeat-x;
1844 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
1845 border-color: #222222 #222222 #000000;
1846 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1847 *background-color: #222222;
1848 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
1849
1850 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1851 }
1852 .btn-inverse:hover,
1853 .btn-inverse:active,
1854 .btn-inverse.active,
1855 .btn-inverse.disabled,
1856 .btn-inverse[disabled] {
1857 color: #ffffff;
1858 background-color: #222222;
1859 *background-color: #151515;
1860 }
1861 .btn-inverse:active,
1862 .btn-inverse.active {
1863 background-color: #080808 \9;
1864 }
1865 button.btn,
1866 input[type="submit"].btn {
1867 *padding-top: 3px;
1868 *padding-bottom: 3px;
1869 }
1870 button.btn::-moz-focus-inner,
1871 input[type="submit"].btn::-moz-focus-inner {
1872 padding: 0;
1873 border: 0;
1874 }
1875 button.btn.btn-large,
1876 input[type="submit"].btn.btn-large {
1877 *padding-top: 7px;
1878 *padding-bottom: 7px;
1879 }
1880 button.btn.btn-small,
1881 input[type="submit"].btn.btn-small {
1882 *padding-top: 3px;
1883 *padding-bottom: 3px;
1884 }
1885 button.btn.btn-mini,
1886 input[type="submit"].btn.btn-mini {
1887 *padding-top: 1px;
1888 *padding-bottom: 1px;
1889 }
1890 .btn-link,
1891 .btn-link:active,
1892 .btn-link[disabled] {
1893 background-color: transparent;
1894 background-image: none;
1895 -webkit-box-shadow: none;
1896 -moz-box-shadow: none;
1897 box-shadow: none;
1898 }
1899 .btn-link {
1900 border-color: transparent;
1901 cursor: pointer;
1902 color: #0088cc;
1903 -webkit-border-radius: 0;
1904 -moz-border-radius: 0;
1905 border-radius: 0;
1906 }
1907 .btn-link:hover {
1908 color: #005580;
1909 text-decoration: underline;
1910 background-color: transparent;
1911 }
1912 .btn-link[disabled]:hover {
1913 color: #333333;
1914 text-decoration: none;
1915 }
1916