Mercurial > hg > Members > nobuyasu > TwitterBootstrap
comparison assets/css/bootstrap.css @ 3:902636e4a800 draft
move some files
author | Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Wed, 19 Sep 2012 22:33:03 +0900 |
parents | css/bootstrap.css@cfa3e2e51af7 |
children |
comparison
equal
deleted
inserted
replaced
2:144c93c1c71c | 3:902636e4a800 |
---|---|
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 | |
11 article, | |
12 aside, | |
13 details, | |
14 figcaption, | |
15 figure, | |
16 footer, | |
17 header, | |
18 hgroup, | |
19 nav, | |
20 section { | |
21 display: block; | |
22 } | |
23 | |
24 audio, | |
25 canvas, | |
26 video { | |
27 display: inline-block; | |
28 *display: inline; | |
29 *zoom: 1; | |
30 } | |
31 | |
32 audio:not([controls]) { | |
33 display: none; | |
34 } | |
35 | |
36 html { | |
37 font-size: 100%; | |
38 -webkit-text-size-adjust: 100%; | |
39 -ms-text-size-adjust: 100%; | |
40 } | |
41 | |
42 a:focus { | |
43 outline: thin dotted #333; | |
44 outline: 5px auto -webkit-focus-ring-color; | |
45 outline-offset: -2px; | |
46 } | |
47 | |
48 a:hover, | |
49 a:active { | |
50 outline: 0; | |
51 } | |
52 | |
53 sub, | |
54 sup { | |
55 position: relative; | |
56 font-size: 75%; | |
57 line-height: 0; | |
58 vertical-align: baseline; | |
59 } | |
60 | |
61 sup { | |
62 top: -0.5em; | |
63 } | |
64 | |
65 sub { | |
66 bottom: -0.25em; | |
67 } | |
68 | |
69 img { | |
70 width: auto\9; | |
71 height: auto; | |
72 max-width: 100%; | |
73 vertical-align: middle; | |
74 border: 0; | |
75 -ms-interpolation-mode: bicubic; | |
76 } | |
77 | |
78 #map_canvas img { | |
79 max-width: none; | |
80 } | |
81 | |
82 button, | |
83 input, | |
84 select, | |
85 textarea { | |
86 margin: 0; | |
87 font-size: 100%; | |
88 vertical-align: middle; | |
89 } | |
90 | |
91 button, | |
92 input { | |
93 *overflow: visible; | |
94 line-height: normal; | |
95 } | |
96 | |
97 button::-moz-focus-inner, | |
98 input::-moz-focus-inner { | |
99 padding: 0; | |
100 border: 0; | |
101 } | |
102 | |
103 button, | |
104 input[type="button"], | |
105 input[type="reset"], | |
106 input[type="submit"] { | |
107 cursor: pointer; | |
108 -webkit-appearance: button; | |
109 } | |
110 | |
111 input[type="search"] { | |
112 -webkit-box-sizing: content-box; | |
113 -moz-box-sizing: content-box; | |
114 box-sizing: content-box; | |
115 -webkit-appearance: textfield; | |
116 } | |
117 | |
118 input[type="search"]::-webkit-search-decoration, | |
119 input[type="search"]::-webkit-search-cancel-button { | |
120 -webkit-appearance: none; | |
121 } | |
122 | |
123 textarea { | |
124 overflow: auto; | |
125 vertical-align: top; | |
126 } | |
127 | |
128 .clearfix { | |
129 *zoom: 1; | |
130 } | |
131 | |
132 .clearfix:before, | |
133 .clearfix:after { | |
134 display: table; | |
135 line-height: 0; | |
136 content: ""; | |
137 } | |
138 | |
139 .clearfix:after { | |
140 clear: both; | |
141 } | |
142 | |
143 .hide-text { | |
144 font: 0/0 a; | |
145 color: transparent; | |
146 text-shadow: none; | |
147 background-color: transparent; | |
148 border: 0; | |
149 } | |
150 | |
151 .input-block-level { | |
152 display: block; | |
153 width: 100%; | |
154 min-height: 30px; | |
155 -webkit-box-sizing: border-box; | |
156 -moz-box-sizing: border-box; | |
157 box-sizing: border-box; | |
158 } | |
159 | |
160 body { | |
161 margin: 0; | |
162 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
163 font-size: 14px; | |
164 line-height: 20px; | |
165 color: #333333; | |
166 background-color: #ffffff; | |
167 } | |
168 | |
169 a { | |
170 color: #0088cc; | |
171 text-decoration: none; | |
172 } | |
173 | |
174 a:hover { | |
175 color: #005580; | |
176 text-decoration: underline; | |
177 } | |
178 | |
179 .img-rounded { | |
180 -webkit-border-radius: 6px; | |
181 -moz-border-radius: 6px; | |
182 border-radius: 6px; | |
183 } | |
184 | |
185 .img-polaroid { | |
186 padding: 4px; | |
187 background-color: #fff; | |
188 border: 1px solid #ccc; | |
189 border: 1px solid rgba(0, 0, 0, 0.2); | |
190 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | |
191 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | |
192 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | |
193 } | |
194 | |
195 .img-circle { | |
196 -webkit-border-radius: 500px; | |
197 -moz-border-radius: 500px; | |
198 border-radius: 500px; | |
199 } | |
200 | |
201 .row { | |
202 margin-left: -20px; | |
203 *zoom: 1; | |
204 } | |
205 | |
206 .row:before, | |
207 .row:after { | |
208 display: table; | |
209 line-height: 0; | |
210 content: ""; | |
211 } | |
212 | |
213 .row:after { | |
214 clear: both; | |
215 } | |
216 | |
217 [class*="span"] { | |
218 float: left; | |
219 min-height: 1px; | |
220 margin-left: 20px; | |
221 } | |
222 | |
223 .container, | |
224 .navbar-static-top .container, | |
225 .navbar-fixed-top .container, | |
226 .navbar-fixed-bottom .container { | |
227 width: 940px; | |
228 } | |
229 | |
230 .span12 { | |
231 width: 940px; | |
232 } | |
233 | |
234 .span11 { | |
235 width: 860px; | |
236 } | |
237 | |
238 .span10 { | |
239 width: 780px; | |
240 } | |
241 | |
242 .span9 { | |
243 width: 700px; | |
244 } | |
245 | |
246 .span8 { | |
247 width: 620px; | |
248 } | |
249 | |
250 .span7 { | |
251 width: 540px; | |
252 } | |
253 | |
254 .span6 { | |
255 width: 460px; | |
256 } | |
257 | |
258 .span5 { | |
259 width: 380px; | |
260 } | |
261 | |
262 .span4 { | |
263 width: 300px; | |
264 } | |
265 | |
266 .span3 { | |
267 width: 220px; | |
268 } | |
269 | |
270 .span2 { | |
271 width: 140px; | |
272 } | |
273 | |
274 .span1 { | |
275 width: 60px; | |
276 } | |
277 | |
278 .offset12 { | |
279 margin-left: 980px; | |
280 } | |
281 | |
282 .offset11 { | |
283 margin-left: 900px; | |
284 } | |
285 | |
286 .offset10 { | |
287 margin-left: 820px; | |
288 } | |
289 | |
290 .offset9 { | |
291 margin-left: 740px; | |
292 } | |
293 | |
294 .offset8 { | |
295 margin-left: 660px; | |
296 } | |
297 | |
298 .offset7 { | |
299 margin-left: 580px; | |
300 } | |
301 | |
302 .offset6 { | |
303 margin-left: 500px; | |
304 } | |
305 | |
306 .offset5 { | |
307 margin-left: 420px; | |
308 } | |
309 | |
310 .offset4 { | |
311 margin-left: 340px; | |
312 } | |
313 | |
314 .offset3 { | |
315 margin-left: 260px; | |
316 } | |
317 | |
318 .offset2 { | |
319 margin-left: 180px; | |
320 } | |
321 | |
322 .offset1 { | |
323 margin-left: 100px; | |
324 } | |
325 | |
326 .row-fluid { | |
327 width: 100%; | |
328 *zoom: 1; | |
329 } | |
330 | |
331 .row-fluid:before, | |
332 .row-fluid:after { | |
333 display: table; | |
334 line-height: 0; | |
335 content: ""; | |
336 } | |
337 | |
338 .row-fluid:after { | |
339 clear: both; | |
340 } | |
341 | |
342 .row-fluid [class*="span"] { | |
343 display: block; | |
344 float: left; | |
345 width: 100%; | |
346 min-height: 30px; | |
347 margin-left: 2.127659574468085%; | |
348 *margin-left: 2.074468085106383%; | |
349 -webkit-box-sizing: border-box; | |
350 -moz-box-sizing: border-box; | |
351 box-sizing: border-box; | |
352 } | |
353 | |
354 .row-fluid [class*="span"]:first-child { | |
355 margin-left: 0; | |
356 } | |
357 | |
358 .row-fluid .span12 { | |
359 width: 100%; | |
360 *width: 99.94680851063829%; | |
361 } | |
362 | |
363 .row-fluid .span11 { | |
364 width: 91.48936170212765%; | |
365 *width: 91.43617021276594%; | |
366 } | |
367 | |
368 .row-fluid .span10 { | |
369 width: 82.97872340425532%; | |
370 *width: 82.92553191489361%; | |
371 } | |
372 | |
373 .row-fluid .span9 { | |
374 width: 74.46808510638297%; | |
375 *width: 74.41489361702126%; | |
376 } | |
377 | |
378 .row-fluid .span8 { | |
379 width: 65.95744680851064%; | |
380 *width: 65.90425531914893%; | |
381 } | |
382 | |
383 .row-fluid .span7 { | |
384 width: 57.44680851063829%; | |
385 *width: 57.39361702127659%; | |
386 } | |
387 | |
388 .row-fluid .span6 { | |
389 width: 48.93617021276595%; | |
390 *width: 48.88297872340425%; | |
391 } | |
392 | |
393 .row-fluid .span5 { | |
394 width: 40.42553191489362%; | |
395 *width: 40.37234042553192%; | |
396 } | |
397 | |
398 .row-fluid .span4 { | |
399 width: 31.914893617021278%; | |
400 *width: 31.861702127659576%; | |
401 } | |
402 | |
403 .row-fluid .span3 { | |
404 width: 23.404255319148934%; | |
405 *width: 23.351063829787233%; | |
406 } | |
407 | |
408 .row-fluid .span2 { | |
409 width: 14.893617021276595%; | |
410 *width: 14.840425531914894%; | |
411 } | |
412 | |
413 .row-fluid .span1 { | |
414 width: 6.382978723404255%; | |
415 *width: 6.329787234042553%; | |
416 } | |
417 | |
418 .row-fluid .offset12 { | |
419 margin-left: 104.25531914893617%; | |
420 *margin-left: 104.14893617021275%; | |
421 } | |
422 | |
423 .row-fluid .offset12:first-child { | |
424 margin-left: 102.12765957446808%; | |
425 *margin-left: 102.02127659574467%; | |
426 } | |
427 | |
428 .row-fluid .offset11 { | |
429 margin-left: 95.74468085106382%; | |
430 *margin-left: 95.6382978723404%; | |
431 } | |
432 | |
433 .row-fluid .offset11:first-child { | |
434 margin-left: 93.61702127659574%; | |
435 *margin-left: 93.51063829787232%; | |
436 } | |
437 | |
438 .row-fluid .offset10 { | |
439 margin-left: 87.23404255319149%; | |
440 *margin-left: 87.12765957446807%; | |
441 } | |
442 | |
443 .row-fluid .offset10:first-child { | |
444 margin-left: 85.1063829787234%; | |
445 *margin-left: 84.99999999999999%; | |
446 } | |
447 | |
448 .row-fluid .offset9 { | |
449 margin-left: 78.72340425531914%; | |
450 *margin-left: 78.61702127659572%; | |
451 } | |
452 | |
453 .row-fluid .offset9:first-child { | |
454 margin-left: 76.59574468085106%; | |
455 *margin-left: 76.48936170212764%; | |
456 } | |
457 | |
458 .row-fluid .offset8 { | |
459 margin-left: 70.2127659574468%; | |
460 *margin-left: 70.10638297872339%; | |
461 } | |
462 | |
463 .row-fluid .offset8:first-child { | |
464 margin-left: 68.08510638297872%; | |
465 *margin-left: 67.9787234042553%; | |
466 } | |
467 | |
468 .row-fluid .offset7 { | |
469 margin-left: 61.70212765957446%; | |
470 *margin-left: 61.59574468085106%; | |
471 } | |
472 | |
473 .row-fluid .offset7:first-child { | |
474 margin-left: 59.574468085106375%; | |
475 *margin-left: 59.46808510638297%; | |
476 } | |
477 | |
478 .row-fluid .offset6 { | |
479 margin-left: 53.191489361702125%; | |
480 *margin-left: 53.085106382978715%; | |
481 } | |
482 | |
483 .row-fluid .offset6:first-child { | |
484 margin-left: 51.063829787234035%; | |
485 *margin-left: 50.95744680851063%; | |
486 } | |
487 | |
488 .row-fluid .offset5 { | |
489 margin-left: 44.68085106382979%; | |
490 *margin-left: 44.57446808510638%; | |
491 } | |
492 | |
493 .row-fluid .offset5:first-child { | |
494 margin-left: 42.5531914893617%; | |
495 *margin-left: 42.4468085106383%; | |
496 } | |
497 | |
498 .row-fluid .offset4 { | |
499 margin-left: 36.170212765957444%; | |
500 *margin-left: 36.06382978723405%; | |
501 } | |
502 | |
503 .row-fluid .offset4:first-child { | |
504 margin-left: 34.04255319148936%; | |
505 *margin-left: 33.93617021276596%; | |
506 } | |
507 | |
508 .row-fluid .offset3 { | |
509 margin-left: 27.659574468085104%; | |
510 *margin-left: 27.5531914893617%; | |
511 } | |
512 | |
513 .row-fluid .offset3:first-child { | |
514 margin-left: 25.53191489361702%; | |
515 *margin-left: 25.425531914893618%; | |
516 } | |
517 | |
518 .row-fluid .offset2 { | |
519 margin-left: 19.148936170212764%; | |
520 *margin-left: 19.04255319148936%; | |
521 } | |
522 | |
523 .row-fluid .offset2:first-child { | |
524 margin-left: 17.02127659574468%; | |
525 *margin-left: 16.914893617021278%; | |
526 } | |
527 | |
528 .row-fluid .offset1 { | |
529 margin-left: 10.638297872340425%; | |
530 *margin-left: 10.53191489361702%; | |
531 } | |
532 | |
533 .row-fluid .offset1:first-child { | |
534 margin-left: 8.51063829787234%; | |
535 *margin-left: 8.404255319148938%; | |
536 } | |
537 | |
538 [class*="span"].hide, | |
539 .row-fluid [class*="span"].hide { | |
540 display: none; | |
541 } | |
542 | |
543 [class*="span"].pull-right, | |
544 .row-fluid [class*="span"].pull-right { | |
545 float: right; | |
546 } | |
547 | |
548 .container { | |
549 margin-right: auto; | |
550 margin-left: auto; | |
551 *zoom: 1; | |
552 } | |
553 | |
554 .container:before, | |
555 .container:after { | |
556 display: table; | |
557 line-height: 0; | |
558 content: ""; | |
559 } | |
560 | |
561 .container:after { | |
562 clear: both; | |
563 } | |
564 | |
565 .container-fluid { | |
566 padding-right: 20px; | |
567 padding-left: 20px; | |
568 *zoom: 1; | |
569 } | |
570 | |
571 .container-fluid:before, | |
572 .container-fluid:after { | |
573 display: table; | |
574 line-height: 0; | |
575 content: ""; | |
576 } | |
577 | |
578 .container-fluid:after { | |
579 clear: both; | |
580 } | |
581 | |
582 p { | |
583 margin: 0 0 10px; | |
584 } | |
585 | |
586 .lead { | |
587 margin-bottom: 20px; | |
588 font-size: 21px; | |
589 font-weight: 200; | |
590 line-height: 30px; | |
591 } | |
592 | |
593 small { | |
594 font-size: 85%; | |
595 } | |
596 | |
597 strong { | |
598 font-weight: bold; | |
599 } | |
600 | |
601 em { | |
602 font-style: italic; | |
603 } | |
604 | |
605 cite { | |
606 font-style: normal; | |
607 } | |
608 | |
609 .muted { | |
610 color: #999999; | |
611 } | |
612 | |
613 .text-warning { | |
614 color: #c09853; | |
615 } | |
616 | |
617 .text-error { | |
618 color: #b94a48; | |
619 } | |
620 | |
621 .text-info { | |
622 color: #3a87ad; | |
623 } | |
624 | |
625 .text-success { | |
626 color: #468847; | |
627 } | |
628 | |
629 h1, | |
630 h2, | |
631 h3, | |
632 h4, | |
633 h5, | |
634 h6 { | |
635 margin: 10px 0; | |
636 font-family: inherit; | |
637 font-weight: bold; | |
638 line-height: 1; | |
639 color: inherit; | |
640 text-rendering: optimizelegibility; | |
641 } | |
642 | |
643 h1 small, | |
644 h2 small, | |
645 h3 small, | |
646 h4 small, | |
647 h5 small, | |
648 h6 small { | |
649 font-weight: normal; | |
650 line-height: 1; | |
651 color: #999999; | |
652 } | |
653 | |
654 h1 { | |
655 font-size: 36px; | |
656 line-height: 40px; | |
657 } | |
658 | |
659 h2 { | |
660 font-size: 30px; | |
661 line-height: 40px; | |
662 } | |
663 | |
664 h3 { | |
665 font-size: 24px; | |
666 line-height: 40px; | |
667 } | |
668 | |
669 h4 { | |
670 font-size: 18px; | |
671 line-height: 20px; | |
672 } | |
673 | |
674 h5 { | |
675 font-size: 14px; | |
676 line-height: 20px; | |
677 } | |
678 | |
679 h6 { | |
680 font-size: 12px; | |
681 line-height: 20px; | |
682 } | |
683 | |
684 h1 small { | |
685 font-size: 24px; | |
686 } | |
687 | |
688 h2 small { | |
689 font-size: 18px; | |
690 } | |
691 | |
692 h3 small { | |
693 font-size: 14px; | |
694 } | |
695 | |
696 h4 small { | |
697 font-size: 14px; | |
698 } | |
699 | |
700 .page-header { | |
701 padding-bottom: 9px; | |
702 margin: 20px 0 30px; | |
703 border-bottom: 1px solid #eeeeee; | |
704 } | |
705 | |
706 ul, | |
707 ol { | |
708 padding: 0; | |
709 margin: 0 0 10px 25px; | |
710 } | |
711 | |
712 ul ul, | |
713 ul ol, | |
714 ol ol, | |
715 ol ul { | |
716 margin-bottom: 0; | |
717 } | |
718 | |
719 li { | |
720 line-height: 20px; | |
721 } | |
722 | |
723 ul.unstyled, | |
724 ol.unstyled { | |
725 margin-left: 0; | |
726 list-style: none; | |
727 } | |
728 | |
729 dl { | |
730 margin-bottom: 20px; | |
731 } | |
732 | |
733 dt, | |
734 dd { | |
735 line-height: 20px; | |
736 } | |
737 | |
738 dt { | |
739 font-weight: bold; | |
740 } | |
741 | |
742 dd { | |
743 margin-left: 10px; | |
744 } | |
745 | |
746 .dl-horizontal { | |
747 *zoom: 1; | |
748 } | |
749 | |
750 .dl-horizontal:before, | |
751 .dl-horizontal:after { | |
752 display: table; | |
753 line-height: 0; | |
754 content: ""; | |
755 } | |
756 | |
757 .dl-horizontal:after { | |
758 clear: both; | |
759 } | |
760 | |
761 .dl-horizontal dt { | |
762 float: left; | |
763 width: 160px; | |
764 overflow: hidden; | |
765 clear: left; | |
766 text-align: right; | |
767 text-overflow: ellipsis; | |
768 white-space: nowrap; | |
769 } | |
770 | |
771 .dl-horizontal dd { | |
772 margin-left: 180px; | |
773 } | |
774 | |
775 hr { | |
776 margin: 20px 0; | |
777 border: 0; | |
778 border-top: 1px solid #eeeeee; | |
779 border-bottom: 1px solid #ffffff; | |
780 } | |
781 | |
782 abbr[title] { | |
783 cursor: help; | |
784 border-bottom: 1px dotted #999999; | |
785 } | |
786 | |
787 abbr.initialism { | |
788 font-size: 90%; | |
789 text-transform: uppercase; | |
790 } | |
791 | |
792 blockquote { | |
793 padding: 0 0 0 15px; | |
794 margin: 0 0 20px; | |
795 border-left: 5px solid #eeeeee; | |
796 } | |
797 | |
798 blockquote p { | |
799 margin-bottom: 0; | |
800 font-size: 16px; | |
801 font-weight: 300; | |
802 line-height: 25px; | |
803 } | |
804 | |
805 blockquote small { | |
806 display: block; | |
807 line-height: 20px; | |
808 color: #999999; | |
809 } | |
810 | |
811 blockquote small:before { | |
812 content: '\2014 \00A0'; | |
813 } | |
814 | |
815 blockquote.pull-right { | |
816 float: right; | |
817 padding-right: 15px; | |
818 padding-left: 0; | |
819 border-right: 5px solid #eeeeee; | |
820 border-left: 0; | |
821 } | |
822 | |
823 blockquote.pull-right p, | |
824 blockquote.pull-right small { | |
825 text-align: right; | |
826 } | |
827 | |
828 blockquote.pull-right small:before { | |
829 content: ''; | |
830 } | |
831 | |
832 blockquote.pull-right small:after { | |
833 content: '\00A0 \2014'; | |
834 } | |
835 | |
836 q:before, | |
837 q:after, | |
838 blockquote:before, | |
839 blockquote:after { | |
840 content: ""; | |
841 } | |
842 | |
843 address { | |
844 display: block; | |
845 margin-bottom: 20px; | |
846 font-style: normal; | |
847 line-height: 20px; | |
848 } | |
849 | |
850 code, | |
851 pre { | |
852 padding: 0 3px 2px; | |
853 font-family: Monaco, Menlo, Consolas, "Courier New", monospace; | |
854 font-size: 12px; | |
855 color: #333333; | |
856 -webkit-border-radius: 3px; | |
857 -moz-border-radius: 3px; | |
858 border-radius: 3px; | |
859 } | |
860 | |
861 code { | |
862 padding: 2px 4px; | |
863 color: #d14; | |
864 background-color: #f7f7f9; | |
865 border: 1px solid #e1e1e8; | |
866 } | |
867 | |
868 pre { | |
869 display: block; | |
870 padding: 9.5px; | |
871 margin: 0 0 10px; | |
872 font-size: 13px; | |
873 line-height: 20px; | |
874 word-break: break-all; | |
875 word-wrap: break-word; | |
876 white-space: pre; | |
877 white-space: pre-wrap; | |
878 background-color: #f5f5f5; | |
879 border: 1px solid #ccc; | |
880 border: 1px solid rgba(0, 0, 0, 0.15); | |
881 -webkit-border-radius: 4px; | |
882 -moz-border-radius: 4px; | |
883 border-radius: 4px; | |
884 } | |
885 | |
886 pre.prettyprint { | |
887 margin-bottom: 20px; | |
888 } | |
889 | |
890 pre code { | |
891 padding: 0; | |
892 color: inherit; | |
893 background-color: transparent; | |
894 border: 0; | |
895 } | |
896 | |
897 .pre-scrollable { | |
898 max-height: 340px; | |
899 overflow-y: scroll; | |
900 } | |
901 | |
902 form { | |
903 margin: 0 0 20px; | |
904 } | |
905 | |
906 fieldset { | |
907 padding: 0; | |
908 margin: 0; | |
909 border: 0; | |
910 } | |
911 | |
912 legend { | |
913 display: block; | |
914 width: 100%; | |
915 padding: 0; | |
916 margin-bottom: 20px; | |
917 font-size: 21px; | |
918 line-height: 40px; | |
919 color: #333333; | |
920 border: 0; | |
921 border-bottom: 1px solid #e5e5e5; | |
922 } | |
923 | |
924 legend small { | |
925 font-size: 15px; | |
926 color: #999999; | |
927 } | |
928 | |
929 label, | |
930 input, | |
931 button, | |
932 select, | |
933 textarea { | |
934 font-size: 14px; | |
935 font-weight: normal; | |
936 line-height: 20px; | |
937 } | |
938 | |
939 input, | |
940 button, | |
941 select, | |
942 textarea { | |
943 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
944 } | |
945 | |
946 label { | |
947 display: block; | |
948 margin-bottom: 5px; | |
949 } | |
950 | |
951 select, | |
952 textarea, | |
953 input[type="text"], | |
954 input[type="password"], | |
955 input[type="datetime"], | |
956 input[type="datetime-local"], | |
957 input[type="date"], | |
958 input[type="month"], | |
959 input[type="time"], | |
960 input[type="week"], | |
961 input[type="number"], | |
962 input[type="email"], | |
963 input[type="url"], | |
964 input[type="search"], | |
965 input[type="tel"], | |
966 input[type="color"], | |
967 .uneditable-input { | |
968 display: inline-block; | |
969 height: 20px; | |
970 padding: 4px 6px; | |
971 margin-bottom: 9px; | |
972 font-size: 14px; | |
973 line-height: 20px; | |
974 color: #555555; | |
975 -webkit-border-radius: 3px; | |
976 -moz-border-radius: 3px; | |
977 border-radius: 3px; | |
978 } | |
979 | |
980 input, | |
981 textarea, | |
982 .uneditable-input { | |
983 width: 206px; | |
984 } | |
985 | |
986 textarea { | |
987 height: auto; | |
988 } | |
989 | |
990 textarea, | |
991 input[type="text"], | |
992 input[type="password"], | |
993 input[type="datetime"], | |
994 input[type="datetime-local"], | |
995 input[type="date"], | |
996 input[type="month"], | |
997 input[type="time"], | |
998 input[type="week"], | |
999 input[type="number"], | |
1000 input[type="email"], | |
1001 input[type="url"], | |
1002 input[type="search"], | |
1003 input[type="tel"], | |
1004 input[type="color"], | |
1005 .uneditable-input { | |
1006 background-color: #ffffff; | |
1007 border: 1px solid #cccccc; | |
1008 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
1009 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
1010 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
1011 -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; | |
1012 -moz-transition: border linear 0.2s, box-shadow linear 0.2s; | |
1013 -o-transition: border linear 0.2s, box-shadow linear 0.2s; | |
1014 transition: border linear 0.2s, box-shadow linear 0.2s; | |
1015 } | |
1016 | |
1017 textarea:focus, | |
1018 input[type="text"]:focus, | |
1019 input[type="password"]:focus, | |
1020 input[type="datetime"]:focus, | |
1021 input[type="datetime-local"]:focus, | |
1022 input[type="date"]:focus, | |
1023 input[type="month"]:focus, | |
1024 input[type="time"]:focus, | |
1025 input[type="week"]:focus, | |
1026 input[type="number"]:focus, | |
1027 input[type="email"]:focus, | |
1028 input[type="url"]:focus, | |
1029 input[type="search"]:focus, | |
1030 input[type="tel"]:focus, | |
1031 input[type="color"]:focus, | |
1032 .uneditable-input:focus { | |
1033 border-color: rgba(82, 168, 236, 0.8); | |
1034 outline: 0; | |
1035 outline: thin dotted \9; | |
1036 /* IE6-9 */ | |
1037 | |
1038 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
1039 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
1040 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
1041 } | |
1042 | |
1043 input[type="radio"], | |
1044 input[type="checkbox"] { | |
1045 margin: 4px 0 0; | |
1046 margin-top: 1px \9; | |
1047 *margin-top: 0; | |
1048 line-height: normal; | |
1049 cursor: pointer; | |
1050 } | |
1051 | |
1052 input[type="file"], | |
1053 input[type="image"], | |
1054 input[type="submit"], | |
1055 input[type="reset"], | |
1056 input[type="button"], | |
1057 input[type="radio"], | |
1058 input[type="checkbox"] { | |
1059 width: auto; | |
1060 } | |
1061 | |
1062 select, | |
1063 input[type="file"] { | |
1064 height: 30px; | |
1065 /* In IE7, the height of the select element cannot be changed by height, only font-size */ | |
1066 | |
1067 *margin-top: 4px; | |
1068 /* For IE7, add top margin to align select with labels */ | |
1069 | |
1070 line-height: 30px; | |
1071 } | |
1072 | |
1073 select { | |
1074 width: 220px; | |
1075 background-color: #ffffff; | |
1076 border: 1px solid #cccccc; | |
1077 } | |
1078 | |
1079 select[multiple], | |
1080 select[size] { | |
1081 height: auto; | |
1082 } | |
1083 | |
1084 select:focus, | |
1085 input[type="file"]:focus, | |
1086 input[type="radio"]:focus, | |
1087 input[type="checkbox"]:focus { | |
1088 outline: thin dotted #333; | |
1089 outline: 5px auto -webkit-focus-ring-color; | |
1090 outline-offset: -2px; | |
1091 } | |
1092 | |
1093 .uneditable-input, | |
1094 .uneditable-textarea { | |
1095 color: #999999; | |
1096 cursor: not-allowed; | |
1097 background-color: #fcfcfc; | |
1098 border-color: #cccccc; | |
1099 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
1100 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
1101 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
1102 } | |
1103 | |
1104 .uneditable-input { | |
1105 overflow: hidden; | |
1106 white-space: nowrap; | |
1107 } | |
1108 | |
1109 .uneditable-textarea { | |
1110 width: auto; | |
1111 height: auto; | |
1112 } | |
1113 | |
1114 input:-moz-placeholder, | |
1115 textarea:-moz-placeholder { | |
1116 color: #999999; | |
1117 } | |
1118 | |
1119 input:-ms-input-placeholder, | |
1120 textarea:-ms-input-placeholder { | |
1121 color: #999999; | |
1122 } | |
1123 | |
1124 input::-webkit-input-placeholder, | |
1125 textarea::-webkit-input-placeholder { | |
1126 color: #999999; | |
1127 } | |
1128 | |
1129 .radio, | |
1130 .checkbox { | |
1131 min-height: 18px; | |
1132 padding-left: 18px; | |
1133 } | |
1134 | |
1135 .radio input[type="radio"], | |
1136 .checkbox input[type="checkbox"] { | |
1137 float: left; | |
1138 margin-left: -18px; | |
1139 } | |
1140 | |
1141 .controls > .radio:first-child, | |
1142 .controls > .checkbox:first-child { | |
1143 padding-top: 5px; | |
1144 } | |
1145 | |
1146 .radio.inline, | |
1147 .checkbox.inline { | |
1148 display: inline-block; | |
1149 padding-top: 5px; | |
1150 margin-bottom: 0; | |
1151 vertical-align: middle; | |
1152 } | |
1153 | |
1154 .radio.inline + .radio.inline, | |
1155 .checkbox.inline + .checkbox.inline { | |
1156 margin-left: 10px; | |
1157 } | |
1158 | |
1159 .input-mini { | |
1160 width: 60px; | |
1161 } | |
1162 | |
1163 .input-small { | |
1164 width: 90px; | |
1165 } | |
1166 | |
1167 .input-medium { | |
1168 width: 150px; | |
1169 } | |
1170 | |
1171 .input-large { | |
1172 width: 210px; | |
1173 } | |
1174 | |
1175 .input-xlarge { | |
1176 width: 270px; | |
1177 } | |
1178 | |
1179 .input-xxlarge { | |
1180 width: 530px; | |
1181 } | |
1182 | |
1183 input[class*="span"], | |
1184 select[class*="span"], | |
1185 textarea[class*="span"], | |
1186 .uneditable-input[class*="span"], | |
1187 .row-fluid input[class*="span"], | |
1188 .row-fluid select[class*="span"], | |
1189 .row-fluid textarea[class*="span"], | |
1190 .row-fluid .uneditable-input[class*="span"] { | |
1191 float: none; | |
1192 margin-left: 0; | |
1193 } | |
1194 | |
1195 .input-append input[class*="span"], | |
1196 .input-append .uneditable-input[class*="span"], | |
1197 .input-prepend input[class*="span"], | |
1198 .input-prepend .uneditable-input[class*="span"], | |
1199 .row-fluid input[class*="span"], | |
1200 .row-fluid select[class*="span"], | |
1201 .row-fluid textarea[class*="span"], | |
1202 .row-fluid .uneditable-input[class*="span"], | |
1203 .row-fluid .input-prepend [class*="span"], | |
1204 .row-fluid .input-append [class*="span"] { | |
1205 display: inline-block; | |
1206 } | |
1207 | |
1208 input, | |
1209 textarea, | |
1210 .uneditable-input { | |
1211 margin-left: 0; | |
1212 } | |
1213 | |
1214 .controls-row [class*="span"] + [class*="span"] { | |
1215 margin-left: 20px; | |
1216 } | |
1217 | |
1218 input.span12, | |
1219 textarea.span12, | |
1220 .uneditable-input.span12 { | |
1221 width: 926px; | |
1222 } | |
1223 | |
1224 input.span11, | |
1225 textarea.span11, | |
1226 .uneditable-input.span11 { | |
1227 width: 846px; | |
1228 } | |
1229 | |
1230 input.span10, | |
1231 textarea.span10, | |
1232 .uneditable-input.span10 { | |
1233 width: 766px; | |
1234 } | |
1235 | |
1236 input.span9, | |
1237 textarea.span9, | |
1238 .uneditable-input.span9 { | |
1239 width: 686px; | |
1240 } | |
1241 | |
1242 input.span8, | |
1243 textarea.span8, | |
1244 .uneditable-input.span8 { | |
1245 width: 606px; | |
1246 } | |
1247 | |
1248 input.span7, | |
1249 textarea.span7, | |
1250 .uneditable-input.span7 { | |
1251 width: 526px; | |
1252 } | |
1253 | |
1254 input.span6, | |
1255 textarea.span6, | |
1256 .uneditable-input.span6 { | |
1257 width: 446px; | |
1258 } | |
1259 | |
1260 input.span5, | |
1261 textarea.span5, | |
1262 .uneditable-input.span5 { | |
1263 width: 366px; | |
1264 } | |
1265 | |
1266 input.span4, | |
1267 textarea.span4, | |
1268 .uneditable-input.span4 { | |
1269 width: 286px; | |
1270 } | |
1271 | |
1272 input.span3, | |
1273 textarea.span3, | |
1274 .uneditable-input.span3 { | |
1275 width: 206px; | |
1276 } | |
1277 | |
1278 input.span2, | |
1279 textarea.span2, | |
1280 .uneditable-input.span2 { | |
1281 width: 126px; | |
1282 } | |
1283 | |
1284 input.span1, | |
1285 textarea.span1, | |
1286 .uneditable-input.span1 { | |
1287 width: 46px; | |
1288 } | |
1289 | |
1290 .controls-row { | |
1291 *zoom: 1; | |
1292 } | |
1293 | |
1294 .controls-row:before, | |
1295 .controls-row:after { | |
1296 display: table; | |
1297 line-height: 0; | |
1298 content: ""; | |
1299 } | |
1300 | |
1301 .controls-row:after { | |
1302 clear: both; | |
1303 } | |
1304 | |
1305 .controls-row [class*="span"] { | |
1306 float: left; | |
1307 } | |
1308 | |
1309 input[disabled], | |
1310 select[disabled], | |
1311 textarea[disabled], | |
1312 input[readonly], | |
1313 select[readonly], | |
1314 textarea[readonly] { | |
1315 cursor: not-allowed; | |
1316 background-color: #eeeeee; | |
1317 } | |
1318 | |
1319 input[type="radio"][disabled], | |
1320 input[type="checkbox"][disabled], | |
1321 input[type="radio"][readonly], | |
1322 input[type="checkbox"][readonly] { | |
1323 background-color: transparent; | |
1324 } | |
1325 | |
1326 .control-group.warning > label, | |
1327 .control-group.warning .help-block, | |
1328 .control-group.warning .help-inline { | |
1329 color: #c09853; | |
1330 } | |
1331 | |
1332 .control-group.warning .checkbox, | |
1333 .control-group.warning .radio, | |
1334 .control-group.warning input, | |
1335 .control-group.warning select, | |
1336 .control-group.warning textarea { | |
1337 color: #c09853; | |
1338 } | |
1339 | |
1340 .control-group.warning input, | |
1341 .control-group.warning select, | |
1342 .control-group.warning textarea { | |
1343 border-color: #c09853; | |
1344 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
1345 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
1346 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
1347 } | |
1348 | |
1349 .control-group.warning input:focus, | |
1350 .control-group.warning select:focus, | |
1351 .control-group.warning textarea:focus { | |
1352 border-color: #a47e3c; | |
1353 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | |
1354 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | |
1355 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | |
1356 } | |
1357 | |
1358 .control-group.warning .input-prepend .add-on, | |
1359 .control-group.warning .input-append .add-on { | |
1360 color: #c09853; | |
1361 background-color: #fcf8e3; | |
1362 border-color: #c09853; | |
1363 } | |
1364 | |
1365 .control-group.error > label, | |
1366 .control-group.error .help-block, | |
1367 .control-group.error .help-inline { | |
1368 color: #b94a48; | |
1369 } | |
1370 | |
1371 .control-group.error .checkbox, | |
1372 .control-group.error .radio, | |
1373 .control-group.error input, | |
1374 .control-group.error select, | |
1375 .control-group.error textarea { | |
1376 color: #b94a48; | |
1377 } | |
1378 | |
1379 .control-group.error input, | |
1380 .control-group.error select, | |
1381 .control-group.error textarea { | |
1382 border-color: #b94a48; | |
1383 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
1384 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
1385 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
1386 } | |
1387 | |
1388 .control-group.error input:focus, | |
1389 .control-group.error select:focus, | |
1390 .control-group.error textarea:focus { | |
1391 border-color: #953b39; | |
1392 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | |
1393 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | |
1394 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | |
1395 } | |
1396 | |
1397 .control-group.error .input-prepend .add-on, | |
1398 .control-group.error .input-append .add-on { | |
1399 color: #b94a48; | |
1400 background-color: #f2dede; | |
1401 border-color: #b94a48; | |
1402 } | |
1403 | |
1404 .control-group.success > label, | |
1405 .control-group.success .help-block, | |
1406 .control-group.success .help-inline { | |
1407 color: #468847; | |
1408 } | |
1409 | |
1410 .control-group.success .checkbox, | |
1411 .control-group.success .radio, | |
1412 .control-group.success input, | |
1413 .control-group.success select, | |
1414 .control-group.success textarea { | |
1415 color: #468847; | |
1416 } | |
1417 | |
1418 .control-group.success input, | |
1419 .control-group.success select, | |
1420 .control-group.success textarea { | |
1421 border-color: #468847; | |
1422 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
1423 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
1424 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
1425 } | |
1426 | |
1427 .control-group.success input:focus, | |
1428 .control-group.success select:focus, | |
1429 .control-group.success textarea:focus { | |
1430 border-color: #356635; | |
1431 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | |
1432 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | |
1433 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | |
1434 } | |
1435 | |
1436 .control-group.success .input-prepend .add-on, | |
1437 .control-group.success .input-append .add-on { | |
1438 color: #468847; | |
1439 background-color: #dff0d8; | |
1440 border-color: #468847; | |
1441 } | |
1442 | |
1443 .control-group.info > label, | |
1444 .control-group.info .help-block, | |
1445 .control-group.info .help-inline { | |
1446 color: #3a87ad; | |
1447 } | |
1448 | |
1449 .control-group.info .checkbox, | |
1450 .control-group.info .radio, | |
1451 .control-group.info input, | |
1452 .control-group.info select, | |
1453 .control-group.info textarea { | |
1454 color: #3a87ad; | |
1455 } | |
1456 | |
1457 .control-group.info input, | |
1458 .control-group.info select, | |
1459 .control-group.info textarea { | |
1460 border-color: #3a87ad; | |
1461 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
1462 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
1463 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
1464 } | |
1465 | |
1466 .control-group.info input:focus, | |
1467 .control-group.info select:focus, | |
1468 .control-group.info textarea:focus { | |
1469 border-color: #2d6987; | |
1470 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; | |
1471 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; | |
1472 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; | |
1473 } | |
1474 | |
1475 .control-group.info .input-prepend .add-on, | |
1476 .control-group.info .input-append .add-on { | |
1477 color: #3a87ad; | |
1478 background-color: #d9edf7; | |
1479 border-color: #3a87ad; | |
1480 } | |
1481 | |
1482 input:focus:required:invalid, | |
1483 textarea:focus:required:invalid, | |
1484 select:focus:required:invalid { | |
1485 color: #b94a48; | |
1486 border-color: #ee5f5b; | |
1487 } | |
1488 | |
1489 input:focus:required:invalid:focus, | |
1490 textarea:focus:required:invalid:focus, | |
1491 select:focus:required:invalid:focus { | |
1492 border-color: #e9322d; | |
1493 -webkit-box-shadow: 0 0 6px #f8b9b7; | |
1494 -moz-box-shadow: 0 0 6px #f8b9b7; | |
1495 box-shadow: 0 0 6px #f8b9b7; | |
1496 } | |
1497 | |
1498 .form-actions { | |
1499 padding: 19px 20px 20px; | |
1500 margin-top: 20px; | |
1501 margin-bottom: 20px; | |
1502 background-color: #f5f5f5; | |
1503 border-top: 1px solid #e5e5e5; | |
1504 *zoom: 1; | |
1505 } | |
1506 | |
1507 .form-actions:before, | |
1508 .form-actions:after { | |
1509 display: table; | |
1510 line-height: 0; | |
1511 content: ""; | |
1512 } | |
1513 | |
1514 .form-actions:after { | |
1515 clear: both; | |
1516 } | |
1517 | |
1518 .help-block, | |
1519 .help-inline { | |
1520 color: #595959; | |
1521 } | |
1522 | |
1523 .help-block { | |
1524 display: block; | |
1525 margin-bottom: 10px; | |
1526 } | |
1527 | |
1528 .help-inline { | |
1529 display: inline-block; | |
1530 *display: inline; | |
1531 padding-left: 5px; | |
1532 vertical-align: middle; | |
1533 *zoom: 1; | |
1534 } | |
1535 | |
1536 .input-append, | |
1537 .input-prepend { | |
1538 margin-bottom: 5px; | |
1539 font-size: 0; | |
1540 white-space: nowrap; | |
1541 } | |
1542 | |
1543 .input-append input, | |
1544 .input-prepend input, | |
1545 .input-append select, | |
1546 .input-prepend select, | |
1547 .input-append .uneditable-input, | |
1548 .input-prepend .uneditable-input { | |
1549 position: relative; | |
1550 margin-bottom: 0; | |
1551 *margin-left: 0; | |
1552 font-size: 14px; | |
1553 vertical-align: top; | |
1554 -webkit-border-radius: 0 3px 3px 0; | |
1555 -moz-border-radius: 0 3px 3px 0; | |
1556 border-radius: 0 3px 3px 0; | |
1557 } | |
1558 | |
1559 .input-append input:focus, | |
1560 .input-prepend input:focus, | |
1561 .input-append select:focus, | |
1562 .input-prepend select:focus, | |
1563 .input-append .uneditable-input:focus, | |
1564 .input-prepend .uneditable-input:focus { | |
1565 z-index: 2; | |
1566 } | |
1567 | |
1568 .input-append .add-on, | |
1569 .input-prepend .add-on { | |
1570 display: inline-block; | |
1571 width: auto; | |
1572 height: 20px; | |
1573 min-width: 16px; | |
1574 padding: 4px 5px; | |
1575 font-size: 14px; | |
1576 font-weight: normal; | |
1577 line-height: 20px; | |
1578 text-align: center; | |
1579 text-shadow: 0 1px 0 #ffffff; | |
1580 background-color: #eeeeee; | |
1581 border: 1px solid #ccc; | |
1582 } | |
1583 | |
1584 .input-append .add-on, | |
1585 .input-prepend .add-on, | |
1586 .input-append .btn, | |
1587 .input-prepend .btn { | |
1588 vertical-align: top; | |
1589 -webkit-border-radius: 0; | |
1590 -moz-border-radius: 0; | |
1591 border-radius: 0; | |
1592 } | |
1593 | |
1594 .input-append .active, | |
1595 .input-prepend .active { | |
1596 background-color: #a9dba9; | |
1597 border-color: #46a546; | |
1598 } | |
1599 | |
1600 .input-prepend .add-on, | |
1601 .input-prepend .btn { | |
1602 margin-right: -1px; | |
1603 } | |
1604 | |
1605 .input-prepend .add-on:first-child, | |
1606 .input-prepend .btn:first-child { | |
1607 -webkit-border-radius: 3px 0 0 3px; | |
1608 -moz-border-radius: 3px 0 0 3px; | |
1609 border-radius: 3px 0 0 3px; | |
1610 } | |
1611 | |
1612 .input-append input, | |
1613 .input-append select, | |
1614 .input-append .uneditable-input { | |
1615 -webkit-border-radius: 3px 0 0 3px; | |
1616 -moz-border-radius: 3px 0 0 3px; | |
1617 border-radius: 3px 0 0 3px; | |
1618 } | |
1619 | |
1620 .input-append .add-on, | |
1621 .input-append .btn { | |
1622 margin-left: -1px; | |
1623 } | |
1624 | |
1625 .input-append .add-on:last-child, | |
1626 .input-append .btn:last-child { | |
1627 -webkit-border-radius: 0 3px 3px 0; | |
1628 -moz-border-radius: 0 3px 3px 0; | |
1629 border-radius: 0 3px 3px 0; | |
1630 } | |
1631 | |
1632 .input-prepend.input-append input, | |
1633 .input-prepend.input-append select, | |
1634 .input-prepend.input-append .uneditable-input { | |
1635 -webkit-border-radius: 0; | |
1636 -moz-border-radius: 0; | |
1637 border-radius: 0; | |
1638 } | |
1639 | |
1640 .input-prepend.input-append .add-on:first-child, | |
1641 .input-prepend.input-append .btn:first-child { | |
1642 margin-right: -1px; | |
1643 -webkit-border-radius: 3px 0 0 3px; | |
1644 -moz-border-radius: 3px 0 0 3px; | |
1645 border-radius: 3px 0 0 3px; | |
1646 } | |
1647 | |
1648 .input-prepend.input-append .add-on:last-child, | |
1649 .input-prepend.input-append .btn:last-child { | |
1650 margin-left: -1px; | |
1651 -webkit-border-radius: 0 3px 3px 0; | |
1652 -moz-border-radius: 0 3px 3px 0; | |
1653 border-radius: 0 3px 3px 0; | |
1654 } | |
1655 | |
1656 input.search-query { | |
1657 padding-right: 14px; | |
1658 padding-right: 4px \9; | |
1659 padding-left: 14px; | |
1660 padding-left: 4px \9; | |
1661 /* IE7-8 doesn't have border-radius, so don't indent the padding */ | |
1662 | |
1663 margin-bottom: 0; | |
1664 -webkit-border-radius: 15px; | |
1665 -moz-border-radius: 15px; | |
1666 border-radius: 15px; | |
1667 } | |
1668 | |
1669 /* Allow for input prepend/append in search forms */ | |
1670 | |
1671 .form-search .input-append .search-query, | |
1672 .form-search .input-prepend .search-query { | |
1673 -webkit-border-radius: 0; | |
1674 -moz-border-radius: 0; | |
1675 border-radius: 0; | |
1676 } | |
1677 | |
1678 .form-search .input-append .search-query { | |
1679 -webkit-border-radius: 14px 0 0 14px; | |
1680 -moz-border-radius: 14px 0 0 14px; | |
1681 border-radius: 14px 0 0 14px; | |
1682 } | |
1683 | |
1684 .form-search .input-append .btn { | |
1685 -webkit-border-radius: 0 14px 14px 0; | |
1686 -moz-border-radius: 0 14px 14px 0; | |
1687 border-radius: 0 14px 14px 0; | |
1688 } | |
1689 | |
1690 .form-search .input-prepend .search-query { | |
1691 -webkit-border-radius: 0 14px 14px 0; | |
1692 -moz-border-radius: 0 14px 14px 0; | |
1693 border-radius: 0 14px 14px 0; | |
1694 } | |
1695 | |
1696 .form-search .input-prepend .btn { | |
1697 -webkit-border-radius: 14px 0 0 14px; | |
1698 -moz-border-radius: 14px 0 0 14px; | |
1699 border-radius: 14px 0 0 14px; | |
1700 } | |
1701 | |
1702 .form-search input, | |
1703 .form-inline input, | |
1704 .form-horizontal input, | |
1705 .form-search textarea, | |
1706 .form-inline textarea, | |
1707 .form-horizontal textarea, | |
1708 .form-search select, | |
1709 .form-inline select, | |
1710 .form-horizontal select, | |
1711 .form-search .help-inline, | |
1712 .form-inline .help-inline, | |
1713 .form-horizontal .help-inline, | |
1714 .form-search .uneditable-input, | |
1715 .form-inline .uneditable-input, | |
1716 .form-horizontal .uneditable-input, | |
1717 .form-search .input-prepend, | |
1718 .form-inline .input-prepend, | |
1719 .form-horizontal .input-prepend, | |
1720 .form-search .input-append, | |
1721 .form-inline .input-append, | |
1722 .form-horizontal .input-append { | |
1723 display: inline-block; | |
1724 *display: inline; | |
1725 margin-bottom: 0; | |
1726 vertical-align: middle; | |
1727 *zoom: 1; | |
1728 } | |
1729 | |
1730 .form-search .hide, | |
1731 .form-inline .hide, | |
1732 .form-horizontal .hide { | |
1733 display: none; | |
1734 } | |
1735 | |
1736 .form-search label, | |
1737 .form-inline label, | |
1738 .form-search .btn-group, | |
1739 .form-inline .btn-group { | |
1740 display: inline-block; | |
1741 } | |
1742 | |
1743 .form-search .input-append, | |
1744 .form-inline .input-append, | |
1745 .form-search .input-prepend, | |
1746 .form-inline .input-prepend { | |
1747 margin-bottom: 0; | |
1748 } | |
1749 | |
1750 .form-search .radio, | |
1751 .form-search .checkbox, | |
1752 .form-inline .radio, | |
1753 .form-inline .checkbox { | |
1754 padding-left: 0; | |
1755 margin-bottom: 0; | |
1756 vertical-align: middle; | |
1757 } | |
1758 | |
1759 .form-search .radio input[type="radio"], | |
1760 .form-search .checkbox input[type="checkbox"], | |
1761 .form-inline .radio input[type="radio"], | |
1762 .form-inline .checkbox input[type="checkbox"] { | |
1763 float: left; | |
1764 margin-right: 3px; | |
1765 margin-left: 0; | |
1766 } | |
1767 | |
1768 .control-group { | |
1769 margin-bottom: 10px; | |
1770 } | |
1771 | |
1772 legend + .control-group { | |
1773 margin-top: 20px; | |
1774 -webkit-margin-top-collapse: separate; | |
1775 } | |
1776 | |
1777 .form-horizontal .control-group { | |
1778 margin-bottom: 20px; | |
1779 *zoom: 1; | |
1780 } | |
1781 | |
1782 .form-horizontal .control-group:before, | |
1783 .form-horizontal .control-group:after { | |
1784 display: table; | |
1785 line-height: 0; | |
1786 content: ""; | |
1787 } | |
1788 | |
1789 .form-horizontal .control-group:after { | |
1790 clear: both; | |
1791 } | |
1792 | |
1793 .form-horizontal .control-label { | |
1794 float: left; | |
1795 width: 160px; | |
1796 padding-top: 5px; | |
1797 text-align: right; | |
1798 } | |
1799 | |
1800 .form-horizontal .controls { | |
1801 *display: inline-block; | |
1802 *padding-left: 20px; | |
1803 margin-left: 180px; | |
1804 *margin-left: 0; | |
1805 } | |
1806 | |
1807 .form-horizontal .controls:first-child { | |
1808 *padding-left: 180px; | |
1809 } | |
1810 | |
1811 .form-horizontal .help-block { | |
1812 margin-bottom: 0; | |
1813 } | |
1814 | |
1815 .form-horizontal input + .help-block, | |
1816 .form-horizontal select + .help-block, | |
1817 .form-horizontal textarea + .help-block { | |
1818 margin-top: 10px; | |
1819 } | |
1820 | |
1821 .form-horizontal .form-actions { | |
1822 padding-left: 180px; | |
1823 } | |
1824 | |
1825 table { | |
1826 max-width: 100%; | |
1827 background-color: transparent; | |
1828 border-collapse: collapse; | |
1829 border-spacing: 0; | |
1830 } | |
1831 | |
1832 .table { | |
1833 width: 100%; | |
1834 margin-bottom: 20px; | |
1835 } | |
1836 | |
1837 .table th, | |
1838 .table td { | |
1839 padding: 8px; | |
1840 line-height: 20px; | |
1841 text-align: left; | |
1842 vertical-align: top; | |
1843 border-top: 1px solid #dddddd; | |
1844 } | |
1845 | |
1846 .table th { | |
1847 font-weight: bold; | |
1848 } | |
1849 | |
1850 .table thead th { | |
1851 vertical-align: bottom; | |
1852 } | |
1853 | |
1854 .table caption + thead tr:first-child th, | |
1855 .table caption + thead tr:first-child td, | |
1856 .table colgroup + thead tr:first-child th, | |
1857 .table colgroup + thead tr:first-child td, | |
1858 .table thead:first-child tr:first-child th, | |
1859 .table thead:first-child tr:first-child td { | |
1860 border-top: 0; | |
1861 } | |
1862 | |
1863 .table tbody + tbody { | |
1864 border-top: 2px solid #dddddd; | |
1865 } | |
1866 | |
1867 .table-condensed th, | |
1868 .table-condensed td { | |
1869 padding: 4px 5px; | |
1870 } | |
1871 | |
1872 .table-bordered { | |
1873 border: 1px solid #dddddd; | |
1874 border-collapse: separate; | |
1875 *border-collapse: collapse; | |
1876 border-left: 0; | |
1877 -webkit-border-radius: 4px; | |
1878 -moz-border-radius: 4px; | |
1879 border-radius: 4px; | |
1880 } | |
1881 | |
1882 .table-bordered th, | |
1883 .table-bordered td { | |
1884 border-left: 1px solid #dddddd; | |
1885 } | |
1886 | |
1887 .table-bordered caption + thead tr:first-child th, | |
1888 .table-bordered caption + tbody tr:first-child th, | |
1889 .table-bordered caption + tbody tr:first-child td, | |
1890 .table-bordered colgroup + thead tr:first-child th, | |
1891 .table-bordered colgroup + tbody tr:first-child th, | |
1892 .table-bordered colgroup + tbody tr:first-child td, | |
1893 .table-bordered thead:first-child tr:first-child th, | |
1894 .table-bordered tbody:first-child tr:first-child th, | |
1895 .table-bordered tbody:first-child tr:first-child td { | |
1896 border-top: 0; | |
1897 } | |
1898 | |
1899 .table-bordered thead:first-child tr:first-child th:first-child, | |
1900 .table-bordered tbody:first-child tr:first-child td:first-child { | |
1901 -webkit-border-top-left-radius: 4px; | |
1902 border-top-left-radius: 4px; | |
1903 -moz-border-radius-topleft: 4px; | |
1904 } | |
1905 | |
1906 .table-bordered thead:first-child tr:first-child th:last-child, | |
1907 .table-bordered tbody:first-child tr:first-child td:last-child { | |
1908 -webkit-border-top-right-radius: 4px; | |
1909 border-top-right-radius: 4px; | |
1910 -moz-border-radius-topright: 4px; | |
1911 } | |
1912 | |
1913 .table-bordered thead:last-child tr:last-child th:first-child, | |
1914 .table-bordered tbody:last-child tr:last-child td:first-child, | |
1915 .table-bordered tfoot:last-child tr:last-child td:first-child { | |
1916 -webkit-border-radius: 0 0 0 4px; | |
1917 -moz-border-radius: 0 0 0 4px; | |
1918 border-radius: 0 0 0 4px; | |
1919 -webkit-border-bottom-left-radius: 4px; | |
1920 border-bottom-left-radius: 4px; | |
1921 -moz-border-radius-bottomleft: 4px; | |
1922 } | |
1923 | |
1924 .table-bordered thead:last-child tr:last-child th:last-child, | |
1925 .table-bordered tbody:last-child tr:last-child td:last-child, | |
1926 .table-bordered tfoot:last-child tr:last-child td:last-child { | |
1927 -webkit-border-bottom-right-radius: 4px; | |
1928 border-bottom-right-radius: 4px; | |
1929 -moz-border-radius-bottomright: 4px; | |
1930 } | |
1931 | |
1932 .table-bordered caption + thead tr:first-child th:first-child, | |
1933 .table-bordered caption + tbody tr:first-child td:first-child, | |
1934 .table-bordered colgroup + thead tr:first-child th:first-child, | |
1935 .table-bordered colgroup + tbody tr:first-child td:first-child { | |
1936 -webkit-border-top-left-radius: 4px; | |
1937 border-top-left-radius: 4px; | |
1938 -moz-border-radius-topleft: 4px; | |
1939 } | |
1940 | |
1941 .table-bordered caption + thead tr:first-child th:last-child, | |
1942 .table-bordered caption + tbody tr:first-child td:last-child, | |
1943 .table-bordered colgroup + thead tr:first-child th:last-child, | |
1944 .table-bordered colgroup + tbody tr:first-child td:last-child { | |
1945 -webkit-border-top-right-radius: 4px; | |
1946 border-top-right-radius: 4px; | |
1947 -moz-border-radius-topleft: 4px; | |
1948 } | |
1949 | |
1950 .table-striped tbody tr:nth-child(odd) td, | |
1951 .table-striped tbody tr:nth-child(odd) th { | |
1952 background-color: #f9f9f9; | |
1953 } | |
1954 | |
1955 .table-hover tbody tr:hover td, | |
1956 .table-hover tbody tr:hover th { | |
1957 background-color: #f5f5f5; | |
1958 } | |
1959 | |
1960 table [class*=span], | |
1961 .row-fluid table [class*=span] { | |
1962 display: table-cell; | |
1963 float: none; | |
1964 margin-left: 0; | |
1965 } | |
1966 | |
1967 .table .span1 { | |
1968 float: none; | |
1969 width: 44px; | |
1970 margin-left: 0; | |
1971 } | |
1972 | |
1973 .table .span2 { | |
1974 float: none; | |
1975 width: 124px; | |
1976 margin-left: 0; | |
1977 } | |
1978 | |
1979 .table .span3 { | |
1980 float: none; | |
1981 width: 204px; | |
1982 margin-left: 0; | |
1983 } | |
1984 | |
1985 .table .span4 { | |
1986 float: none; | |
1987 width: 284px; | |
1988 margin-left: 0; | |
1989 } | |
1990 | |
1991 .table .span5 { | |
1992 float: none; | |
1993 width: 364px; | |
1994 margin-left: 0; | |
1995 } | |
1996 | |
1997 .table .span6 { | |
1998 float: none; | |
1999 width: 444px; | |
2000 margin-left: 0; | |
2001 } | |
2002 | |
2003 .table .span7 { | |
2004 float: none; | |
2005 width: 524px; | |
2006 margin-left: 0; | |
2007 } | |
2008 | |
2009 .table .span8 { | |
2010 float: none; | |
2011 width: 604px; | |
2012 margin-left: 0; | |
2013 } | |
2014 | |
2015 .table .span9 { | |
2016 float: none; | |
2017 width: 684px; | |
2018 margin-left: 0; | |
2019 } | |
2020 | |
2021 .table .span10 { | |
2022 float: none; | |
2023 width: 764px; | |
2024 margin-left: 0; | |
2025 } | |
2026 | |
2027 .table .span11 { | |
2028 float: none; | |
2029 width: 844px; | |
2030 margin-left: 0; | |
2031 } | |
2032 | |
2033 .table .span12 { | |
2034 float: none; | |
2035 width: 924px; | |
2036 margin-left: 0; | |
2037 } | |
2038 | |
2039 .table .span13 { | |
2040 float: none; | |
2041 width: 1004px; | |
2042 margin-left: 0; | |
2043 } | |
2044 | |
2045 .table .span14 { | |
2046 float: none; | |
2047 width: 1084px; | |
2048 margin-left: 0; | |
2049 } | |
2050 | |
2051 .table .span15 { | |
2052 float: none; | |
2053 width: 1164px; | |
2054 margin-left: 0; | |
2055 } | |
2056 | |
2057 .table .span16 { | |
2058 float: none; | |
2059 width: 1244px; | |
2060 margin-left: 0; | |
2061 } | |
2062 | |
2063 .table .span17 { | |
2064 float: none; | |
2065 width: 1324px; | |
2066 margin-left: 0; | |
2067 } | |
2068 | |
2069 .table .span18 { | |
2070 float: none; | |
2071 width: 1404px; | |
2072 margin-left: 0; | |
2073 } | |
2074 | |
2075 .table .span19 { | |
2076 float: none; | |
2077 width: 1484px; | |
2078 margin-left: 0; | |
2079 } | |
2080 | |
2081 .table .span20 { | |
2082 float: none; | |
2083 width: 1564px; | |
2084 margin-left: 0; | |
2085 } | |
2086 | |
2087 .table .span21 { | |
2088 float: none; | |
2089 width: 1644px; | |
2090 margin-left: 0; | |
2091 } | |
2092 | |
2093 .table .span22 { | |
2094 float: none; | |
2095 width: 1724px; | |
2096 margin-left: 0; | |
2097 } | |
2098 | |
2099 .table .span23 { | |
2100 float: none; | |
2101 width: 1804px; | |
2102 margin-left: 0; | |
2103 } | |
2104 | |
2105 .table .span24 { | |
2106 float: none; | |
2107 width: 1884px; | |
2108 margin-left: 0; | |
2109 } | |
2110 | |
2111 .table tbody tr.success td { | |
2112 background-color: #dff0d8; | |
2113 } | |
2114 | |
2115 .table tbody tr.error td { | |
2116 background-color: #f2dede; | |
2117 } | |
2118 | |
2119 .table tbody tr.warning td { | |
2120 background-color: #fcf8e3; | |
2121 } | |
2122 | |
2123 .table tbody tr.info td { | |
2124 background-color: #d9edf7; | |
2125 } | |
2126 | |
2127 .table-hover tbody tr.success:hover td { | |
2128 background-color: #d0e9c6; | |
2129 } | |
2130 | |
2131 .table-hover tbody tr.error:hover td { | |
2132 background-color: #ebcccc; | |
2133 } | |
2134 | |
2135 .table-hover tbody tr.warning:hover td { | |
2136 background-color: #faf2cc; | |
2137 } | |
2138 | |
2139 .table-hover tbody tr.info:hover td { | |
2140 background-color: #c4e3f3; | |
2141 } | |
2142 | |
2143 [class^="icon-"], | |
2144 [class*=" icon-"] { | |
2145 display: inline-block; | |
2146 width: 14px; | |
2147 height: 14px; | |
2148 margin-top: 1px; | |
2149 *margin-right: .3em; | |
2150 line-height: 14px; | |
2151 vertical-align: text-top; | |
2152 background-image: url("../img/glyphicons-halflings.png"); | |
2153 background-position: 14px 14px; | |
2154 background-repeat: no-repeat; | |
2155 } | |
2156 | |
2157 /* White icons with optional class, or on hover/active states of certain elements */ | |
2158 | |
2159 .icon-white, | |
2160 .nav-tabs > .active > a > [class^="icon-"], | |
2161 .nav-tabs > .active > a > [class*=" icon-"], | |
2162 .nav-pills > .active > a > [class^="icon-"], | |
2163 .nav-pills > .active > a > [class*=" icon-"], | |
2164 .nav-list > .active > a > [class^="icon-"], | |
2165 .nav-list > .active > a > [class*=" icon-"], | |
2166 .navbar-inverse .nav > .active > a > [class^="icon-"], | |
2167 .navbar-inverse .nav > .active > a > [class*=" icon-"], | |
2168 .dropdown-menu > li > a:hover > [class^="icon-"], | |
2169 .dropdown-menu > li > a:hover > [class*=" icon-"], | |
2170 .dropdown-menu > .active > a > [class^="icon-"], | |
2171 .dropdown-menu > .active > a > [class*=" icon-"] { | |
2172 background-image: url("../img/glyphicons-halflings-white.png"); | |
2173 } | |
2174 | |
2175 .icon-glass { | |
2176 background-position: 0 0; | |
2177 } | |
2178 | |
2179 .icon-music { | |
2180 background-position: -24px 0; | |
2181 } | |
2182 | |
2183 .icon-search { | |
2184 background-position: -48px 0; | |
2185 } | |
2186 | |
2187 .icon-envelope { | |
2188 background-position: -72px 0; | |
2189 } | |
2190 | |
2191 .icon-heart { | |
2192 background-position: -96px 0; | |
2193 } | |
2194 | |
2195 .icon-star { | |
2196 background-position: -120px 0; | |
2197 } | |
2198 | |
2199 .icon-star-empty { | |
2200 background-position: -144px 0; | |
2201 } | |
2202 | |
2203 .icon-user { | |
2204 background-position: -168px 0; | |
2205 } | |
2206 | |
2207 .icon-film { | |
2208 background-position: -192px 0; | |
2209 } | |
2210 | |
2211 .icon-th-large { | |
2212 background-position: -216px 0; | |
2213 } | |
2214 | |
2215 .icon-th { | |
2216 background-position: -240px 0; | |
2217 } | |
2218 | |
2219 .icon-th-list { | |
2220 background-position: -264px 0; | |
2221 } | |
2222 | |
2223 .icon-ok { | |
2224 background-position: -288px 0; | |
2225 } | |
2226 | |
2227 .icon-remove { | |
2228 background-position: -312px 0; | |
2229 } | |
2230 | |
2231 .icon-zoom-in { | |
2232 background-position: -336px 0; | |
2233 } | |
2234 | |
2235 .icon-zoom-out { | |
2236 background-position: -360px 0; | |
2237 } | |
2238 | |
2239 .icon-off { | |
2240 background-position: -384px 0; | |
2241 } | |
2242 | |
2243 .icon-signal { | |
2244 background-position: -408px 0; | |
2245 } | |
2246 | |
2247 .icon-cog { | |
2248 background-position: -432px 0; | |
2249 } | |
2250 | |
2251 .icon-trash { | |
2252 background-position: -456px 0; | |
2253 } | |
2254 | |
2255 .icon-home { | |
2256 background-position: 0 -24px; | |
2257 } | |
2258 | |
2259 .icon-file { | |
2260 background-position: -24px -24px; | |
2261 } | |
2262 | |
2263 .icon-time { | |
2264 background-position: -48px -24px; | |
2265 } | |
2266 | |
2267 .icon-road { | |
2268 background-position: -72px -24px; | |
2269 } | |
2270 | |
2271 .icon-download-alt { | |
2272 background-position: -96px -24px; | |
2273 } | |
2274 | |
2275 .icon-download { | |
2276 background-position: -120px -24px; | |
2277 } | |
2278 | |
2279 .icon-upload { | |
2280 background-position: -144px -24px; | |
2281 } | |
2282 | |
2283 .icon-inbox { | |
2284 background-position: -168px -24px; | |
2285 } | |
2286 | |
2287 .icon-play-circle { | |
2288 background-position: -192px -24px; | |
2289 } | |
2290 | |
2291 .icon-repeat { | |
2292 background-position: -216px -24px; | |
2293 } | |
2294 | |
2295 .icon-refresh { | |
2296 background-position: -240px -24px; | |
2297 } | |
2298 | |
2299 .icon-list-alt { | |
2300 background-position: -264px -24px; | |
2301 } | |
2302 | |
2303 .icon-lock { | |
2304 background-position: -287px -24px; | |
2305 } | |
2306 | |
2307 .icon-flag { | |
2308 background-position: -312px -24px; | |
2309 } | |
2310 | |
2311 .icon-headphones { | |
2312 background-position: -336px -24px; | |
2313 } | |
2314 | |
2315 .icon-volume-off { | |
2316 background-position: -360px -24px; | |
2317 } | |
2318 | |
2319 .icon-volume-down { | |
2320 background-position: -384px -24px; | |
2321 } | |
2322 | |
2323 .icon-volume-up { | |
2324 background-position: -408px -24px; | |
2325 } | |
2326 | |
2327 .icon-qrcode { | |
2328 background-position: -432px -24px; | |
2329 } | |
2330 | |
2331 .icon-barcode { | |
2332 background-position: -456px -24px; | |
2333 } | |
2334 | |
2335 .icon-tag { | |
2336 background-position: 0 -48px; | |
2337 } | |
2338 | |
2339 .icon-tags { | |
2340 background-position: -25px -48px; | |
2341 } | |
2342 | |
2343 .icon-book { | |
2344 background-position: -48px -48px; | |
2345 } | |
2346 | |
2347 .icon-bookmark { | |
2348 background-position: -72px -48px; | |
2349 } | |
2350 | |
2351 .icon-print { | |
2352 background-position: -96px -48px; | |
2353 } | |
2354 | |
2355 .icon-camera { | |
2356 background-position: -120px -48px; | |
2357 } | |
2358 | |
2359 .icon-font { | |
2360 background-position: -144px -48px; | |
2361 } | |
2362 | |
2363 .icon-bold { | |
2364 background-position: -167px -48px; | |
2365 } | |
2366 | |
2367 .icon-italic { | |
2368 background-position: -192px -48px; | |
2369 } | |
2370 | |
2371 .icon-text-height { | |
2372 background-position: -216px -48px; | |
2373 } | |
2374 | |
2375 .icon-text-width { | |
2376 background-position: -240px -48px; | |
2377 } | |
2378 | |
2379 .icon-align-left { | |
2380 background-position: -264px -48px; | |
2381 } | |
2382 | |
2383 .icon-align-center { | |
2384 background-position: -288px -48px; | |
2385 } | |
2386 | |
2387 .icon-align-right { | |
2388 background-position: -312px -48px; | |
2389 } | |
2390 | |
2391 .icon-align-justify { | |
2392 background-position: -336px -48px; | |
2393 } | |
2394 | |
2395 .icon-list { | |
2396 background-position: -360px -48px; | |
2397 } | |
2398 | |
2399 .icon-indent-left { | |
2400 background-position: -384px -48px; | |
2401 } | |
2402 | |
2403 .icon-indent-right { | |
2404 background-position: -408px -48px; | |
2405 } | |
2406 | |
2407 .icon-facetime-video { | |
2408 background-position: -432px -48px; | |
2409 } | |
2410 | |
2411 .icon-picture { | |
2412 background-position: -456px -48px; | |
2413 } | |
2414 | |
2415 .icon-pencil { | |
2416 background-position: 0 -72px; | |
2417 } | |
2418 | |
2419 .icon-map-marker { | |
2420 background-position: -24px -72px; | |
2421 } | |
2422 | |
2423 .icon-adjust { | |
2424 background-position: -48px -72px; | |
2425 } | |
2426 | |
2427 .icon-tint { | |
2428 background-position: -72px -72px; | |
2429 } | |
2430 | |
2431 .icon-edit { | |
2432 background-position: -96px -72px; | |
2433 } | |
2434 | |
2435 .icon-share { | |
2436 background-position: -120px -72px; | |
2437 } | |
2438 | |
2439 .icon-check { | |
2440 background-position: -144px -72px; | |
2441 } | |
2442 | |
2443 .icon-move { | |
2444 background-position: -168px -72px; | |
2445 } | |
2446 | |
2447 .icon-step-backward { | |
2448 background-position: -192px -72px; | |
2449 } | |
2450 | |
2451 .icon-fast-backward { | |
2452 background-position: -216px -72px; | |
2453 } | |
2454 | |
2455 .icon-backward { | |
2456 background-position: -240px -72px; | |
2457 } | |
2458 | |
2459 .icon-play { | |
2460 background-position: -264px -72px; | |
2461 } | |
2462 | |
2463 .icon-pause { | |
2464 background-position: -288px -72px; | |
2465 } | |
2466 | |
2467 .icon-stop { | |
2468 background-position: -312px -72px; | |
2469 } | |
2470 | |
2471 .icon-forward { | |
2472 background-position: -336px -72px; | |
2473 } | |
2474 | |
2475 .icon-fast-forward { | |
2476 background-position: -360px -72px; | |
2477 } | |
2478 | |
2479 .icon-step-forward { | |
2480 background-position: -384px -72px; | |
2481 } | |
2482 | |
2483 .icon-eject { | |
2484 background-position: -408px -72px; | |
2485 } | |
2486 | |
2487 .icon-chevron-left { | |
2488 background-position: -432px -72px; | |
2489 } | |
2490 | |
2491 .icon-chevron-right { | |
2492 background-position: -456px -72px; | |
2493 } | |
2494 | |
2495 .icon-plus-sign { | |
2496 background-position: 0 -96px; | |
2497 } | |
2498 | |
2499 .icon-minus-sign { | |
2500 background-position: -24px -96px; | |
2501 } | |
2502 | |
2503 .icon-remove-sign { | |
2504 background-position: -48px -96px; | |
2505 } | |
2506 | |
2507 .icon-ok-sign { | |
2508 background-position: -72px -96px; | |
2509 } | |
2510 | |
2511 .icon-question-sign { | |
2512 background-position: -96px -96px; | |
2513 } | |
2514 | |
2515 .icon-info-sign { | |
2516 background-position: -120px -96px; | |
2517 } | |
2518 | |
2519 .icon-screenshot { | |
2520 background-position: -144px -96px; | |
2521 } | |
2522 | |
2523 .icon-remove-circle { | |
2524 background-position: -168px -96px; | |
2525 } | |
2526 | |
2527 .icon-ok-circle { | |
2528 background-position: -192px -96px; | |
2529 } | |
2530 | |
2531 .icon-ban-circle { | |
2532 background-position: -216px -96px; | |
2533 } | |
2534 | |
2535 .icon-arrow-left { | |
2536 background-position: -240px -96px; | |
2537 } | |
2538 | |
2539 .icon-arrow-right { | |
2540 background-position: -264px -96px; | |
2541 } | |
2542 | |
2543 .icon-arrow-up { | |
2544 background-position: -289px -96px; | |
2545 } | |
2546 | |
2547 .icon-arrow-down { | |
2548 background-position: -312px -96px; | |
2549 } | |
2550 | |
2551 .icon-share-alt { | |
2552 background-position: -336px -96px; | |
2553 } | |
2554 | |
2555 .icon-resize-full { | |
2556 background-position: -360px -96px; | |
2557 } | |
2558 | |
2559 .icon-resize-small { | |
2560 background-position: -384px -96px; | |
2561 } | |
2562 | |
2563 .icon-plus { | |
2564 background-position: -408px -96px; | |
2565 } | |
2566 | |
2567 .icon-minus { | |
2568 background-position: -433px -96px; | |
2569 } | |
2570 | |
2571 .icon-asterisk { | |
2572 background-position: -456px -96px; | |
2573 } | |
2574 | |
2575 .icon-exclamation-sign { | |
2576 background-position: 0 -120px; | |
2577 } | |
2578 | |
2579 .icon-gift { | |
2580 background-position: -24px -120px; | |
2581 } | |
2582 | |
2583 .icon-leaf { | |
2584 background-position: -48px -120px; | |
2585 } | |
2586 | |
2587 .icon-fire { | |
2588 background-position: -72px -120px; | |
2589 } | |
2590 | |
2591 .icon-eye-open { | |
2592 background-position: -96px -120px; | |
2593 } | |
2594 | |
2595 .icon-eye-close { | |
2596 background-position: -120px -120px; | |
2597 } | |
2598 | |
2599 .icon-warning-sign { | |
2600 background-position: -144px -120px; | |
2601 } | |
2602 | |
2603 .icon-plane { | |
2604 background-position: -168px -120px; | |
2605 } | |
2606 | |
2607 .icon-calendar { | |
2608 background-position: -192px -120px; | |
2609 } | |
2610 | |
2611 .icon-random { | |
2612 width: 16px; | |
2613 background-position: -216px -120px; | |
2614 } | |
2615 | |
2616 .icon-comment { | |
2617 background-position: -240px -120px; | |
2618 } | |
2619 | |
2620 .icon-magnet { | |
2621 background-position: -264px -120px; | |
2622 } | |
2623 | |
2624 .icon-chevron-up { | |
2625 background-position: -288px -120px; | |
2626 } | |
2627 | |
2628 .icon-chevron-down { | |
2629 background-position: -313px -119px; | |
2630 } | |
2631 | |
2632 .icon-retweet { | |
2633 background-position: -336px -120px; | |
2634 } | |
2635 | |
2636 .icon-shopping-cart { | |
2637 background-position: -360px -120px; | |
2638 } | |
2639 | |
2640 .icon-folder-close { | |
2641 background-position: -384px -120px; | |
2642 } | |
2643 | |
2644 .icon-folder-open { | |
2645 width: 16px; | |
2646 background-position: -408px -120px; | |
2647 } | |
2648 | |
2649 .icon-resize-vertical { | |
2650 background-position: -432px -119px; | |
2651 } | |
2652 | |
2653 .icon-resize-horizontal { | |
2654 background-position: -456px -118px; | |
2655 } | |
2656 | |
2657 .icon-hdd { | |
2658 background-position: 0 -144px; | |
2659 } | |
2660 | |
2661 .icon-bullhorn { | |
2662 background-position: -24px -144px; | |
2663 } | |
2664 | |
2665 .icon-bell { | |
2666 background-position: -48px -144px; | |
2667 } | |
2668 | |
2669 .icon-certificate { | |
2670 background-position: -72px -144px; | |
2671 } | |
2672 | |
2673 .icon-thumbs-up { | |
2674 background-position: -96px -144px; | |
2675 } | |
2676 | |
2677 .icon-thumbs-down { | |
2678 background-position: -120px -144px; | |
2679 } | |
2680 | |
2681 .icon-hand-right { | |
2682 background-position: -144px -144px; | |
2683 } | |
2684 | |
2685 .icon-hand-left { | |
2686 background-position: -168px -144px; | |
2687 } | |
2688 | |
2689 .icon-hand-up { | |
2690 background-position: -192px -144px; | |
2691 } | |
2692 | |
2693 .icon-hand-down { | |
2694 background-position: -216px -144px; | |
2695 } | |
2696 | |
2697 .icon-circle-arrow-right { | |
2698 background-position: -240px -144px; | |
2699 } | |
2700 | |
2701 .icon-circle-arrow-left { | |
2702 background-position: -264px -144px; | |
2703 } | |
2704 | |
2705 .icon-circle-arrow-up { | |
2706 background-position: -288px -144px; | |
2707 } | |
2708 | |
2709 .icon-circle-arrow-down { | |
2710 background-position: -312px -144px; | |
2711 } | |
2712 | |
2713 .icon-globe { | |
2714 background-position: -336px -144px; | |
2715 } | |
2716 | |
2717 .icon-wrench { | |
2718 background-position: -360px -144px; | |
2719 } | |
2720 | |
2721 .icon-tasks { | |
2722 background-position: -384px -144px; | |
2723 } | |
2724 | |
2725 .icon-filter { | |
2726 background-position: -408px -144px; | |
2727 } | |
2728 | |
2729 .icon-briefcase { | |
2730 background-position: -432px -144px; | |
2731 } | |
2732 | |
2733 .icon-fullscreen { | |
2734 background-position: -456px -144px; | |
2735 } | |
2736 | |
2737 .dropup, | |
2738 .dropdown { | |
2739 position: relative; | |
2740 } | |
2741 | |
2742 .dropdown-toggle { | |
2743 *margin-bottom: -3px; | |
2744 } | |
2745 | |
2746 .dropdown-toggle:active, | |
2747 .open .dropdown-toggle { | |
2748 outline: 0; | |
2749 } | |
2750 | |
2751 .caret { | |
2752 display: inline-block; | |
2753 width: 0; | |
2754 height: 0; | |
2755 vertical-align: top; | |
2756 border-top: 4px solid #000000; | |
2757 border-right: 4px solid transparent; | |
2758 border-left: 4px solid transparent; | |
2759 content: ""; | |
2760 } | |
2761 | |
2762 .dropdown .caret { | |
2763 margin-top: 8px; | |
2764 margin-left: 2px; | |
2765 } | |
2766 | |
2767 .dropdown-menu { | |
2768 position: absolute; | |
2769 top: 100%; | |
2770 left: 0; | |
2771 z-index: 1000; | |
2772 display: none; | |
2773 float: left; | |
2774 min-width: 160px; | |
2775 padding: 5px 0; | |
2776 margin: 2px 0 0; | |
2777 list-style: none; | |
2778 background-color: #ffffff; | |
2779 border: 1px solid #ccc; | |
2780 border: 1px solid rgba(0, 0, 0, 0.2); | |
2781 *border-right-width: 2px; | |
2782 *border-bottom-width: 2px; | |
2783 -webkit-border-radius: 6px; | |
2784 -moz-border-radius: 6px; | |
2785 border-radius: 6px; | |
2786 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
2787 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
2788 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
2789 -webkit-background-clip: padding-box; | |
2790 -moz-background-clip: padding; | |
2791 background-clip: padding-box; | |
2792 } | |
2793 | |
2794 .dropdown-menu.pull-right { | |
2795 right: 0; | |
2796 left: auto; | |
2797 } | |
2798 | |
2799 .dropdown-menu .divider { | |
2800 *width: 100%; | |
2801 height: 1px; | |
2802 margin: 9px 1px; | |
2803 *margin: -5px 0 5px; | |
2804 overflow: hidden; | |
2805 background-color: #e5e5e5; | |
2806 border-bottom: 1px solid #ffffff; | |
2807 } | |
2808 | |
2809 .dropdown-menu a { | |
2810 display: block; | |
2811 padding: 3px 20px; | |
2812 clear: both; | |
2813 font-weight: normal; | |
2814 line-height: 20px; | |
2815 color: #333333; | |
2816 white-space: nowrap; | |
2817 } | |
2818 | |
2819 .dropdown-menu li > a:hover, | |
2820 .dropdown-menu li > a:focus, | |
2821 .dropdown-submenu:hover > a { | |
2822 color: #ffffff; | |
2823 text-decoration: none; | |
2824 background-color: #0088cc; | |
2825 background-color: #0081c2; | |
2826 background-image: -moz-linear-gradient(top, #0088cc, #0077b3); | |
2827 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); | |
2828 background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); | |
2829 background-image: -o-linear-gradient(top, #0088cc, #0077b3); | |
2830 background-image: linear-gradient(to bottom, #0088cc, #0077b3); | |
2831 background-repeat: repeat-x; | |
2832 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); | |
2833 } | |
2834 | |
2835 .dropdown-menu .active > a, | |
2836 .dropdown-menu .active > a:hover { | |
2837 color: #ffffff; | |
2838 text-decoration: none; | |
2839 background-color: #0088cc; | |
2840 background-color: #0081c2; | |
2841 background-image: linear-gradient(to bottom, #0088cc, #0077b3); | |
2842 background-image: -moz-linear-gradient(top, #0088cc, #0077b3); | |
2843 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); | |
2844 background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); | |
2845 background-image: -o-linear-gradient(top, #0088cc, #0077b3); | |
2846 background-repeat: repeat-x; | |
2847 outline: 0; | |
2848 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); | |
2849 } | |
2850 | |
2851 .dropdown-menu .disabled > a, | |
2852 .dropdown-menu .disabled > a:hover { | |
2853 color: #999999; | |
2854 } | |
2855 | |
2856 .dropdown-menu .disabled > a:hover { | |
2857 text-decoration: none; | |
2858 cursor: default; | |
2859 background-color: transparent; | |
2860 } | |
2861 | |
2862 .open { | |
2863 *z-index: 1000; | |
2864 } | |
2865 | |
2866 .open > .dropdown-menu { | |
2867 display: block; | |
2868 } | |
2869 | |
2870 .pull-right > .dropdown-menu { | |
2871 right: 0; | |
2872 left: auto; | |
2873 } | |
2874 | |
2875 .dropup .caret, | |
2876 .navbar-fixed-bottom .dropdown .caret { | |
2877 border-top: 0; | |
2878 border-bottom: 4px solid #000000; | |
2879 content: ""; | |
2880 } | |
2881 | |
2882 .dropup .dropdown-menu, | |
2883 .navbar-fixed-bottom .dropdown .dropdown-menu { | |
2884 top: auto; | |
2885 bottom: 100%; | |
2886 margin-bottom: 1px; | |
2887 } | |
2888 | |
2889 .dropdown-submenu { | |
2890 position: relative; | |
2891 } | |
2892 | |
2893 .dropdown-submenu > .dropdown-menu { | |
2894 top: 0; | |
2895 left: 100%; | |
2896 margin-top: -6px; | |
2897 margin-left: -1px; | |
2898 -webkit-border-radius: 0 6px 6px 6px; | |
2899 -moz-border-radius: 0 6px 6px 6px; | |
2900 border-radius: 0 6px 6px 6px; | |
2901 } | |
2902 | |
2903 .dropdown-submenu:hover > .dropdown-menu { | |
2904 display: block; | |
2905 } | |
2906 | |
2907 .dropdown-submenu > a:after { | |
2908 display: block; | |
2909 float: right; | |
2910 width: 0; | |
2911 height: 0; | |
2912 margin-top: 5px; | |
2913 margin-right: -10px; | |
2914 border-color: transparent; | |
2915 border-left-color: #cccccc; | |
2916 border-style: solid; | |
2917 border-width: 5px 0 5px 5px; | |
2918 content: " "; | |
2919 } | |
2920 | |
2921 .dropdown-submenu:hover > a:after { | |
2922 border-left-color: #ffffff; | |
2923 } | |
2924 | |
2925 .dropdown .dropdown-menu .nav-header { | |
2926 padding-right: 20px; | |
2927 padding-left: 20px; | |
2928 } | |
2929 | |
2930 .typeahead { | |
2931 margin-top: 2px; | |
2932 -webkit-border-radius: 4px; | |
2933 -moz-border-radius: 4px; | |
2934 border-radius: 4px; | |
2935 } | |
2936 | |
2937 .well { | |
2938 min-height: 20px; | |
2939 padding: 19px; | |
2940 margin-bottom: 20px; | |
2941 background-color: #f5f5f5; | |
2942 border: 1px solid #e3e3e3; | |
2943 -webkit-border-radius: 4px; | |
2944 -moz-border-radius: 4px; | |
2945 border-radius: 4px; | |
2946 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | |
2947 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | |
2948 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | |
2949 } | |
2950 | |
2951 .well blockquote { | |
2952 border-color: #ddd; | |
2953 border-color: rgba(0, 0, 0, 0.15); | |
2954 } | |
2955 | |
2956 .well-large { | |
2957 padding: 24px; | |
2958 -webkit-border-radius: 6px; | |
2959 -moz-border-radius: 6px; | |
2960 border-radius: 6px; | |
2961 } | |
2962 | |
2963 .well-small { | |
2964 padding: 9px; | |
2965 -webkit-border-radius: 3px; | |
2966 -moz-border-radius: 3px; | |
2967 border-radius: 3px; | |
2968 } | |
2969 | |
2970 .fade { | |
2971 opacity: 0; | |
2972 -webkit-transition: opacity 0.15s linear; | |
2973 -moz-transition: opacity 0.15s linear; | |
2974 -o-transition: opacity 0.15s linear; | |
2975 transition: opacity 0.15s linear; | |
2976 } | |
2977 | |
2978 .fade.in { | |
2979 opacity: 1; | |
2980 } | |
2981 | |
2982 .collapse { | |
2983 position: relative; | |
2984 height: 0; | |
2985 overflow: hidden; | |
2986 -webkit-transition: height 0.35s ease; | |
2987 -moz-transition: height 0.35s ease; | |
2988 -o-transition: height 0.35s ease; | |
2989 transition: height 0.35s ease; | |
2990 } | |
2991 | |
2992 .collapse.in { | |
2993 height: auto; | |
2994 } | |
2995 | |
2996 .close { | |
2997 float: right; | |
2998 font-size: 20px; | |
2999 font-weight: bold; | |
3000 line-height: 20px; | |
3001 color: #000000; | |
3002 text-shadow: 0 1px 0 #ffffff; | |
3003 opacity: 0.2; | |
3004 filter: alpha(opacity=20); | |
3005 } | |
3006 | |
3007 .close:hover { | |
3008 color: #000000; | |
3009 text-decoration: none; | |
3010 cursor: pointer; | |
3011 opacity: 0.4; | |
3012 filter: alpha(opacity=40); | |
3013 } | |
3014 | |
3015 button.close { | |
3016 padding: 0; | |
3017 cursor: pointer; | |
3018 background: transparent; | |
3019 border: 0; | |
3020 -webkit-appearance: none; | |
3021 } | |
3022 | |
3023 .btn { | |
3024 display: inline-block; | |
3025 *display: inline; | |
3026 padding: 4px 14px; | |
3027 margin-bottom: 0; | |
3028 *margin-left: .3em; | |
3029 font-size: 14px; | |
3030 line-height: 20px; | |
3031 *line-height: 20px; | |
3032 color: #333333; | |
3033 text-align: center; | |
3034 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); | |
3035 vertical-align: middle; | |
3036 cursor: pointer; | |
3037 background-color: #f5f5f5; | |
3038 *background-color: #e6e6e6; | |
3039 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); | |
3040 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); | |
3041 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); | |
3042 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); | |
3043 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); | |
3044 background-repeat: repeat-x; | |
3045 border: 1px solid #bbbbbb; | |
3046 *border: 0; | |
3047 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
3048 border-color: #e6e6e6 #e6e6e6 #bfbfbf; | |
3049 border-bottom-color: #a2a2a2; | |
3050 -webkit-border-radius: 4px; | |
3051 -moz-border-radius: 4px; | |
3052 border-radius: 4px; | |
3053 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); | |
3054 filter: progid:dximagetransform.microsoft.gradient(enabled=false); | |
3055 *zoom: 1; | |
3056 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
3057 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
3058 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
3059 } | |
3060 | |
3061 .btn:hover, | |
3062 .btn:active, | |
3063 .btn.active, | |
3064 .btn.disabled, | |
3065 .btn[disabled] { | |
3066 color: #333333; | |
3067 background-color: #e6e6e6; | |
3068 *background-color: #d9d9d9; | |
3069 } | |
3070 | |
3071 .btn:active, | |
3072 .btn.active { | |
3073 background-color: #cccccc \9; | |
3074 } | |
3075 | |
3076 .btn:first-child { | |
3077 *margin-left: 0; | |
3078 } | |
3079 | |
3080 .btn:hover { | |
3081 color: #333333; | |
3082 text-decoration: none; | |
3083 background-color: #e6e6e6; | |
3084 *background-color: #d9d9d9; | |
3085 /* Buttons in IE7 don't get borders, so darken on hover */ | |
3086 | |
3087 background-position: 0 -15px; | |
3088 -webkit-transition: background-position 0.1s linear; | |
3089 -moz-transition: background-position 0.1s linear; | |
3090 -o-transition: background-position 0.1s linear; | |
3091 transition: background-position 0.1s linear; | |
3092 } | |
3093 | |
3094 .btn:focus { | |
3095 outline: thin dotted #333; | |
3096 outline: 5px auto -webkit-focus-ring-color; | |
3097 outline-offset: -2px; | |
3098 } | |
3099 | |
3100 .btn.active, | |
3101 .btn:active { | |
3102 background-color: #e6e6e6; | |
3103 background-color: #d9d9d9 \9; | |
3104 background-image: none; | |
3105 outline: 0; | |
3106 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
3107 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
3108 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
3109 } | |
3110 | |
3111 .btn.disabled, | |
3112 .btn[disabled] { | |
3113 cursor: default; | |
3114 background-color: #e6e6e6; | |
3115 background-image: none; | |
3116 opacity: 0.65; | |
3117 filter: alpha(opacity=65); | |
3118 -webkit-box-shadow: none; | |
3119 -moz-box-shadow: none; | |
3120 box-shadow: none; | |
3121 } | |
3122 | |
3123 .btn-large { | |
3124 padding: 9px 14px; | |
3125 font-size: 16px; | |
3126 line-height: normal; | |
3127 -webkit-border-radius: 5px; | |
3128 -moz-border-radius: 5px; | |
3129 border-radius: 5px; | |
3130 } | |
3131 | |
3132 .btn-large [class^="icon-"] { | |
3133 margin-top: 2px; | |
3134 } | |
3135 | |
3136 .btn-small { | |
3137 padding: 3px 9px; | |
3138 font-size: 12px; | |
3139 line-height: 18px; | |
3140 } | |
3141 | |
3142 .btn-small [class^="icon-"] { | |
3143 margin-top: 0; | |
3144 } | |
3145 | |
3146 .btn-mini { | |
3147 padding: 2px 6px; | |
3148 font-size: 11px; | |
3149 line-height: 17px; | |
3150 } | |
3151 | |
3152 .btn-block { | |
3153 display: block; | |
3154 width: 100%; | |
3155 padding-right: 0; | |
3156 padding-left: 0; | |
3157 -webkit-box-sizing: border-box; | |
3158 -moz-box-sizing: border-box; | |
3159 box-sizing: border-box; | |
3160 } | |
3161 | |
3162 .btn-block + .btn-block { | |
3163 margin-top: 5px; | |
3164 } | |
3165 | |
3166 input[type="submit"].btn-block, | |
3167 input[type="reset"].btn-block, | |
3168 input[type="button"].btn-block { | |
3169 width: 100%; | |
3170 } | |
3171 | |
3172 .btn-primary.active, | |
3173 .btn-warning.active, | |
3174 .btn-danger.active, | |
3175 .btn-success.active, | |
3176 .btn-info.active, | |
3177 .btn-inverse.active { | |
3178 color: rgba(255, 255, 255, 0.75); | |
3179 } | |
3180 | |
3181 .btn { | |
3182 border-color: #c5c5c5; | |
3183 border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); | |
3184 } | |
3185 | |
3186 .btn-primary { | |
3187 color: #ffffff; | |
3188 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
3189 background-color: #006dcc; | |
3190 *background-color: #0044cc; | |
3191 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); | |
3192 background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); | |
3193 background-image: -o-linear-gradient(top, #0088cc, #0044cc); | |
3194 background-image: linear-gradient(to bottom, #0088cc, #0044cc); | |
3195 background-image: -moz-linear-gradient(top, #0088cc, #0044cc); | |
3196 background-repeat: repeat-x; | |
3197 border-color: #0044cc #0044cc #002a80; | |
3198 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
3199 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); | |
3200 filter: progid:dximagetransform.microsoft.gradient(enabled=false); | |
3201 } | |
3202 | |
3203 .btn-primary:hover, | |
3204 .btn-primary:active, | |
3205 .btn-primary.active, | |
3206 .btn-primary.disabled, | |
3207 .btn-primary[disabled] { | |
3208 color: #ffffff; | |
3209 background-color: #0044cc; | |
3210 *background-color: #003bb3; | |
3211 } | |
3212 | |
3213 .btn-primary:active, | |
3214 .btn-primary.active { | |
3215 background-color: #003399 \9; | |
3216 } | |
3217 | |
3218 .btn-warning { | |
3219 color: #ffffff; | |
3220 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
3221 background-color: #faa732; | |
3222 *background-color: #f89406; | |
3223 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); | |
3224 background-image: -webkit-linear-gradient(top, #fbb450, #f89406); | |
3225 background-image: -o-linear-gradient(top, #fbb450, #f89406); | |
3226 background-image: linear-gradient(to bottom, #fbb450, #f89406); | |
3227 background-image: -moz-linear-gradient(top, #fbb450, #f89406); | |
3228 background-repeat: repeat-x; | |
3229 border-color: #f89406 #f89406 #ad6704; | |
3230 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
3231 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); | |
3232 filter: progid:dximagetransform.microsoft.gradient(enabled=false); | |
3233 } | |
3234 | |
3235 .btn-warning:hover, | |
3236 .btn-warning:active, | |
3237 .btn-warning.active, | |
3238 .btn-warning.disabled, | |
3239 .btn-warning[disabled] { | |
3240 color: #ffffff; | |
3241 background-color: #f89406; | |
3242 *background-color: #df8505; | |
3243 } | |
3244 | |
3245 .btn-warning:active, | |
3246 .btn-warning.active { | |
3247 background-color: #c67605 \9; | |
3248 } | |
3249 | |
3250 .btn-danger { | |
3251 color: #ffffff; | |
3252 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
3253 background-color: #da4f49; | |
3254 *background-color: #bd362f; | |
3255 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); | |
3256 background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); | |
3257 background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); | |
3258 background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); | |
3259 background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); | |
3260 background-repeat: repeat-x; | |
3261 border-color: #bd362f #bd362f #802420; | |
3262 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
3263 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); | |
3264 filter: progid:dximagetransform.microsoft.gradient(enabled=false); | |
3265 } | |
3266 | |
3267 .btn-danger:hover, | |
3268 .btn-danger:active, | |
3269 .btn-danger.active, | |
3270 .btn-danger.disabled, | |
3271 .btn-danger[disabled] { | |
3272 color: #ffffff; | |
3273 background-color: #bd362f; | |
3274 *background-color: #a9302a; | |
3275 } | |
3276 | |
3277 .btn-danger:active, | |
3278 .btn-danger.active { | |
3279 background-color: #942a25 \9; | |
3280 } | |
3281 | |
3282 .btn-success { | |
3283 color: #ffffff; | |
3284 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
3285 background-color: #5bb75b; | |
3286 *background-color: #51a351; | |
3287 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); | |
3288 background-image: -webkit-linear-gradient(top, #62c462, #51a351); | |
3289 background-image: -o-linear-gradient(top, #62c462, #51a351); | |
3290 background-image: linear-gradient(to bottom, #62c462, #51a351); | |
3291 background-image: -moz-linear-gradient(top, #62c462, #51a351); | |
3292 background-repeat: repeat-x; | |
3293 border-color: #51a351 #51a351 #387038; | |
3294 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
3295 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); | |
3296 filter: progid:dximagetransform.microsoft.gradient(enabled=false); | |
3297 } | |
3298 | |
3299 .btn-success:hover, | |
3300 .btn-success:active, | |
3301 .btn-success.active, | |
3302 .btn-success.disabled, | |
3303 .btn-success[disabled] { | |
3304 color: #ffffff; | |
3305 background-color: #51a351; | |
3306 *background-color: #499249; | |
3307 } | |
3308 | |
3309 .btn-success:active, | |
3310 .btn-success.active { | |
3311 background-color: #408140 \9; | |
3312 } | |
3313 | |
3314 .btn-info { | |
3315 color: #ffffff; | |
3316 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
3317 background-color: #49afcd; | |
3318 *background-color: #2f96b4; | |
3319 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); | |
3320 background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); | |
3321 background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); | |
3322 background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); | |
3323 background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); | |
3324 background-repeat: repeat-x; | |
3325 border-color: #2f96b4 #2f96b4 #1f6377; | |
3326 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
3327 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); | |
3328 filter: progid:dximagetransform.microsoft.gradient(enabled=false); | |
3329 } | |
3330 | |
3331 .btn-info:hover, | |
3332 .btn-info:active, | |
3333 .btn-info.active, | |
3334 .btn-info.disabled, | |
3335 .btn-info[disabled] { | |
3336 color: #ffffff; | |
3337 background-color: #2f96b4; | |
3338 *background-color: #2a85a0; | |
3339 } | |
3340 | |
3341 .btn-info:active, | |
3342 .btn-info.active { | |
3343 background-color: #24748c \9; | |
3344 } | |
3345 | |
3346 .btn-inverse { | |
3347 color: #ffffff; | |
3348 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
3349 background-color: #363636; | |
3350 *background-color: #222222; | |
3351 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); | |
3352 background-image: -webkit-linear-gradient(top, #444444, #222222); | |
3353 background-image: -o-linear-gradient(top, #444444, #222222); | |
3354 background-image: linear-gradient(to bottom, #444444, #222222); | |
3355 background-image: -moz-linear-gradient(top, #444444, #222222); | |
3356 background-repeat: repeat-x; | |
3357 border-color: #222222 #222222 #000000; | |
3358 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
3359 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); | |
3360 filter: progid:dximagetransform.microsoft.gradient(enabled=false); | |
3361 } | |
3362 | |
3363 .btn-inverse:hover, | |
3364 .btn-inverse:active, | |
3365 .btn-inverse.active, | |
3366 .btn-inverse.disabled, | |
3367 .btn-inverse[disabled] { | |
3368 color: #ffffff; | |
3369 background-color: #222222; | |
3370 *background-color: #151515; | |
3371 } | |
3372 | |
3373 .btn-inverse:active, | |
3374 .btn-inverse.active { | |
3375 background-color: #080808 \9; | |
3376 } | |
3377 | |
3378 button.btn, | |
3379 input[type="submit"].btn { | |
3380 *padding-top: 3px; | |
3381 *padding-bottom: 3px; | |
3382 } | |
3383 | |
3384 button.btn::-moz-focus-inner, | |
3385 input[type="submit"].btn::-moz-focus-inner { | |
3386 padding: 0; | |
3387 border: 0; | |
3388 } | |
3389 | |
3390 button.btn.btn-large, | |
3391 input[type="submit"].btn.btn-large { | |
3392 *padding-top: 7px; | |
3393 *padding-bottom: 7px; | |
3394 } | |
3395 | |
3396 button.btn.btn-small, | |
3397 input[type="submit"].btn.btn-small { | |
3398 *padding-top: 3px; | |
3399 *padding-bottom: 3px; | |
3400 } | |
3401 | |
3402 button.btn.btn-mini, | |
3403 input[type="submit"].btn.btn-mini { | |
3404 *padding-top: 1px; | |
3405 *padding-bottom: 1px; | |
3406 } | |
3407 | |
3408 .btn-link, | |
3409 .btn-link:active, | |
3410 .btn-link[disabled] { | |
3411 background-color: transparent; | |
3412 background-image: none; | |
3413 -webkit-box-shadow: none; | |
3414 -moz-box-shadow: none; | |
3415 box-shadow: none; | |
3416 } | |
3417 | |
3418 .btn-link { | |
3419 color: #0088cc; | |
3420 cursor: pointer; | |
3421 border-color: transparent; | |
3422 -webkit-border-radius: 0; | |
3423 -moz-border-radius: 0; | |
3424 border-radius: 0; | |
3425 } | |
3426 | |
3427 .btn-link:hover { | |
3428 color: #005580; | |
3429 text-decoration: underline; | |
3430 background-color: transparent; | |
3431 } | |
3432 | |
3433 .btn-link[disabled]:hover { | |
3434 color: #333333; | |
3435 text-decoration: none; | |
3436 } | |
3437 | |
3438 .btn-group { | |
3439 position: relative; | |
3440 *margin-left: .3em; | |
3441 font-size: 0; | |
3442 white-space: nowrap; | |
3443 vertical-align: middle; | |
3444 } | |
3445 | |
3446 .btn-group:first-child { | |
3447 *margin-left: 0; | |
3448 } | |
3449 | |
3450 .btn-group + .btn-group { | |
3451 margin-left: 5px; | |
3452 } | |
3453 | |
3454 .btn-toolbar { | |
3455 margin-top: 10px; | |
3456 margin-bottom: 10px; | |
3457 font-size: 0; | |
3458 } | |
3459 | |
3460 .btn-toolbar .btn-group { | |
3461 display: inline-block; | |
3462 *display: inline; | |
3463 /* IE7 inline-block hack */ | |
3464 | |
3465 *zoom: 1; | |
3466 } | |
3467 | |
3468 .btn-toolbar .btn + .btn, | |
3469 .btn-toolbar .btn-group + .btn, | |
3470 .btn-toolbar .btn + .btn-group { | |
3471 margin-left: 5px; | |
3472 } | |
3473 | |
3474 .btn-group > .btn { | |
3475 position: relative; | |
3476 -webkit-border-radius: 0; | |
3477 -moz-border-radius: 0; | |
3478 border-radius: 0; | |
3479 } | |
3480 | |
3481 .btn-group > .btn + .btn { | |
3482 margin-left: -1px; | |
3483 } | |
3484 | |
3485 .btn-group > .btn, | |
3486 .btn-group > .dropdown-menu { | |
3487 font-size: 14px; | |
3488 } | |
3489 | |
3490 .btn-group > .btn-mini { | |
3491 font-size: 11px; | |
3492 } | |
3493 | |
3494 .btn-group > .btn-small { | |
3495 font-size: 12px; | |
3496 } | |
3497 | |
3498 .btn-group > .btn-large { | |
3499 font-size: 16px; | |
3500 } | |
3501 | |
3502 .btn-group > .btn:first-child { | |
3503 margin-left: 0; | |
3504 -webkit-border-bottom-left-radius: 4px; | |
3505 border-bottom-left-radius: 4px; | |
3506 -webkit-border-top-left-radius: 4px; | |
3507 border-top-left-radius: 4px; | |
3508 -moz-border-radius-bottomleft: 4px; | |
3509 -moz-border-radius-topleft: 4px; | |
3510 } | |
3511 | |
3512 .btn-group > .btn:last-child, | |
3513 .btn-group > .dropdown-toggle { | |
3514 -webkit-border-top-right-radius: 4px; | |
3515 border-top-right-radius: 4px; | |
3516 -webkit-border-bottom-right-radius: 4px; | |
3517 border-bottom-right-radius: 4px; | |
3518 -moz-border-radius-topright: 4px; | |
3519 -moz-border-radius-bottomright: 4px; | |
3520 } | |
3521 | |
3522 .btn-group > .btn.large:first-child { | |
3523 margin-left: 0; | |
3524 -webkit-border-bottom-left-radius: 6px; | |
3525 border-bottom-left-radius: 6px; | |
3526 -webkit-border-top-left-radius: 6px; | |
3527 border-top-left-radius: 6px; | |
3528 -moz-border-radius-bottomleft: 6px; | |
3529 -moz-border-radius-topleft: 6px; | |
3530 } | |
3531 | |
3532 .btn-group > .btn.large:last-child, | |
3533 .btn-group > .large.dropdown-toggle { | |
3534 -webkit-border-top-right-radius: 6px; | |
3535 border-top-right-radius: 6px; | |
3536 -webkit-border-bottom-right-radius: 6px; | |
3537 border-bottom-right-radius: 6px; | |
3538 -moz-border-radius-topright: 6px; | |
3539 -moz-border-radius-bottomright: 6px; | |
3540 } | |
3541 | |
3542 .btn-group > .btn:hover, | |
3543 .btn-group > .btn:focus, | |
3544 .btn-group > .btn:active, | |
3545 .btn-group > .btn.active { | |
3546 z-index: 2; | |
3547 } | |
3548 | |
3549 .btn-group .dropdown-toggle:active, | |
3550 .btn-group.open .dropdown-toggle { | |
3551 outline: 0; | |
3552 } | |
3553 | |
3554 .btn-group > .btn + .dropdown-toggle { | |
3555 *padding-top: 5px; | |
3556 padding-right: 8px; | |
3557 *padding-bottom: 5px; | |
3558 padding-left: 8px; | |
3559 -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
3560 -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
3561 box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
3562 } | |
3563 | |
3564 .btn-group > .btn-mini + .dropdown-toggle { | |
3565 *padding-top: 2px; | |
3566 padding-right: 5px; | |
3567 *padding-bottom: 2px; | |
3568 padding-left: 5px; | |
3569 } | |
3570 | |
3571 .btn-group > .btn-small + .dropdown-toggle { | |
3572 *padding-top: 5px; | |
3573 *padding-bottom: 4px; | |
3574 } | |
3575 | |
3576 .btn-group > .btn-large + .dropdown-toggle { | |
3577 *padding-top: 7px; | |
3578 padding-right: 12px; | |
3579 *padding-bottom: 7px; | |
3580 padding-left: 12px; | |
3581 } | |
3582 | |
3583 .btn-group.open .dropdown-toggle { | |
3584 background-image: none; | |
3585 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
3586 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
3587 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
3588 } | |
3589 | |
3590 .btn-group.open .btn.dropdown-toggle { | |
3591 background-color: #e6e6e6; | |
3592 } | |
3593 | |
3594 .btn-group.open .btn-primary.dropdown-toggle { | |
3595 background-color: #0044cc; | |
3596 } | |
3597 | |
3598 .btn-group.open .btn-warning.dropdown-toggle { | |
3599 background-color: #f89406; | |
3600 } | |
3601 | |
3602 .btn-group.open .btn-danger.dropdown-toggle { | |
3603 background-color: #bd362f; | |
3604 } | |
3605 | |
3606 .btn-group.open .btn-success.dropdown-toggle { | |
3607 background-color: #51a351; | |
3608 } | |
3609 | |
3610 .btn-group.open .btn-info.dropdown-toggle { | |
3611 background-color: #2f96b4; | |
3612 } | |
3613 | |
3614 .btn-group.open .btn-inverse.dropdown-toggle { | |
3615 background-color: #222222; | |
3616 } | |
3617 | |
3618 .btn .caret { | |
3619 margin-top: 8px; | |
3620 margin-left: 0; | |
3621 } | |
3622 | |
3623 .btn-mini .caret, | |
3624 .btn-small .caret, | |
3625 .btn-large .caret { | |
3626 margin-top: 6px; | |
3627 } | |
3628 | |
3629 .btn-large .caret { | |
3630 border-top-width: 5px; | |
3631 border-right-width: 5px; | |
3632 border-left-width: 5px; | |
3633 } | |
3634 | |
3635 .dropup .btn-large .caret { | |
3636 border-top: 0; | |
3637 border-bottom: 5px solid #000000; | |
3638 } | |
3639 | |
3640 .btn-primary .caret, | |
3641 .btn-warning .caret, | |
3642 .btn-danger .caret, | |
3643 .btn-info .caret, | |
3644 .btn-success .caret, | |
3645 .btn-inverse .caret { | |
3646 border-top-color: #ffffff; | |
3647 border-bottom-color: #ffffff; | |
3648 } | |
3649 | |
3650 .btn-group-vertical { | |
3651 display: inline-block; | |
3652 *display: inline; | |
3653 /* IE7 inline-block hack */ | |
3654 | |
3655 *zoom: 1; | |
3656 } | |
3657 | |
3658 .btn-group-vertical .btn { | |
3659 display: block; | |
3660 float: none; | |
3661 width: 100%; | |
3662 -webkit-border-radius: 0; | |
3663 -moz-border-radius: 0; | |
3664 border-radius: 0; | |
3665 } | |
3666 | |
3667 .btn-group-vertical .btn + .btn { | |
3668 margin-top: -1px; | |
3669 margin-left: 0; | |
3670 } | |
3671 | |
3672 .btn-group-vertical .btn:first-child { | |
3673 -webkit-border-radius: 4px 4px 0 0; | |
3674 -moz-border-radius: 4px 4px 0 0; | |
3675 border-radius: 4px 4px 0 0; | |
3676 } | |
3677 | |
3678 .btn-group-vertical .btn:last-child { | |
3679 -webkit-border-radius: 0 0 4px 4px; | |
3680 -moz-border-radius: 0 0 4px 4px; | |
3681 border-radius: 0 0 4px 4px; | |
3682 } | |
3683 | |
3684 .btn-group-vertical .btn-large:first-child { | |
3685 -webkit-border-radius: 6px 6px 0 0; | |
3686 -moz-border-radius: 6px 6px 0 0; | |
3687 border-radius: 6px 6px 0 0; | |
3688 } | |
3689 | |
3690 .btn-group-vertical .btn-large:last-child { | |
3691 -webkit-border-radius: 0 0 6px 6px; | |
3692 -moz-border-radius: 0 0 6px 6px; | |
3693 border-radius: 0 0 6px 6px; | |
3694 } | |
3695 | |
3696 .alert { | |
3697 padding: 8px 35px 8px 14px; | |
3698 margin-bottom: 20px; | |
3699 color: #c09853; | |
3700 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
3701 background-color: #fcf8e3; | |
3702 border: 1px solid #fbeed5; | |
3703 -webkit-border-radius: 4px; | |
3704 -moz-border-radius: 4px; | |
3705 border-radius: 4px; | |
3706 } | |
3707 | |
3708 .alert h4 { | |
3709 margin: 0; | |
3710 } | |
3711 | |
3712 .alert .close { | |
3713 position: relative; | |
3714 top: -2px; | |
3715 right: -21px; | |
3716 line-height: 20px; | |
3717 } | |
3718 | |
3719 .alert-success { | |
3720 color: #468847; | |
3721 background-color: #dff0d8; | |
3722 border-color: #d6e9c6; | |
3723 } | |
3724 | |
3725 .alert-danger, | |
3726 .alert-error { | |
3727 color: #b94a48; | |
3728 background-color: #f2dede; | |
3729 border-color: #eed3d7; | |
3730 } | |
3731 | |
3732 .alert-info { | |
3733 color: #3a87ad; | |
3734 background-color: #d9edf7; | |
3735 border-color: #bce8f1; | |
3736 } | |
3737 | |
3738 .alert-block { | |
3739 padding-top: 14px; | |
3740 padding-bottom: 14px; | |
3741 } | |
3742 | |
3743 .alert-block > p, | |
3744 .alert-block > ul { | |
3745 margin-bottom: 0; | |
3746 } | |
3747 | |
3748 .alert-block p + p { | |
3749 margin-top: 5px; | |
3750 } | |
3751 | |
3752 .nav { | |
3753 margin-bottom: 20px; | |
3754 margin-left: 0; | |
3755 list-style: none; | |
3756 } | |
3757 | |
3758 .nav > li > a { | |
3759 display: block; | |
3760 } | |
3761 | |
3762 .nav > li > a:hover { | |
3763 text-decoration: none; | |
3764 background-color: #eeeeee; | |
3765 } | |
3766 | |
3767 .nav > .pull-right { | |
3768 float: right; | |
3769 } | |
3770 | |
3771 .nav-header { | |
3772 display: block; | |
3773 padding: 3px 15px; | |
3774 font-size: 11px; | |
3775 font-weight: bold; | |
3776 line-height: 20px; | |
3777 color: #999999; | |
3778 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
3779 text-transform: uppercase; | |
3780 } | |
3781 | |
3782 .nav li + .nav-header { | |
3783 margin-top: 9px; | |
3784 } | |
3785 | |
3786 .nav-list { | |
3787 padding-right: 15px; | |
3788 padding-left: 15px; | |
3789 margin-bottom: 0; | |
3790 } | |
3791 | |
3792 .nav-list > li > a, | |
3793 .nav-list .nav-header { | |
3794 margin-right: -15px; | |
3795 margin-left: -15px; | |
3796 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
3797 } | |
3798 | |
3799 .nav-list > li > a { | |
3800 padding: 3px 15px; | |
3801 } | |
3802 | |
3803 .nav-list > .active > a, | |
3804 .nav-list > .active > a:hover { | |
3805 color: #ffffff; | |
3806 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | |
3807 background-color: #0088cc; | |
3808 } | |
3809 | |
3810 .nav-list [class^="icon-"] { | |
3811 margin-right: 2px; | |
3812 } | |
3813 | |
3814 .nav-list .divider { | |
3815 *width: 100%; | |
3816 height: 1px; | |
3817 margin: 9px 1px; | |
3818 *margin: -5px 0 5px; | |
3819 overflow: hidden; | |
3820 background-color: #e5e5e5; | |
3821 border-bottom: 1px solid #ffffff; | |
3822 } | |
3823 | |
3824 .nav-tabs, | |
3825 .nav-pills { | |
3826 *zoom: 1; | |
3827 } | |
3828 | |
3829 .nav-tabs:before, | |
3830 .nav-pills:before, | |
3831 .nav-tabs:after, | |
3832 .nav-pills:after { | |
3833 display: table; | |
3834 line-height: 0; | |
3835 content: ""; | |
3836 } | |
3837 | |
3838 .nav-tabs:after, | |
3839 .nav-pills:after { | |
3840 clear: both; | |
3841 } | |
3842 | |
3843 .nav-tabs > li, | |
3844 .nav-pills > li { | |
3845 float: left; | |
3846 } | |
3847 | |
3848 .nav-tabs > li > a, | |
3849 .nav-pills > li > a { | |
3850 padding-right: 12px; | |
3851 padding-left: 12px; | |
3852 margin-right: 2px; | |
3853 line-height: 14px; | |
3854 } | |
3855 | |
3856 .nav-tabs { | |
3857 border-bottom: 1px solid #ddd; | |
3858 } | |
3859 | |
3860 .nav-tabs > li { | |
3861 margin-bottom: -1px; | |
3862 } | |
3863 | |
3864 .nav-tabs > li > a { | |
3865 padding-top: 8px; | |
3866 padding-bottom: 8px; | |
3867 line-height: 20px; | |
3868 border: 1px solid transparent; | |
3869 -webkit-border-radius: 4px 4px 0 0; | |
3870 -moz-border-radius: 4px 4px 0 0; | |
3871 border-radius: 4px 4px 0 0; | |
3872 } | |
3873 | |
3874 .nav-tabs > li > a:hover { | |
3875 border-color: #eeeeee #eeeeee #dddddd; | |
3876 } | |
3877 | |
3878 .nav-tabs > .active > a, | |
3879 .nav-tabs > .active > a:hover { | |
3880 color: #555555; | |
3881 cursor: default; | |
3882 background-color: #ffffff; | |
3883 border: 1px solid #ddd; | |
3884 border-bottom-color: transparent; | |
3885 } | |
3886 | |
3887 .nav-pills > li > a { | |
3888 padding-top: 8px; | |
3889 padding-bottom: 8px; | |
3890 margin-top: 2px; | |
3891 margin-bottom: 2px; | |
3892 -webkit-border-radius: 5px; | |
3893 -moz-border-radius: 5px; | |
3894 border-radius: 5px; | |
3895 } | |
3896 | |
3897 .nav-pills > .active > a, | |
3898 .nav-pills > .active > a:hover { | |
3899 color: #ffffff; | |
3900 background-color: #0088cc; | |
3901 } | |
3902 | |
3903 .nav-stacked > li { | |
3904 float: none; | |
3905 } | |
3906 | |
3907 .nav-stacked > li > a { | |
3908 margin-right: 0; | |
3909 } | |
3910 | |
3911 .nav-tabs.nav-stacked { | |
3912 border-bottom: 0; | |
3913 } | |
3914 | |
3915 .nav-tabs.nav-stacked > li > a { | |
3916 border: 1px solid #ddd; | |
3917 -webkit-border-radius: 0; | |
3918 -moz-border-radius: 0; | |
3919 border-radius: 0; | |
3920 } | |
3921 | |
3922 .nav-tabs.nav-stacked > li:first-child > a { | |
3923 -webkit-border-top-right-radius: 4px; | |
3924 border-top-right-radius: 4px; | |
3925 -webkit-border-top-left-radius: 4px; | |
3926 border-top-left-radius: 4px; | |
3927 -moz-border-radius-topright: 4px; | |
3928 -moz-border-radius-topleft: 4px; | |
3929 } | |
3930 | |
3931 .nav-tabs.nav-stacked > li:last-child > a { | |
3932 -webkit-border-bottom-right-radius: 4px; | |
3933 border-bottom-right-radius: 4px; | |
3934 -webkit-border-bottom-left-radius: 4px; | |
3935 border-bottom-left-radius: 4px; | |
3936 -moz-border-radius-bottomright: 4px; | |
3937 -moz-border-radius-bottomleft: 4px; | |
3938 } | |
3939 | |
3940 .nav-tabs.nav-stacked > li > a:hover { | |
3941 z-index: 2; | |
3942 border-color: #ddd; | |
3943 } | |
3944 | |
3945 .nav-pills.nav-stacked > li > a { | |
3946 margin-bottom: 3px; | |
3947 } | |
3948 | |
3949 .nav-pills.nav-stacked > li:last-child > a { | |
3950 margin-bottom: 1px; | |
3951 } | |
3952 | |
3953 .nav-tabs .dropdown-menu { | |
3954 -webkit-border-radius: 0 0 6px 6px; | |
3955 -moz-border-radius: 0 0 6px 6px; | |
3956 border-radius: 0 0 6px 6px; | |
3957 } | |
3958 | |
3959 .nav-pills .dropdown-menu { | |
3960 -webkit-border-radius: 6px; | |
3961 -moz-border-radius: 6px; | |
3962 border-radius: 6px; | |
3963 } | |
3964 | |
3965 .nav .dropdown-toggle .caret { | |
3966 margin-top: 6px; | |
3967 border-top-color: #0088cc; | |
3968 border-bottom-color: #0088cc; | |
3969 } | |
3970 | |
3971 .nav .dropdown-toggle:hover .caret { | |
3972 border-top-color: #005580; | |
3973 border-bottom-color: #005580; | |
3974 } | |
3975 | |
3976 /* move down carets for tabs */ | |
3977 | |
3978 .nav-tabs .dropdown-toggle .caret { | |
3979 margin-top: 8px; | |
3980 } | |
3981 | |
3982 .nav .active .dropdown-toggle .caret { | |
3983 border-top-color: #fff; | |
3984 border-bottom-color: #fff; | |
3985 } | |
3986 | |
3987 .nav-tabs .active .dropdown-toggle .caret { | |
3988 border-top-color: #555555; | |
3989 border-bottom-color: #555555; | |
3990 } | |
3991 | |
3992 .nav > .dropdown.active > a:hover { | |
3993 cursor: pointer; | |
3994 } | |
3995 | |
3996 .nav-tabs .open .dropdown-toggle, | |
3997 .nav-pills .open .dropdown-toggle, | |
3998 .nav > li.dropdown.open.active > a:hover { | |
3999 color: #ffffff; | |
4000 background-color: #999999; | |
4001 border-color: #999999; | |
4002 } | |
4003 | |
4004 .nav li.dropdown.open .caret, | |
4005 .nav li.dropdown.open.active .caret, | |
4006 .nav li.dropdown.open a:hover .caret { | |
4007 border-top-color: #ffffff; | |
4008 border-bottom-color: #ffffff; | |
4009 opacity: 1; | |
4010 filter: alpha(opacity=100); | |
4011 } | |
4012 | |
4013 .tabs-stacked .open > a:hover { | |
4014 border-color: #999999; | |
4015 } | |
4016 | |
4017 .tabbable { | |
4018 *zoom: 1; | |
4019 } | |
4020 | |
4021 .tabbable:before, | |
4022 .tabbable:after { | |
4023 display: table; | |
4024 line-height: 0; | |
4025 content: ""; | |
4026 } | |
4027 | |
4028 .tabbable:after { | |
4029 clear: both; | |
4030 } | |
4031 | |
4032 .tab-content { | |
4033 overflow: auto; | |
4034 } | |
4035 | |
4036 .tabs-below > .nav-tabs, | |
4037 .tabs-right > .nav-tabs, | |
4038 .tabs-left > .nav-tabs { | |
4039 border-bottom: 0; | |
4040 } | |
4041 | |
4042 .tab-content > .tab-pane, | |
4043 .pill-content > .pill-pane { | |
4044 display: none; | |
4045 } | |
4046 | |
4047 .tab-content > .active, | |
4048 .pill-content > .active { | |
4049 display: block; | |
4050 } | |
4051 | |
4052 .tabs-below > .nav-tabs { | |
4053 border-top: 1px solid #ddd; | |
4054 } | |
4055 | |
4056 .tabs-below > .nav-tabs > li { | |
4057 margin-top: -1px; | |
4058 margin-bottom: 0; | |
4059 } | |
4060 | |
4061 .tabs-below > .nav-tabs > li > a { | |
4062 -webkit-border-radius: 0 0 4px 4px; | |
4063 -moz-border-radius: 0 0 4px 4px; | |
4064 border-radius: 0 0 4px 4px; | |
4065 } | |
4066 | |
4067 .tabs-below > .nav-tabs > li > a:hover { | |
4068 border-top-color: #ddd; | |
4069 border-bottom-color: transparent; | |
4070 } | |
4071 | |
4072 .tabs-below > .nav-tabs > .active > a, | |
4073 .tabs-below > .nav-tabs > .active > a:hover { | |
4074 border-color: transparent #ddd #ddd #ddd; | |
4075 } | |
4076 | |
4077 .tabs-left > .nav-tabs > li, | |
4078 .tabs-right > .nav-tabs > li { | |
4079 float: none; | |
4080 } | |
4081 | |
4082 .tabs-left > .nav-tabs > li > a, | |
4083 .tabs-right > .nav-tabs > li > a { | |
4084 min-width: 74px; | |
4085 margin-right: 0; | |
4086 margin-bottom: 3px; | |
4087 } | |
4088 | |
4089 .tabs-left > .nav-tabs { | |
4090 float: left; | |
4091 margin-right: 19px; | |
4092 border-right: 1px solid #ddd; | |
4093 } | |
4094 | |
4095 .tabs-left > .nav-tabs > li > a { | |
4096 margin-right: -1px; | |
4097 -webkit-border-radius: 4px 0 0 4px; | |
4098 -moz-border-radius: 4px 0 0 4px; | |
4099 border-radius: 4px 0 0 4px; | |
4100 } | |
4101 | |
4102 .tabs-left > .nav-tabs > li > a:hover { | |
4103 border-color: #eeeeee #dddddd #eeeeee #eeeeee; | |
4104 } | |
4105 | |
4106 .tabs-left > .nav-tabs .active > a, | |
4107 .tabs-left > .nav-tabs .active > a:hover { | |
4108 border-color: #ddd transparent #ddd #ddd; | |
4109 *border-right-color: #ffffff; | |
4110 } | |
4111 | |
4112 .tabs-right > .nav-tabs { | |
4113 float: right; | |
4114 margin-left: 19px; | |
4115 border-left: 1px solid #ddd; | |
4116 } | |
4117 | |
4118 .tabs-right > .nav-tabs > li > a { | |
4119 margin-left: -1px; | |
4120 -webkit-border-radius: 0 4px 4px 0; | |
4121 -moz-border-radius: 0 4px 4px 0; | |
4122 border-radius: 0 4px 4px 0; | |
4123 } | |
4124 | |
4125 .tabs-right > .nav-tabs > li > a:hover { | |
4126 border-color: #eeeeee #eeeeee #eeeeee #dddddd; | |
4127 } | |
4128 | |
4129 .tabs-right > .nav-tabs .active > a, | |
4130 .tabs-right > .nav-tabs .active > a:hover { | |
4131 border-color: #ddd #ddd #ddd transparent; | |
4132 *border-left-color: #ffffff; | |
4133 } | |
4134 | |
4135 .nav > .disabled > a { | |
4136 color: #999999; | |
4137 } | |
4138 | |
4139 .nav > .disabled > a:hover { | |
4140 text-decoration: none; | |
4141 cursor: default; | |
4142 background-color: transparent; | |
4143 } | |
4144 | |
4145 .navbar { | |
4146 *position: relative; | |
4147 *z-index: 2; | |
4148 margin-bottom: 20px; | |
4149 overflow: visible; | |
4150 color: #777777; | |
4151 } | |
4152 | |
4153 .navbar-inner { | |
4154 min-height: 40px; | |
4155 padding-right: 20px; | |
4156 padding-left: 20px; | |
4157 background-color: #fafafa; | |
4158 background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); | |
4159 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); | |
4160 background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); | |
4161 background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); | |
4162 background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); | |
4163 background-repeat: repeat-x; | |
4164 border: 1px solid #d4d4d4; | |
4165 -webkit-border-radius: 4px; | |
4166 -moz-border-radius: 4px; | |
4167 border-radius: 4px; | |
4168 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); | |
4169 *zoom: 1; | |
4170 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); | |
4171 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); | |
4172 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); | |
4173 } | |
4174 | |
4175 .navbar-inner:before, | |
4176 .navbar-inner:after { | |
4177 display: table; | |
4178 line-height: 0; | |
4179 content: ""; | |
4180 } | |
4181 | |
4182 .navbar-inner:after { | |
4183 clear: both; | |
4184 } | |
4185 | |
4186 .navbar .container { | |
4187 width: auto; | |
4188 } | |
4189 | |
4190 .nav-collapse.collapse { | |
4191 height: auto; | |
4192 } | |
4193 | |
4194 .navbar .brand { | |
4195 display: block; | |
4196 float: left; | |
4197 padding: 10px 20px 10px; | |
4198 margin-left: -20px; | |
4199 font-size: 20px; | |
4200 font-weight: 200; | |
4201 color: #777777; | |
4202 text-shadow: 0 1px 0 #ffffff; | |
4203 } | |
4204 | |
4205 .navbar .brand:hover { | |
4206 text-decoration: none; | |
4207 } | |
4208 | |
4209 .navbar-text { | |
4210 margin-bottom: 0; | |
4211 line-height: 40px; | |
4212 } | |
4213 | |
4214 .navbar-link { | |
4215 color: #777777; | |
4216 } | |
4217 | |
4218 .navbar-link:hover { | |
4219 color: #333333; | |
4220 } | |
4221 | |
4222 .navbar .divider-vertical { | |
4223 height: 40px; | |
4224 margin: 0 9px; | |
4225 border-right: 1px solid #ffffff; | |
4226 border-left: 1px solid #f2f2f2; | |
4227 } | |
4228 | |
4229 .navbar .btn, | |
4230 .navbar .btn-group { | |
4231 margin-top: 5px; | |
4232 } | |
4233 | |
4234 .navbar .btn-group .btn, | |
4235 .navbar .input-prepend .btn, | |
4236 .navbar .input-append .btn { | |
4237 margin-top: 0; | |
4238 } | |
4239 | |
4240 .navbar-form { | |
4241 margin-bottom: 0; | |
4242 *zoom: 1; | |
4243 } | |
4244 | |
4245 .navbar-form:before, | |
4246 .navbar-form:after { | |
4247 display: table; | |
4248 line-height: 0; | |
4249 content: ""; | |
4250 } | |
4251 | |
4252 .navbar-form:after { | |
4253 clear: both; | |
4254 } | |
4255 | |
4256 .navbar-form input, | |
4257 .navbar-form select, | |
4258 .navbar-form .radio, | |
4259 .navbar-form .checkbox { | |
4260 margin-top: 5px; | |
4261 } | |
4262 | |
4263 .navbar-form input, | |
4264 .navbar-form select, | |
4265 .navbar-form .btn { | |
4266 display: inline-block; | |
4267 margin-bottom: 0; | |
4268 } | |
4269 | |
4270 .navbar-form input[type="image"], | |
4271 .navbar-form input[type="checkbox"], | |
4272 .navbar-form input[type="radio"] { | |
4273 margin-top: 3px; | |
4274 } | |
4275 | |
4276 .navbar-form .input-append, | |
4277 .navbar-form .input-prepend { | |
4278 margin-top: 6px; | |
4279 white-space: nowrap; | |
4280 } | |
4281 | |
4282 .navbar-form .input-append input, | |
4283 .navbar-form .input-prepend input { | |
4284 margin-top: 0; | |
4285 } | |
4286 | |
4287 .navbar-search { | |
4288 position: relative; | |
4289 float: left; | |
4290 margin-top: 5px; | |
4291 margin-bottom: 0; | |
4292 } | |
4293 | |
4294 .navbar-search .search-query { | |
4295 padding: 4px 14px; | |
4296 margin-bottom: 0; | |
4297 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
4298 font-size: 13px; | |
4299 font-weight: normal; | |
4300 line-height: 1; | |
4301 -webkit-border-radius: 15px; | |
4302 -moz-border-radius: 15px; | |
4303 border-radius: 15px; | |
4304 } | |
4305 | |
4306 .navbar-static-top { | |
4307 position: static; | |
4308 width: 100%; | |
4309 margin-bottom: 0; | |
4310 } | |
4311 | |
4312 .navbar-static-top .navbar-inner { | |
4313 -webkit-border-radius: 0; | |
4314 -moz-border-radius: 0; | |
4315 border-radius: 0; | |
4316 } | |
4317 | |
4318 .navbar-fixed-top, | |
4319 .navbar-fixed-bottom { | |
4320 position: fixed; | |
4321 right: 0; | |
4322 left: 0; | |
4323 z-index: 1030; | |
4324 margin-bottom: 0; | |
4325 } | |
4326 | |
4327 .navbar-fixed-top .navbar-inner, | |
4328 .navbar-static-top .navbar-inner { | |
4329 border-width: 0 0 1px; | |
4330 } | |
4331 | |
4332 .navbar-fixed-bottom .navbar-inner { | |
4333 border-width: 1px 0 0; | |
4334 } | |
4335 | |
4336 .navbar-fixed-top .navbar-inner, | |
4337 .navbar-fixed-bottom .navbar-inner { | |
4338 padding-right: 0; | |
4339 padding-left: 0; | |
4340 -webkit-border-radius: 0; | |
4341 -moz-border-radius: 0; | |
4342 border-radius: 0; | |
4343 } | |
4344 | |
4345 .navbar-static-top .container, | |
4346 .navbar-fixed-top .container, | |
4347 .navbar-fixed-bottom .container { | |
4348 width: 940px; | |
4349 } | |
4350 | |
4351 .navbar-fixed-top { | |
4352 top: 0; | |
4353 } | |
4354 | |
4355 .navbar-fixed-top .navbar-inner, | |
4356 .navbar-static-top .navbar-inner { | |
4357 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); | |
4358 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); | |
4359 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); | |
4360 } | |
4361 | |
4362 .navbar-fixed-bottom { | |
4363 bottom: 0; | |
4364 } | |
4365 | |
4366 .navbar-fixed-bottom .navbar-inner { | |
4367 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); | |
4368 -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); | |
4369 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); | |
4370 } | |
4371 | |
4372 .navbar .nav { | |
4373 position: relative; | |
4374 left: 0; | |
4375 display: block; | |
4376 float: left; | |
4377 margin: 0 10px 0 0; | |
4378 } | |
4379 | |
4380 .navbar .nav.pull-right { | |
4381 float: right; | |
4382 margin-right: 0; | |
4383 } | |
4384 | |
4385 .navbar .nav > li { | |
4386 float: left; | |
4387 } | |
4388 | |
4389 .navbar .nav > li > a { | |
4390 float: none; | |
4391 padding: 10px 15px 10px; | |
4392 color: #777777; | |
4393 text-decoration: none; | |
4394 text-shadow: 0 1px 0 #ffffff; | |
4395 } | |
4396 | |
4397 .navbar .nav .dropdown-toggle .caret { | |
4398 margin-top: 8px; | |
4399 } | |
4400 | |
4401 .navbar .nav > li > a:focus, | |
4402 .navbar .nav > li > a:hover { | |
4403 color: #333333; | |
4404 text-decoration: none; | |
4405 background-color: transparent; | |
4406 } | |
4407 | |
4408 .navbar .nav > .active > a, | |
4409 .navbar .nav > .active > a:hover, | |
4410 .navbar .nav > .active > a:focus { | |
4411 color: #555555; | |
4412 text-decoration: none; | |
4413 background-color: #e5e5e5; | |
4414 -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
4415 -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
4416 box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
4417 } | |
4418 | |
4419 .navbar .btn-navbar { | |
4420 display: none; | |
4421 float: right; | |
4422 padding: 7px 10px; | |
4423 margin-right: 5px; | |
4424 margin-left: 5px; | |
4425 color: #ffffff; | |
4426 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
4427 background-color: #ededed; | |
4428 *background-color: #e5e5e5; | |
4429 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); | |
4430 background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); | |
4431 background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); | |
4432 background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); | |
4433 background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); | |
4434 background-repeat: repeat-x; | |
4435 border-color: #e5e5e5 #e5e5e5 #bfbfbf; | |
4436 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
4437 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); | |
4438 filter: progid:dximagetransform.microsoft.gradient(enabled=false); | |
4439 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); | |
4440 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); | |
4441 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); | |
4442 } | |
4443 | |
4444 .navbar .btn-navbar:hover, | |
4445 .navbar .btn-navbar:active, | |
4446 .navbar .btn-navbar.active, | |
4447 .navbar .btn-navbar.disabled, | |
4448 .navbar .btn-navbar[disabled] { | |
4449 color: #ffffff; | |
4450 background-color: #e5e5e5; | |
4451 *background-color: #d9d9d9; | |
4452 } | |
4453 | |
4454 .navbar .btn-navbar:active, | |
4455 .navbar .btn-navbar.active { | |
4456 background-color: #cccccc \9; | |
4457 } | |
4458 | |
4459 .navbar .btn-navbar .icon-bar { | |
4460 display: block; | |
4461 width: 18px; | |
4462 height: 2px; | |
4463 background-color: #f5f5f5; | |
4464 -webkit-border-radius: 1px; | |
4465 -moz-border-radius: 1px; | |
4466 border-radius: 1px; | |
4467 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); | |
4468 -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); | |
4469 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); | |
4470 } | |
4471 | |
4472 .btn-navbar .icon-bar + .icon-bar { | |
4473 margin-top: 3px; | |
4474 } | |
4475 | |
4476 .navbar .nav > li > .dropdown-menu:before { | |
4477 position: absolute; | |
4478 top: -7px; | |
4479 left: 9px; | |
4480 display: inline-block; | |
4481 border-right: 7px solid transparent; | |
4482 border-bottom: 7px solid #ccc; | |
4483 border-left: 7px solid transparent; | |
4484 border-bottom-color: rgba(0, 0, 0, 0.2); | |
4485 content: ''; | |
4486 } | |
4487 | |
4488 .navbar .nav > li > .dropdown-menu:after { | |
4489 position: absolute; | |
4490 top: -6px; | |
4491 left: 10px; | |
4492 display: inline-block; | |
4493 border-right: 6px solid transparent; | |
4494 border-bottom: 6px solid #ffffff; | |
4495 border-left: 6px solid transparent; | |
4496 content: ''; | |
4497 } | |
4498 | |
4499 .navbar-fixed-bottom .nav > li > .dropdown-menu:before { | |
4500 top: auto; | |
4501 bottom: -7px; | |
4502 border-top: 7px solid #ccc; | |
4503 border-bottom: 0; | |
4504 border-top-color: rgba(0, 0, 0, 0.2); | |
4505 } | |
4506 | |
4507 .navbar-fixed-bottom .nav > li > .dropdown-menu:after { | |
4508 top: auto; | |
4509 bottom: -6px; | |
4510 border-top: 6px solid #ffffff; | |
4511 border-bottom: 0; | |
4512 } | |
4513 | |
4514 .navbar .nav li.dropdown.open > .dropdown-toggle, | |
4515 .navbar .nav li.dropdown.active > .dropdown-toggle, | |
4516 .navbar .nav li.dropdown.open.active > .dropdown-toggle { | |
4517 color: #555555; | |
4518 background-color: #e5e5e5; | |
4519 } | |
4520 | |
4521 .navbar .nav li.dropdown > .dropdown-toggle .caret { | |
4522 border-top-color: #777777; | |
4523 border-bottom-color: #777777; | |
4524 } | |
4525 | |
4526 .navbar .nav li.dropdown.open > .dropdown-toggle .caret, | |
4527 .navbar .nav li.dropdown.active > .dropdown-toggle .caret, | |
4528 .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { | |
4529 border-top-color: #555555; | |
4530 border-bottom-color: #555555; | |
4531 } | |
4532 | |
4533 .navbar .pull-right > li > .dropdown-menu, | |
4534 .navbar .nav > li > .dropdown-menu.pull-right { | |
4535 right: 0; | |
4536 left: auto; | |
4537 } | |
4538 | |
4539 .navbar .pull-right > li > .dropdown-menu:before, | |
4540 .navbar .nav > li > .dropdown-menu.pull-right:before { | |
4541 right: 12px; | |
4542 left: auto; | |
4543 } | |
4544 | |
4545 .navbar .pull-right > li > .dropdown-menu:after, | |
4546 .navbar .nav > li > .dropdown-menu.pull-right:after { | |
4547 right: 13px; | |
4548 left: auto; | |
4549 } | |
4550 | |
4551 .navbar .pull-right > li > .dropdown-menu .dropdown-menu, | |
4552 .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { | |
4553 right: 100%; | |
4554 left: auto; | |
4555 margin-right: -1px; | |
4556 margin-left: 0; | |
4557 -webkit-border-radius: 6px 0 6px 6px; | |
4558 -moz-border-radius: 6px 0 6px 6px; | |
4559 border-radius: 6px 0 6px 6px; | |
4560 } | |
4561 | |
4562 .navbar-inverse { | |
4563 color: #999999; | |
4564 } | |
4565 | |
4566 .navbar-inverse .navbar-inner { | |
4567 background-color: #1b1b1b; | |
4568 background-image: -moz-linear-gradient(top, #222222, #111111); | |
4569 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); | |
4570 background-image: -webkit-linear-gradient(top, #222222, #111111); | |
4571 background-image: -o-linear-gradient(top, #222222, #111111); | |
4572 background-image: linear-gradient(to bottom, #222222, #111111); | |
4573 background-repeat: repeat-x; | |
4574 border-color: #252525; | |
4575 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); | |
4576 } | |
4577 | |
4578 .navbar-inverse .brand, | |
4579 .navbar-inverse .nav > li > a { | |
4580 color: #999999; | |
4581 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
4582 } | |
4583 | |
4584 .navbar-inverse .brand:hover, | |
4585 .navbar-inverse .nav > li > a:hover { | |
4586 color: #ffffff; | |
4587 } | |
4588 | |
4589 .navbar-inverse .nav > li > a:focus, | |
4590 .navbar-inverse .nav > li > a:hover { | |
4591 color: #ffffff; | |
4592 background-color: transparent; | |
4593 } | |
4594 | |
4595 .navbar-inverse .nav .active > a, | |
4596 .navbar-inverse .nav .active > a:hover, | |
4597 .navbar-inverse .nav .active > a:focus { | |
4598 color: #ffffff; | |
4599 background-color: #111111; | |
4600 } | |
4601 | |
4602 .navbar-inverse .navbar-link { | |
4603 color: #999999; | |
4604 } | |
4605 | |
4606 .navbar-inverse .navbar-link:hover { | |
4607 color: #ffffff; | |
4608 } | |
4609 | |
4610 .navbar-inverse .divider-vertical { | |
4611 border-right-color: #222222; | |
4612 border-left-color: #111111; | |
4613 } | |
4614 | |
4615 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, | |
4616 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, | |
4617 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { | |
4618 color: #ffffff; | |
4619 background-color: #111111; | |
4620 } | |
4621 | |
4622 .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { | |
4623 border-top-color: #999999; | |
4624 border-bottom-color: #999999; | |
4625 } | |
4626 | |
4627 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, | |
4628 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, | |
4629 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { | |
4630 border-top-color: #ffffff; | |
4631 border-bottom-color: #ffffff; | |
4632 } | |
4633 | |
4634 .navbar-inverse .navbar-search .search-query { | |
4635 color: #ffffff; | |
4636 background-color: #515151; | |
4637 border-color: #111111; | |
4638 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); | |
4639 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); | |
4640 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); | |
4641 -webkit-transition: none; | |
4642 -moz-transition: none; | |
4643 -o-transition: none; | |
4644 transition: none; | |
4645 } | |
4646 | |
4647 .navbar-inverse .navbar-search .search-query:-moz-placeholder { | |
4648 color: #cccccc; | |
4649 } | |
4650 | |
4651 .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { | |
4652 color: #cccccc; | |
4653 } | |
4654 | |
4655 .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { | |
4656 color: #cccccc; | |
4657 } | |
4658 | |
4659 .navbar-inverse .navbar-search .search-query:focus, | |
4660 .navbar-inverse .navbar-search .search-query.focused { | |
4661 padding: 5px 15px; | |
4662 color: #333333; | |
4663 text-shadow: 0 1px 0 #ffffff; | |
4664 background-color: #ffffff; | |
4665 border: 0; | |
4666 outline: 0; | |
4667 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
4668 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
4669 box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
4670 } | |
4671 | |
4672 .navbar-inverse .btn-navbar { | |
4673 color: #ffffff; | |
4674 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
4675 background-color: #0e0e0e; | |
4676 *background-color: #040404; | |
4677 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); | |
4678 background-image: -webkit-linear-gradient(top, #151515, #040404); | |
4679 background-image: -o-linear-gradient(top, #151515, #040404); | |
4680 background-image: linear-gradient(to bottom, #151515, #040404); | |
4681 background-image: -moz-linear-gradient(top, #151515, #040404); | |
4682 background-repeat: repeat-x; | |
4683 border-color: #040404 #040404 #000000; | |
4684 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
4685 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); | |
4686 filter: progid:dximagetransform.microsoft.gradient(enabled=false); | |
4687 } | |
4688 | |
4689 .navbar-inverse .btn-navbar:hover, | |
4690 .navbar-inverse .btn-navbar:active, | |
4691 .navbar-inverse .btn-navbar.active, | |
4692 .navbar-inverse .btn-navbar.disabled, | |
4693 .navbar-inverse .btn-navbar[disabled] { | |
4694 color: #ffffff; | |
4695 background-color: #040404; | |
4696 *background-color: #000000; | |
4697 } | |
4698 | |
4699 .navbar-inverse .btn-navbar:active, | |
4700 .navbar-inverse .btn-navbar.active { | |
4701 background-color: #000000 \9; | |
4702 } | |
4703 | |
4704 .breadcrumb { | |
4705 padding: 8px 15px; | |
4706 margin: 0 0 20px; | |
4707 list-style: none; | |
4708 background-color: #f5f5f5; | |
4709 -webkit-border-radius: 4px; | |
4710 -moz-border-radius: 4px; | |
4711 border-radius: 4px; | |
4712 } | |
4713 | |
4714 .breadcrumb li { | |
4715 display: inline-block; | |
4716 *display: inline; | |
4717 text-shadow: 0 1px 0 #ffffff; | |
4718 *zoom: 1; | |
4719 } | |
4720 | |
4721 .breadcrumb .divider { | |
4722 padding: 0 5px; | |
4723 color: #ccc; | |
4724 } | |
4725 | |
4726 .breadcrumb .active { | |
4727 color: #999999; | |
4728 } | |
4729 | |
4730 .pagination { | |
4731 height: 40px; | |
4732 margin: 20px 0; | |
4733 } | |
4734 | |
4735 .pagination ul { | |
4736 display: inline-block; | |
4737 *display: inline; | |
4738 margin-bottom: 0; | |
4739 margin-left: 0; | |
4740 -webkit-border-radius: 3px; | |
4741 -moz-border-radius: 3px; | |
4742 border-radius: 3px; | |
4743 *zoom: 1; | |
4744 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); | |
4745 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); | |
4746 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); | |
4747 } | |
4748 | |
4749 .pagination ul > li { | |
4750 display: inline; | |
4751 } | |
4752 | |
4753 .pagination ul > li > a, | |
4754 .pagination ul > li > span { | |
4755 float: left; | |
4756 padding: 0 14px; | |
4757 line-height: 38px; | |
4758 text-decoration: none; | |
4759 background-color: #ffffff; | |
4760 border: 1px solid #dddddd; | |
4761 border-left-width: 0; | |
4762 } | |
4763 | |
4764 .pagination ul > li > a:hover, | |
4765 .pagination ul > .active > a, | |
4766 .pagination ul > .active > span { | |
4767 background-color: #f5f5f5; | |
4768 } | |
4769 | |
4770 .pagination ul > .active > a, | |
4771 .pagination ul > .active > span { | |
4772 color: #999999; | |
4773 cursor: default; | |
4774 } | |
4775 | |
4776 .pagination ul > .disabled > span, | |
4777 .pagination ul > .disabled > a, | |
4778 .pagination ul > .disabled > a:hover { | |
4779 color: #999999; | |
4780 cursor: default; | |
4781 background-color: transparent; | |
4782 } | |
4783 | |
4784 .pagination ul > li:first-child > a, | |
4785 .pagination ul > li:first-child > span { | |
4786 border-left-width: 1px; | |
4787 -webkit-border-radius: 3px 0 0 3px; | |
4788 -moz-border-radius: 3px 0 0 3px; | |
4789 border-radius: 3px 0 0 3px; | |
4790 } | |
4791 | |
4792 .pagination ul > li:last-child > a, | |
4793 .pagination ul > li:last-child > span { | |
4794 -webkit-border-radius: 0 3px 3px 0; | |
4795 -moz-border-radius: 0 3px 3px 0; | |
4796 border-radius: 0 3px 3px 0; | |
4797 } | |
4798 | |
4799 .pagination-centered { | |
4800 text-align: center; | |
4801 } | |
4802 | |
4803 .pagination-right { | |
4804 text-align: right; | |
4805 } | |
4806 | |
4807 .pager { | |
4808 margin: 20px 0; | |
4809 text-align: center; | |
4810 list-style: none; | |
4811 *zoom: 1; | |
4812 } | |
4813 | |
4814 .pager:before, | |
4815 .pager:after { | |
4816 display: table; | |
4817 line-height: 0; | |
4818 content: ""; | |
4819 } | |
4820 | |
4821 .pager:after { | |
4822 clear: both; | |
4823 } | |
4824 | |
4825 .pager li { | |
4826 display: inline; | |
4827 } | |
4828 | |
4829 .pager a, | |
4830 .pager span { | |
4831 display: inline-block; | |
4832 padding: 5px 14px; | |
4833 background-color: #fff; | |
4834 border: 1px solid #ddd; | |
4835 -webkit-border-radius: 15px; | |
4836 -moz-border-radius: 15px; | |
4837 border-radius: 15px; | |
4838 } | |
4839 | |
4840 .pager a:hover { | |
4841 text-decoration: none; | |
4842 background-color: #f5f5f5; | |
4843 } | |
4844 | |
4845 .pager .next a, | |
4846 .pager .next span { | |
4847 float: right; | |
4848 } | |
4849 | |
4850 .pager .previous a { | |
4851 float: left; | |
4852 } | |
4853 | |
4854 .pager .disabled a, | |
4855 .pager .disabled a:hover, | |
4856 .pager .disabled span { | |
4857 color: #999999; | |
4858 cursor: default; | |
4859 background-color: #fff; | |
4860 } | |
4861 | |
4862 .modal-open .modal .dropdown-menu { | |
4863 z-index: 2050; | |
4864 } | |
4865 | |
4866 .modal-open .modal .dropdown.open { | |
4867 *z-index: 2050; | |
4868 } | |
4869 | |
4870 .modal-open .modal .popover { | |
4871 z-index: 2060; | |
4872 } | |
4873 | |
4874 .modal-open .modal .tooltip { | |
4875 z-index: 2080; | |
4876 } | |
4877 | |
4878 .modal-backdrop { | |
4879 position: fixed; | |
4880 top: 0; | |
4881 right: 0; | |
4882 bottom: 0; | |
4883 left: 0; | |
4884 z-index: 1040; | |
4885 background-color: #000000; | |
4886 } | |
4887 | |
4888 .modal-backdrop.fade { | |
4889 opacity: 0; | |
4890 } | |
4891 | |
4892 .modal-backdrop, | |
4893 .modal-backdrop.fade.in { | |
4894 opacity: 0.8; | |
4895 filter: alpha(opacity=80); | |
4896 } | |
4897 | |
4898 .modal { | |
4899 position: fixed; | |
4900 top: 50%; | |
4901 left: 50%; | |
4902 z-index: 1050; | |
4903 width: 560px; | |
4904 margin: -250px 0 0 -280px; | |
4905 overflow: auto; | |
4906 background-color: #ffffff; | |
4907 border: 1px solid #999; | |
4908 border: 1px solid rgba(0, 0, 0, 0.3); | |
4909 *border: 1px solid #999; | |
4910 -webkit-border-radius: 6px; | |
4911 -moz-border-radius: 6px; | |
4912 border-radius: 6px; | |
4913 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | |
4914 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | |
4915 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | |
4916 -webkit-background-clip: padding-box; | |
4917 -moz-background-clip: padding-box; | |
4918 background-clip: padding-box; | |
4919 } | |
4920 | |
4921 .modal.fade { | |
4922 top: -25%; | |
4923 -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; | |
4924 -moz-transition: opacity 0.3s linear, top 0.3s ease-out; | |
4925 -o-transition: opacity 0.3s linear, top 0.3s ease-out; | |
4926 transition: opacity 0.3s linear, top 0.3s ease-out; | |
4927 } | |
4928 | |
4929 .modal.fade.in { | |
4930 top: 50%; | |
4931 } | |
4932 | |
4933 .modal-header { | |
4934 padding: 9px 15px; | |
4935 border-bottom: 1px solid #eee; | |
4936 } | |
4937 | |
4938 .modal-header .close { | |
4939 margin-top: 2px; | |
4940 } | |
4941 | |
4942 .modal-header h3 { | |
4943 margin: 0; | |
4944 line-height: 30px; | |
4945 } | |
4946 | |
4947 .modal-body { | |
4948 max-height: 400px; | |
4949 padding: 15px; | |
4950 overflow-y: auto; | |
4951 } | |
4952 | |
4953 .modal-form { | |
4954 margin-bottom: 0; | |
4955 } | |
4956 | |
4957 .modal-footer { | |
4958 padding: 14px 15px 15px; | |
4959 margin-bottom: 0; | |
4960 text-align: right; | |
4961 background-color: #f5f5f5; | |
4962 border-top: 1px solid #ddd; | |
4963 -webkit-border-radius: 0 0 6px 6px; | |
4964 -moz-border-radius: 0 0 6px 6px; | |
4965 border-radius: 0 0 6px 6px; | |
4966 *zoom: 1; | |
4967 -webkit-box-shadow: inset 0 1px 0 #ffffff; | |
4968 -moz-box-shadow: inset 0 1px 0 #ffffff; | |
4969 box-shadow: inset 0 1px 0 #ffffff; | |
4970 } | |
4971 | |
4972 .modal-footer:before, | |
4973 .modal-footer:after { | |
4974 display: table; | |
4975 line-height: 0; | |
4976 content: ""; | |
4977 } | |
4978 | |
4979 .modal-footer:after { | |
4980 clear: both; | |
4981 } | |
4982 | |
4983 .modal-footer .btn + .btn { | |
4984 margin-bottom: 0; | |
4985 margin-left: 5px; | |
4986 } | |
4987 | |
4988 .modal-footer .btn-group .btn + .btn { | |
4989 margin-left: -1px; | |
4990 } | |
4991 | |
4992 .tooltip { | |
4993 position: absolute; | |
4994 z-index: 1030; | |
4995 display: block; | |
4996 padding: 5px; | |
4997 font-size: 11px; | |
4998 opacity: 0; | |
4999 filter: alpha(opacity=0); | |
5000 visibility: visible; | |
5001 } | |
5002 | |
5003 .tooltip.in { | |
5004 opacity: 0.8; | |
5005 filter: alpha(opacity=80); | |
5006 } | |
5007 | |
5008 .tooltip.top { | |
5009 margin-top: -3px; | |
5010 } | |
5011 | |
5012 .tooltip.right { | |
5013 margin-left: 3px; | |
5014 } | |
5015 | |
5016 .tooltip.bottom { | |
5017 margin-top: 3px; | |
5018 } | |
5019 | |
5020 .tooltip.left { | |
5021 margin-left: -3px; | |
5022 } | |
5023 | |
5024 .tooltip-inner { | |
5025 max-width: 200px; | |
5026 padding: 3px 8px; | |
5027 color: #ffffff; | |
5028 text-align: center; | |
5029 text-decoration: none; | |
5030 background-color: #000000; | |
5031 -webkit-border-radius: 4px; | |
5032 -moz-border-radius: 4px; | |
5033 border-radius: 4px; | |
5034 } | |
5035 | |
5036 .tooltip-arrow { | |
5037 position: absolute; | |
5038 width: 0; | |
5039 height: 0; | |
5040 border-color: transparent; | |
5041 border-style: solid; | |
5042 } | |
5043 | |
5044 .tooltip.top .tooltip-arrow { | |
5045 bottom: 0; | |
5046 left: 50%; | |
5047 margin-left: -5px; | |
5048 border-top-color: #000000; | |
5049 border-width: 5px 5px 0; | |
5050 } | |
5051 | |
5052 .tooltip.right .tooltip-arrow { | |
5053 top: 50%; | |
5054 left: 0; | |
5055 margin-top: -5px; | |
5056 border-right-color: #000000; | |
5057 border-width: 5px 5px 5px 0; | |
5058 } | |
5059 | |
5060 .tooltip.left .tooltip-arrow { | |
5061 top: 50%; | |
5062 right: 0; | |
5063 margin-top: -5px; | |
5064 border-left-color: #000000; | |
5065 border-width: 5px 0 5px 5px; | |
5066 } | |
5067 | |
5068 .tooltip.bottom .tooltip-arrow { | |
5069 top: 0; | |
5070 left: 50%; | |
5071 margin-left: -5px; | |
5072 border-bottom-color: #000000; | |
5073 border-width: 0 5px 5px; | |
5074 } | |
5075 | |
5076 .popover { | |
5077 position: absolute; | |
5078 top: 0; | |
5079 left: 0; | |
5080 z-index: 1010; | |
5081 display: none; | |
5082 width: 236px; | |
5083 padding: 1px; | |
5084 background-color: #ffffff; | |
5085 border: 1px solid #ccc; | |
5086 border: 1px solid rgba(0, 0, 0, 0.2); | |
5087 -webkit-border-radius: 6px; | |
5088 -moz-border-radius: 6px; | |
5089 border-radius: 6px; | |
5090 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
5091 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
5092 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
5093 -webkit-background-clip: padding-box; | |
5094 -moz-background-clip: padding; | |
5095 background-clip: padding-box; | |
5096 } | |
5097 | |
5098 .popover.top { | |
5099 margin-bottom: 10px; | |
5100 } | |
5101 | |
5102 .popover.right { | |
5103 margin-left: 10px; | |
5104 } | |
5105 | |
5106 .popover.bottom { | |
5107 margin-top: 10px; | |
5108 } | |
5109 | |
5110 .popover.left { | |
5111 margin-right: 10px; | |
5112 } | |
5113 | |
5114 .popover-title { | |
5115 padding: 8px 14px; | |
5116 margin: 0; | |
5117 font-size: 14px; | |
5118 font-weight: normal; | |
5119 line-height: 18px; | |
5120 background-color: #f7f7f7; | |
5121 border-bottom: 1px solid #ebebeb; | |
5122 -webkit-border-radius: 5px 5px 0 0; | |
5123 -moz-border-radius: 5px 5px 0 0; | |
5124 border-radius: 5px 5px 0 0; | |
5125 } | |
5126 | |
5127 .popover-content { | |
5128 padding: 9px 14px; | |
5129 } | |
5130 | |
5131 .popover-content p, | |
5132 .popover-content ul, | |
5133 .popover-content ol { | |
5134 margin-bottom: 0; | |
5135 } | |
5136 | |
5137 .popover .arrow, | |
5138 .popover .arrow:after { | |
5139 position: absolute; | |
5140 display: inline-block; | |
5141 width: 0; | |
5142 height: 0; | |
5143 border-color: transparent; | |
5144 border-style: solid; | |
5145 } | |
5146 | |
5147 .popover .arrow:after { | |
5148 z-index: -1; | |
5149 content: ""; | |
5150 } | |
5151 | |
5152 .popover.top .arrow { | |
5153 bottom: -10px; | |
5154 left: 50%; | |
5155 margin-left: -10px; | |
5156 border-top-color: #ffffff; | |
5157 border-width: 10px 10px 0; | |
5158 } | |
5159 | |
5160 .popover.top .arrow:after { | |
5161 bottom: -1px; | |
5162 left: -11px; | |
5163 border-top-color: rgba(0, 0, 0, 0.25); | |
5164 border-width: 11px 11px 0; | |
5165 } | |
5166 | |
5167 .popover.right .arrow { | |
5168 top: 50%; | |
5169 left: -10px; | |
5170 margin-top: -10px; | |
5171 border-right-color: #ffffff; | |
5172 border-width: 10px 10px 10px 0; | |
5173 } | |
5174 | |
5175 .popover.right .arrow:after { | |
5176 bottom: -11px; | |
5177 left: -1px; | |
5178 border-right-color: rgba(0, 0, 0, 0.25); | |
5179 border-width: 11px 11px 11px 0; | |
5180 } | |
5181 | |
5182 .popover.bottom .arrow { | |
5183 top: -10px; | |
5184 left: 50%; | |
5185 margin-left: -10px; | |
5186 border-bottom-color: #ffffff; | |
5187 border-width: 0 10px 10px; | |
5188 } | |
5189 | |
5190 .popover.bottom .arrow:after { | |
5191 top: -1px; | |
5192 left: -11px; | |
5193 border-bottom-color: rgba(0, 0, 0, 0.25); | |
5194 border-width: 0 11px 11px; | |
5195 } | |
5196 | |
5197 .popover.left .arrow { | |
5198 top: 50%; | |
5199 right: -10px; | |
5200 margin-top: -10px; | |
5201 border-left-color: #ffffff; | |
5202 border-width: 10px 0 10px 10px; | |
5203 } | |
5204 | |
5205 .popover.left .arrow:after { | |
5206 right: -1px; | |
5207 bottom: -11px; | |
5208 border-left-color: rgba(0, 0, 0, 0.25); | |
5209 border-width: 11px 0 11px 11px; | |
5210 } | |
5211 | |
5212 .thumbnails { | |
5213 margin-left: -20px; | |
5214 list-style: none; | |
5215 *zoom: 1; | |
5216 } | |
5217 | |
5218 .thumbnails:before, | |
5219 .thumbnails:after { | |
5220 display: table; | |
5221 line-height: 0; | |
5222 content: ""; | |
5223 } | |
5224 | |
5225 .thumbnails:after { | |
5226 clear: both; | |
5227 } | |
5228 | |
5229 .row-fluid .thumbnails { | |
5230 margin-left: 0; | |
5231 } | |
5232 | |
5233 .thumbnails > li { | |
5234 float: left; | |
5235 margin-bottom: 20px; | |
5236 margin-left: 20px; | |
5237 } | |
5238 | |
5239 .thumbnail { | |
5240 display: block; | |
5241 padding: 4px; | |
5242 line-height: 20px; | |
5243 border: 1px solid #ddd; | |
5244 -webkit-border-radius: 4px; | |
5245 -moz-border-radius: 4px; | |
5246 border-radius: 4px; | |
5247 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); | |
5248 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); | |
5249 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); | |
5250 -webkit-transition: all 0.2s ease-in-out; | |
5251 -moz-transition: all 0.2s ease-in-out; | |
5252 -o-transition: all 0.2s ease-in-out; | |
5253 transition: all 0.2s ease-in-out; | |
5254 } | |
5255 | |
5256 a.thumbnail:hover { | |
5257 border-color: #0088cc; | |
5258 -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | |
5259 -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | |
5260 box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | |
5261 } | |
5262 | |
5263 .thumbnail > img { | |
5264 display: block; | |
5265 max-width: 100%; | |
5266 margin-right: auto; | |
5267 margin-left: auto; | |
5268 } | |
5269 | |
5270 .thumbnail .caption { | |
5271 padding: 9px; | |
5272 color: #555555; | |
5273 } | |
5274 | |
5275 .label, | |
5276 .badge { | |
5277 font-size: 11.844px; | |
5278 font-weight: bold; | |
5279 line-height: 14px; | |
5280 color: #ffffff; | |
5281 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
5282 white-space: nowrap; | |
5283 vertical-align: baseline; | |
5284 background-color: #999999; | |
5285 } | |
5286 | |
5287 .label { | |
5288 padding: 1px 4px 2px; | |
5289 -webkit-border-radius: 3px; | |
5290 -moz-border-radius: 3px; | |
5291 border-radius: 3px; | |
5292 } | |
5293 | |
5294 .badge { | |
5295 padding: 1px 9px 2px; | |
5296 -webkit-border-radius: 9px; | |
5297 -moz-border-radius: 9px; | |
5298 border-radius: 9px; | |
5299 } | |
5300 | |
5301 a.label:hover, | |
5302 a.badge:hover { | |
5303 color: #ffffff; | |
5304 text-decoration: none; | |
5305 cursor: pointer; | |
5306 } | |
5307 | |
5308 .label-important, | |
5309 .badge-important { | |
5310 background-color: #b94a48; | |
5311 } | |
5312 | |
5313 .label-important[href], | |
5314 .badge-important[href] { | |
5315 background-color: #953b39; | |
5316 } | |
5317 | |
5318 .label-warning, | |
5319 .badge-warning { | |
5320 background-color: #f89406; | |
5321 } | |
5322 | |
5323 .label-warning[href], | |
5324 .badge-warning[href] { | |
5325 background-color: #c67605; | |
5326 } | |
5327 | |
5328 .label-success, | |
5329 .badge-success { | |
5330 background-color: #468847; | |
5331 } | |
5332 | |
5333 .label-success[href], | |
5334 .badge-success[href] { | |
5335 background-color: #356635; | |
5336 } | |
5337 | |
5338 .label-info, | |
5339 .badge-info { | |
5340 background-color: #3a87ad; | |
5341 } | |
5342 | |
5343 .label-info[href], | |
5344 .badge-info[href] { | |
5345 background-color: #2d6987; | |
5346 } | |
5347 | |
5348 .label-inverse, | |
5349 .badge-inverse { | |
5350 background-color: #333333; | |
5351 } | |
5352 | |
5353 .label-inverse[href], | |
5354 .badge-inverse[href] { | |
5355 background-color: #1a1a1a; | |
5356 } | |
5357 | |
5358 .btn .label, | |
5359 .btn .badge { | |
5360 position: relative; | |
5361 top: -1px; | |
5362 } | |
5363 | |
5364 .btn-mini .label, | |
5365 .btn-mini .badge { | |
5366 top: 0; | |
5367 } | |
5368 | |
5369 @-webkit-keyframes progress-bar-stripes { | |
5370 from { | |
5371 background-position: 40px 0; | |
5372 } | |
5373 to { | |
5374 background-position: 0 0; | |
5375 } | |
5376 } | |
5377 | |
5378 @-moz-keyframes progress-bar-stripes { | |
5379 from { | |
5380 background-position: 40px 0; | |
5381 } | |
5382 to { | |
5383 background-position: 0 0; | |
5384 } | |
5385 } | |
5386 | |
5387 @-ms-keyframes progress-bar-stripes { | |
5388 from { | |
5389 background-position: 40px 0; | |
5390 } | |
5391 to { | |
5392 background-position: 0 0; | |
5393 } | |
5394 } | |
5395 | |
5396 @-o-keyframes progress-bar-stripes { | |
5397 from { | |
5398 background-position: 0 0; | |
5399 } | |
5400 to { | |
5401 background-position: 40px 0; | |
5402 } | |
5403 } | |
5404 | |
5405 @keyframes progress-bar-stripes { | |
5406 from { | |
5407 background-position: 40px 0; | |
5408 } | |
5409 to { | |
5410 background-position: 0 0; | |
5411 } | |
5412 } | |
5413 | |
5414 .progress { | |
5415 height: 20px; | |
5416 margin-bottom: 20px; | |
5417 overflow: hidden; | |
5418 background-color: #f7f7f7; | |
5419 background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); | |
5420 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); | |
5421 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); | |
5422 background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); | |
5423 background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); | |
5424 background-repeat: repeat-x; | |
5425 -webkit-border-radius: 4px; | |
5426 -moz-border-radius: 4px; | |
5427 border-radius: 4px; | |
5428 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); | |
5429 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
5430 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
5431 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
5432 } | |
5433 | |
5434 .progress .bar { | |
5435 float: left; | |
5436 width: 0; | |
5437 height: 100%; | |
5438 font-size: 12px; | |
5439 color: #ffffff; | |
5440 text-align: center; | |
5441 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
5442 background-color: #0e90d2; | |
5443 background-image: -moz-linear-gradient(top, #149bdf, #0480be); | |
5444 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); | |
5445 background-image: -webkit-linear-gradient(top, #149bdf, #0480be); | |
5446 background-image: -o-linear-gradient(top, #149bdf, #0480be); | |
5447 background-image: linear-gradient(to bottom, #149bdf, #0480be); | |
5448 background-repeat: repeat-x; | |
5449 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); | |
5450 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
5451 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
5452 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
5453 -webkit-box-sizing: border-box; | |
5454 -moz-box-sizing: border-box; | |
5455 box-sizing: border-box; | |
5456 -webkit-transition: width 0.6s ease; | |
5457 -moz-transition: width 0.6s ease; | |
5458 -o-transition: width 0.6s ease; | |
5459 transition: width 0.6s ease; | |
5460 } | |
5461 | |
5462 .progress .bar + .bar { | |
5463 -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
5464 -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
5465 box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
5466 } | |
5467 | |
5468 .progress-striped .bar { | |
5469 background-color: #149bdf; | |
5470 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
5471 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5472 background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5473 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5474 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5475 -webkit-background-size: 40px 40px; | |
5476 -moz-background-size: 40px 40px; | |
5477 -o-background-size: 40px 40px; | |
5478 background-size: 40px 40px; | |
5479 } | |
5480 | |
5481 .progress.active .bar { | |
5482 -webkit-animation: progress-bar-stripes 2s linear infinite; | |
5483 -moz-animation: progress-bar-stripes 2s linear infinite; | |
5484 -ms-animation: progress-bar-stripes 2s linear infinite; | |
5485 -o-animation: progress-bar-stripes 2s linear infinite; | |
5486 animation: progress-bar-stripes 2s linear infinite; | |
5487 } | |
5488 | |
5489 .progress-danger .bar, | |
5490 .progress .bar-danger { | |
5491 background-color: #dd514c; | |
5492 background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); | |
5493 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); | |
5494 background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); | |
5495 background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); | |
5496 background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); | |
5497 background-repeat: repeat-x; | |
5498 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); | |
5499 } | |
5500 | |
5501 .progress-danger.progress-striped .bar, | |
5502 .progress-striped .bar-danger { | |
5503 background-color: #ee5f5b; | |
5504 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
5505 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5506 background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5507 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5508 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5509 } | |
5510 | |
5511 .progress-success .bar, | |
5512 .progress .bar-success { | |
5513 background-color: #5eb95e; | |
5514 background-image: -moz-linear-gradient(top, #62c462, #57a957); | |
5515 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); | |
5516 background-image: -webkit-linear-gradient(top, #62c462, #57a957); | |
5517 background-image: -o-linear-gradient(top, #62c462, #57a957); | |
5518 background-image: linear-gradient(to bottom, #62c462, #57a957); | |
5519 background-repeat: repeat-x; | |
5520 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); | |
5521 } | |
5522 | |
5523 .progress-success.progress-striped .bar, | |
5524 .progress-striped .bar-success { | |
5525 background-color: #62c462; | |
5526 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
5527 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5528 background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5529 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5530 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5531 } | |
5532 | |
5533 .progress-info .bar, | |
5534 .progress .bar-info { | |
5535 background-color: #4bb1cf; | |
5536 background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); | |
5537 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); | |
5538 background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); | |
5539 background-image: -o-linear-gradient(top, #5bc0de, #339bb9); | |
5540 background-image: linear-gradient(to bottom, #5bc0de, #339bb9); | |
5541 background-repeat: repeat-x; | |
5542 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); | |
5543 } | |
5544 | |
5545 .progress-info.progress-striped .bar, | |
5546 .progress-striped .bar-info { | |
5547 background-color: #5bc0de; | |
5548 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
5549 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5550 background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5551 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5552 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5553 } | |
5554 | |
5555 .progress-warning .bar, | |
5556 .progress .bar-warning { | |
5557 background-color: #faa732; | |
5558 background-image: -moz-linear-gradient(top, #fbb450, #f89406); | |
5559 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); | |
5560 background-image: -webkit-linear-gradient(top, #fbb450, #f89406); | |
5561 background-image: -o-linear-gradient(top, #fbb450, #f89406); | |
5562 background-image: linear-gradient(to bottom, #fbb450, #f89406); | |
5563 background-repeat: repeat-x; | |
5564 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); | |
5565 } | |
5566 | |
5567 .progress-warning.progress-striped .bar, | |
5568 .progress-striped .bar-warning { | |
5569 background-color: #fbb450; | |
5570 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
5571 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5572 background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5573 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5574 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
5575 } | |
5576 | |
5577 .accordion { | |
5578 margin-bottom: 20px; | |
5579 } | |
5580 | |
5581 .accordion-group { | |
5582 margin-bottom: 2px; | |
5583 border: 1px solid #e5e5e5; | |
5584 -webkit-border-radius: 4px; | |
5585 -moz-border-radius: 4px; | |
5586 border-radius: 4px; | |
5587 } | |
5588 | |
5589 .accordion-heading { | |
5590 border-bottom: 0; | |
5591 } | |
5592 | |
5593 .accordion-heading .accordion-toggle { | |
5594 display: block; | |
5595 padding: 8px 15px; | |
5596 } | |
5597 | |
5598 .accordion-toggle { | |
5599 cursor: pointer; | |
5600 } | |
5601 | |
5602 .accordion-inner { | |
5603 padding: 9px 15px; | |
5604 border-top: 1px solid #e5e5e5; | |
5605 } | |
5606 | |
5607 .carousel { | |
5608 position: relative; | |
5609 margin-bottom: 20px; | |
5610 line-height: 1; | |
5611 } | |
5612 | |
5613 .carousel-inner { | |
5614 position: relative; | |
5615 width: 100%; | |
5616 overflow: hidden; | |
5617 } | |
5618 | |
5619 .carousel .item { | |
5620 position: relative; | |
5621 display: none; | |
5622 -webkit-transition: 0.6s ease-in-out left; | |
5623 -moz-transition: 0.6s ease-in-out left; | |
5624 -o-transition: 0.6s ease-in-out left; | |
5625 transition: 0.6s ease-in-out left; | |
5626 } | |
5627 | |
5628 .carousel .item > img { | |
5629 display: block; | |
5630 line-height: 1; | |
5631 } | |
5632 | |
5633 .carousel .active, | |
5634 .carousel .next, | |
5635 .carousel .prev { | |
5636 display: block; | |
5637 } | |
5638 | |
5639 .carousel .active { | |
5640 left: 0; | |
5641 } | |
5642 | |
5643 .carousel .next, | |
5644 .carousel .prev { | |
5645 position: absolute; | |
5646 top: 0; | |
5647 width: 100%; | |
5648 } | |
5649 | |
5650 .carousel .next { | |
5651 left: 100%; | |
5652 } | |
5653 | |
5654 .carousel .prev { | |
5655 left: -100%; | |
5656 } | |
5657 | |
5658 .carousel .next.left, | |
5659 .carousel .prev.right { | |
5660 left: 0; | |
5661 } | |
5662 | |
5663 .carousel .active.left { | |
5664 left: -100%; | |
5665 } | |
5666 | |
5667 .carousel .active.right { | |
5668 left: 100%; | |
5669 } | |
5670 | |
5671 .carousel-control { | |
5672 position: absolute; | |
5673 top: 40%; | |
5674 left: 15px; | |
5675 width: 40px; | |
5676 height: 40px; | |
5677 margin-top: -20px; | |
5678 font-size: 60px; | |
5679 font-weight: 100; | |
5680 line-height: 30px; | |
5681 color: #ffffff; | |
5682 text-align: center; | |
5683 background: #222222; | |
5684 border: 3px solid #ffffff; | |
5685 -webkit-border-radius: 23px; | |
5686 -moz-border-radius: 23px; | |
5687 border-radius: 23px; | |
5688 opacity: 0.5; | |
5689 filter: alpha(opacity=50); | |
5690 } | |
5691 | |
5692 .carousel-control.right { | |
5693 right: 15px; | |
5694 left: auto; | |
5695 } | |
5696 | |
5697 .carousel-control:hover { | |
5698 color: #ffffff; | |
5699 text-decoration: none; | |
5700 opacity: 0.9; | |
5701 filter: alpha(opacity=90); | |
5702 } | |
5703 | |
5704 .carousel-caption { | |
5705 position: absolute; | |
5706 right: 0; | |
5707 bottom: 0; | |
5708 left: 0; | |
5709 padding: 15px; | |
5710 background: #333333; | |
5711 background: rgba(0, 0, 0, 0.75); | |
5712 } | |
5713 | |
5714 .carousel-caption h4, | |
5715 .carousel-caption p { | |
5716 line-height: 20px; | |
5717 color: #ffffff; | |
5718 } | |
5719 | |
5720 .carousel-caption h4 { | |
5721 margin: 0 0 5px; | |
5722 } | |
5723 | |
5724 .carousel-caption p { | |
5725 margin-bottom: 0; | |
5726 } | |
5727 | |
5728 .hero-unit { | |
5729 padding: 60px; | |
5730 margin-bottom: 30px; | |
5731 background-color: #eeeeee; | |
5732 -webkit-border-radius: 6px; | |
5733 -moz-border-radius: 6px; | |
5734 border-radius: 6px; | |
5735 } | |
5736 | |
5737 .hero-unit h1 { | |
5738 margin-bottom: 0; | |
5739 font-size: 60px; | |
5740 line-height: 1; | |
5741 letter-spacing: -1px; | |
5742 color: inherit; | |
5743 } | |
5744 | |
5745 .hero-unit p { | |
5746 font-size: 18px; | |
5747 font-weight: 200; | |
5748 line-height: 30px; | |
5749 color: inherit; | |
5750 } | |
5751 | |
5752 .pull-right { | |
5753 float: right; | |
5754 } | |
5755 | |
5756 .pull-left { | |
5757 float: left; | |
5758 } | |
5759 | |
5760 .hide { | |
5761 display: none; | |
5762 } | |
5763 | |
5764 .show { | |
5765 display: block; | |
5766 } | |
5767 | |
5768 .invisible { | |
5769 visibility: hidden; | |
5770 } | |
5771 | |
5772 .affix { | |
5773 position: fixed; | |
5774 } |