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