bootstrap.css 89.2 KB
Newer Older
Mark Otto's avatar
Mark Otto committed
1
/*!
Jacob Thornton's avatar
2.0.1    
Jacob Thornton committed
2
 * Bootstrap v2.0.1
Mark Otto's avatar
Mark Otto committed
3
 *
Mark Otto's avatar
Mark Otto committed
4
 * Copyright 2012 Twitter, Inc
Mark Otto's avatar
Mark Otto committed
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
22
23
24
audio,
canvas,
video {
Mark Otto's avatar
Mark Otto committed
25
26
27
28
29
30
31
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
32
33
34
35
36
37
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
38
  outline: thin dotted #333;
Mark Otto's avatar
Mark Otto committed
39
40
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
41
}
42
43
a:hover,
a:active {
44
45
  outline: 0;
}
46
47
sub,
sup {
48
  position: relative;
Mark Otto's avatar
Mark Otto committed
49
50
51
52
53
54
55
56
57
58
59
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
60
  height: auto;
Mark Otto's avatar
Mark Otto committed
61
62
  border: 0;
  -ms-interpolation-mode: bicubic;
63
  vertical-align: middle;
Mark Otto's avatar
Mark Otto committed
64
65
66
67
68
69
}
button,
input,
select,
textarea {
  margin: 0;
70
  font-size: 100%;
Pete Hopkins's avatar
Pete Hopkins committed
71
  vertical-align: middle;
Mark Otto's avatar
Mark Otto committed
72
}
73
74
button,
input {
Mark Otto's avatar
Mark Otto committed
75
  *overflow: visible;
76
  line-height: normal;
Mark Otto's avatar
Mark Otto committed
77
}
78
79
button::-moz-focus-inner,
input::-moz-focus-inner {
Mark Otto's avatar
Mark Otto committed
80
  padding: 0;
81
  border: 0;
Mark Otto's avatar
Mark Otto committed
82
83
84
85
86
87
88
89
90
91
92
93
94
95
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
96
97
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
Mark Otto's avatar
Mark Otto committed
98
99
100
101
102
103
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
104
105
106
.clearfix {
  *zoom: 1;
}
107
108
.clearfix:before,
.clearfix:after {
109
110
111
112
113
114
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
115
116
117
118
119
.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
120
121
122
123
124
125
126
127
128
129
130
131
132
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  /* Make inputs at least the height of their button counterpart */

  /* Makes inputs behave like true block-level elements */

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
133
134
135
136
137
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
Mark Otto's avatar
Mark Otto committed
138
  color: #333333;
139
  background-color: #ffffff;
140
141
}
a {
142
  color: #0088cc;
143
144
145
  text-decoration: none;
}
a:hover {
146
  color: #005580;
147
148
  text-decoration: underline;
}
Mark Otto's avatar
Mark Otto committed
149
.row {
150
  margin-left: -20px;
151
  *zoom: 1;
Mark Otto's avatar
Mark Otto committed
152
}
153
154
.row:before,
.row:after {
Mark Otto's avatar
Mark Otto committed
155
156
157
158
159
160
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
161
[class*="span"] {
Mark Otto's avatar
Mark Otto committed
162
163
164
  float: left;
  margin-left: 20px;
}
165
166
167
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
168
169
  width: 940px;
}
170
171
.span12 {
  width: 940px;
Mark Otto's avatar
Mark Otto committed
172
}
173
174
.span11 {
  width: 860px;
Mark Otto's avatar
Mark Otto committed
175
}
176
177
.span10 {
  width: 780px;
Mark Otto's avatar
Mark Otto committed
178
}
179
180
.span9 {
  width: 700px;
Mark Otto's avatar
Mark Otto committed
181
}
182
183
.span8 {
  width: 620px;
Mark Otto's avatar
Mark Otto committed
184
}
185
.span7 {
186
  width: 540px;
Mark Otto's avatar
Mark Otto committed
187
}
188
189
.span6 {
  width: 460px;
Mark Otto's avatar
Mark Otto committed
190
}
191
192
.span5 {
  width: 380px;
Mark Otto's avatar
Mark Otto committed
193
}
194
195
.span4 {
  width: 300px;
Mark Otto's avatar
Mark Otto committed
196
}
197
198
.span3 {
  width: 220px;
Mark Otto's avatar
Mark Otto committed
199
}
200
201
.span2 {
  width: 140px;
202
}
203
204
.span1 {
  width: 60px;
Mark Otto's avatar
Mark Otto committed
205
}
206
207
.offset12 {
  margin-left: 980px;
Mark Otto's avatar
Mark Otto committed
208
}
209
210
.offset11 {
  margin-left: 900px;
Mark Otto's avatar
Mark Otto committed
211
}
212
213
.offset10 {
  margin-left: 820px;
Mark Otto's avatar
Mark Otto committed
214
}
215
216
.offset9 {
  margin-left: 740px;
Mark Otto's avatar
Mark Otto committed
217
}
218
219
.offset8 {
  margin-left: 660px;
Mark Otto's avatar
Mark Otto committed
220
}
221
.offset7 {
222
  margin-left: 580px;
Mark Otto's avatar
Mark Otto committed
223
}
224
225
.offset6 {
  margin-left: 500px;
Mark Otto's avatar
Mark Otto committed
226
}
227
228
.offset5 {
  margin-left: 420px;
Mark Otto's avatar
Mark Otto committed
229
}
230
231
.offset4 {
  margin-left: 340px;
Mark Otto's avatar
Mark Otto committed
232
}
233
234
.offset3 {
  margin-left: 260px;
Mark Otto's avatar
Mark Otto committed
235
}
236
237
238
239
240
.offset2 {
  margin-left: 180px;
}
.offset1 {
  margin-left: 100px;
241
}
242
.row-fluid {
243
244
245
  width: 100%;
  *zoom: 1;
}
246
247
.row-fluid:before,
.row-fluid:after {
248
249
250
251
252
  display: table;
  content: "";
}
.row-fluid:after {
  clear: both;
253
}
254
.row-fluid > [class*="span"] {
255
256
257
  float: left;
  margin-left: 2.127659574%;
}
258
.row-fluid > [class*="span"]:first-child {
259
260
  margin-left: 0;
}
261
262
.row-fluid > .span12 {
  width: 99.99999998999999%;
263
}
264
.row-fluid > .span11 {
265
  width: 91.489361693%;
266
}
267
.row-fluid > .span10 {
268
  width: 82.97872339599999%;
269
}
270
.row-fluid > .span9 {
271
  width: 74.468085099%;
272
}
273
.row-fluid > .span8 {
274
  width: 65.95744680199999%;
275
}
276
.row-fluid > .span7 {
277
  width: 57.446808505%;
278
}
279
.row-fluid > .span6 {
280
  width: 48.93617020799999%;
281
}
282
.row-fluid > .span5 {
283
  width: 40.425531911%;
284
}
285
.row-fluid > .span4 {
286
  width: 31.914893614%;
287
}
288
.row-fluid > .span3 {
289
  width: 23.404255317%;
290
}
291
.row-fluid > .span2 {
292
293
  width: 14.89361702%;
}
294
.row-fluid > .span1 {
295
  width: 6.382978723%;
296
}
297
298
299
300
301
.container {
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
}
302
303
.container:before,
.container:after {
304
305
306
307
308
309
  display: table;
  content: "";
}
.container:after {
  clear: both;
}
310
.container-fluid {
311
312
313
314
  padding-left: 20px;
  padding-right: 20px;
  *zoom: 1;
}
315
316
.container-fluid:before,
.container-fluid:after {
317
318
319
  display: table;
  content: "";
}
320
.container-fluid:after {
321
322
  clear: both;
}
Mark Otto's avatar
Mark Otto committed
323
p {
324
  margin: 0 0 9px;
325
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Mark Otto's avatar
Mark Otto committed
326
327
328
329
330
  font-size: 13px;
  line-height: 18px;
}
p small {
  font-size: 11px;
331
  color: #999999;
Mark Otto's avatar
Mark Otto committed
332
}
333
334
335
336
337
338
.lead {
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 200;
  line-height: 27px;
}
Mark Otto's avatar
Mark Otto committed
339
340
341
342
343
344
h1,
h2,
h3,
h4,
h5,
h6 {
345
  margin: 0;
346
  font-family: inherit;
Mark Otto's avatar
Mark Otto committed
347
  font-weight: bold;
348
  color: inherit;
349
  text-rendering: optimizelegibility;
Mark Otto's avatar
Mark Otto committed
350
351
352
353
354
355
356
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
357
  font-weight: normal;
358
  color: #999999;
Mark Otto's avatar
Mark Otto committed
359
360
361
362
363
364
365
366
367
368
}
h1 {
  font-size: 30px;
  line-height: 36px;
}
h1 small {
  font-size: 18px;
}
h2 {
  font-size: 24px;
369
  line-height: 36px;
Mark Otto's avatar
Mark Otto committed
370
371
}
h2 small {
372
  font-size: 18px;
Mark Otto's avatar
Mark Otto committed
373
374
}
h3 {
375
  line-height: 27px;
Mark Otto's avatar
Mark Otto committed
376
377
378
379
380
  font-size: 18px;
}
h3 small {
  font-size: 14px;
}
381
382
383
h4,
h5,
h6 {
384
385
  line-height: 18px;
}
Mark Otto's avatar
Mark Otto committed
386
h4 {
387
  font-size: 14px;
Mark Otto's avatar
Mark Otto committed
388
389
390
391
392
}
h4 small {
  font-size: 12px;
}
h5 {
393
  font-size: 12px;
Mark Otto's avatar
Mark Otto committed
394
395
}
h6 {
396
  font-size: 11px;
397
  color: #999999;
Mark Otto's avatar
Mark Otto committed
398
399
  text-transform: uppercase;
}
400
401
402
403
404
405
406
407
.page-header {
  padding-bottom: 17px;
  margin: 18px 0;
  border-bottom: 1px solid #eeeeee;
}
.page-header h1 {
  line-height: 1;
}
408
409
ul,
ol {
410
  padding: 0;
411
  margin: 0 0 9px 25px;
Mark Otto's avatar
Mark Otto committed
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li {
  line-height: 18px;
}
428
429
ul.unstyled,
ol.unstyled {
Mark Otto's avatar
Mark Otto committed
430
  margin-left: 0;
431
  list-style: none;
Mark Otto's avatar
Mark Otto committed
432
433
434
435
}
dl {
  margin-bottom: 18px;
}
436
437
dt,
dd {
Mark Otto's avatar
Mark Otto committed
438
439
  line-height: 18px;
}
440
dt {
Mark Otto's avatar
Mark Otto committed
441
  font-weight: bold;
442
  line-height: 17px;
Mark Otto's avatar
Mark Otto committed
443
}
444
dd {
Mark Otto's avatar
Mark Otto committed
445
446
  margin-left: 9px;
}
447
448
449
450
451
452
453
454
455
.dl-horizontal dt {
  float: left;
  clear: left;
  width: 120px;
  text-align: right;
}
.dl-horizontal dd {
  margin-left: 130px;
}
Mark Otto's avatar
Mark Otto committed
456
hr {
457
  margin: 18px 0;
Mark Otto's avatar
Mark Otto committed
458
  border: 0;
Mark Otto's avatar
Mark Otto committed
459
  border-top: 1px solid #eeeeee;
460
  border-bottom: 1px solid #ffffff;
Mark Otto's avatar
Mark Otto committed
461
462
463
464
465
466
467
468
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
.muted {
469
  color: #999999;
Mark Otto's avatar
Mark Otto committed
470
}
471
abbr[title] {
472
473
474
  border-bottom: 1px dotted #ddd;
  cursor: help;
}
475
476
477
478
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
Mark Otto's avatar
Mark Otto committed
479
blockquote {
480
481
  padding: 0 0 0 15px;
  margin: 0 0 18px;
482
  border-left: 5px solid #eeeeee;
Mark Otto's avatar
Mark Otto committed
483
484
}
blockquote p {
485
  margin-bottom: 0;
Mark Otto's avatar
Mark Otto committed
486
487
  font-size: 16px;
  font-weight: 300;
488
  line-height: 22.5px;
Mark Otto's avatar
Mark Otto committed
489
490
491
492
}
blockquote small {
  display: block;
  line-height: 18px;
493
  color: #999999;
Mark Otto's avatar
Mark Otto committed
494
495
496
497
}
blockquote small:before {
  content: '\2014 \00A0';
}
498
499
blockquote.pull-right {
  float: right;
500
501
502
  padding-left: 0;
  padding-right: 15px;
  border-left: 0;
503
  border-right: 5px solid #eeeeee;
504
}
505
506
blockquote.pull-right p,
blockquote.pull-right small {
507
508
  text-align: right;
}
509
510
511
512
513
514
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
Mark Otto's avatar
Mark Otto committed
515
516
517
address {
  display: block;
  margin-bottom: 18px;
518
  line-height: 18px;
519
  font-style: normal;
Mark Otto's avatar
Mark Otto committed
520
}
Mark Otto's avatar
Mark Otto committed
521
522
523
524
525
526
small {
  font-size: 100%;
}
cite {
  font-style: normal;
}
527
528
code,
pre {
Mark Otto's avatar
Mark Otto committed
529
  padding: 0 3px 2px;
530
  font-family: Menlo, Monaco, "Courier New", monospace;
Mark Otto's avatar
Mark Otto committed
531
  font-size: 12px;
532
  color: #333333;
Mark Otto's avatar
Mark Otto committed
533
  -webkit-border-radius: 3px;
534
  -moz-border-radius: 3px;
Mark Otto's avatar
Mark Otto committed
535
536
537
  border-radius: 3px;
}
code {
538
  padding: 2px 4px;
539
540
541
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
Mark Otto's avatar
Mark Otto committed
542
543
544
}
pre {
  display: block;
545
  padding: 8.5px;
546
  margin: 0 0 9px;
547
  font-size: 12.025px;
548
549
  line-height: 18px;
  background-color: #f5f5f5;
Mark Otto's avatar
Mark Otto committed
550
551
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
552
  -webkit-border-radius: 4px;
553
  -moz-border-radius: 4px;
554
  border-radius: 4px;
Mark Otto's avatar
Mark Otto committed
555
556
  white-space: pre;
  white-space: pre-wrap;
557
  word-break: break-all;
558
  word-wrap: break-word;
Mark Otto's avatar
Mark Otto committed
559
}
560
561
562
pre.prettyprint {
  margin-bottom: 18px;
}
563
564
pre code {
  padding: 0;
565
  color: inherit;
566
  background-color: transparent;
567
  border: 0;
568
}
569
570
571
572
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
Mark Otto's avatar
Mark Otto committed
573
form {
574
575
576
577
578
579
  margin: 0 0 18px;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
Mark Otto's avatar
Mark Otto committed
580
}
581
legend {
Mark Otto's avatar
Mark Otto committed
582
  display: block;
583
  width: 100%;
584
  padding: 0;
585
  margin-bottom: 27px;
586
  font-size: 19.5px;
587
  line-height: 36px;
588
  color: #333333;
589
  border: 0;
590
  border-bottom: 1px solid #eee;
Mark Otto's avatar
Mark Otto committed
591
}
Mark Otto's avatar
Mark Otto committed
592
593
594
595
legend small {
  font-size: 13.5px;
  color: #999999;
}
Mark Otto's avatar
Mark Otto committed
596
597
label,
input,
598
button,
Mark Otto's avatar
Mark Otto committed
599
600
select,
textarea {
601
602
  font-size: 13px;
  font-weight: normal;
Mark Otto's avatar
Mark Otto committed
603
604
  line-height: 18px;
}
605
606
607
608
609
610
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
611
612
613
label {
  display: block;
  margin-bottom: 5px;
614
  color: #333333;
Mark Otto's avatar
Mark Otto committed
615
616
617
618
619
}
input,
textarea,
select,
.uneditable-input {
620
  display: inline-block;
Mark Otto's avatar
Mark Otto committed
621
  width: 210px;
622
  height: 18px;
Mark Otto's avatar
Mark Otto committed
623
  padding: 4px;
624
  margin-bottom: 9px;
Mark Otto's avatar
Mark Otto committed
625
626
  font-size: 13px;
  line-height: 18px;
627
  color: #555555;
628
  border: 1px solid #cccccc;
Mark Otto's avatar
Mark Otto committed
629
  -webkit-border-radius: 3px;
630
  -moz-border-radius: 3px;
Mark Otto's avatar
Mark Otto committed
631
632
  border-radius: 3px;
}
633
634
635
636
.uneditable-textarea {
  width: auto;
  height: auto;
}
637
638
639
label input,
label textarea,
label select {
640
641
  display: block;
}
642
643
644
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
Mark Otto's avatar
Mark Otto committed
645
646
  width: auto;
  height: auto;
647
  padding: 0;
Mark Otto's avatar
Mark Otto committed
648
  margin: 3px 0;
Mark Otto's avatar
Mark Otto committed
649
  *margin-top: 0;
650
  /* IE7 */
Mark Otto's avatar
Mark Otto committed
651

652
  line-height: normal;
653
  cursor: pointer;
Mark Otto's avatar
Mark Otto committed
654
655
656
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
657
658
659
660
661
662
  border: 0 \9;
  /* IE9 and down */

}
input[type="image"] {
  border: 0;
Mark Otto's avatar
Mark Otto committed
663
}
664
input[type="file"] {
665
  width: auto;
666
667
  padding: initial;
  line-height: initial;
668
669
670
  border: initial;
  background-color: #ffffff;
  background-color: initial;
Mark Otto's avatar
Mark Otto committed
671
  -webkit-box-shadow: none;
672
  -moz-box-shadow: none;
Mark Otto's avatar
Mark Otto committed
673
674
  box-shadow: none;
}
675
676
677
input[type="button"],
input[type="reset"],
input[type="submit"] {
Mark Otto's avatar
Mark Otto committed
678
679
680
  width: auto;
  height: auto;
}
681
682
select,
input[type="file"] {
Mark Otto's avatar
Mark Otto committed
683
  height: 28px;
684
685
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

686
687
688
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

Mark Otto's avatar
Mark Otto committed
689
  line-height: 28px;
Mark Otto's avatar
Mark Otto committed
690
}
691
692
693
input[type="file"] {
  line-height: 18px \9;
}
694
select {
695
696
  width: 220px;
  background-color: #ffffff;
697
}
698
699
select[multiple],
select[size] {
Mark Otto's avatar
Mark Otto committed
700
  height: auto;
Mark Otto's avatar
Mark Otto committed
701
}
702
input[type="image"] {
Mark Otto's avatar
Mark Otto committed
703
  -webkit-box-shadow: none;
704
  -moz-box-shadow: none;
Mark Otto's avatar
Mark Otto committed
705
706
  box-shadow: none;
}
Mark Otto's avatar
Mark Otto committed
707
708
709
textarea {
  height: auto;
}
710
input[type="hidden"] {
711
712
  display: none;
}
713
714
.radio,
.checkbox {
715
716
  padding-left: 18px;
}
717
718
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
719
720
721
  float: left;
  margin-left: -18px;
}
722
723
.controls > .radio:first-child,
.controls > .checkbox:first-child {
Pete Hopkins's avatar
Pete Hopkins committed
724
  padding-top: 5px;
725
}
726
727
.radio.inline,
.checkbox.inline {
728
  display: inline-block;
729
  padding-top: 5px;
730
  margin-bottom: 0;
731
  vertical-align: middle;
732
}
733
734
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
735
736
  margin-left: 10px;
}
737
738
input,
textarea {
739
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
740
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
741
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
Mark Otto's avatar
Mark Otto committed
742
743
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
Jacob Thornton's avatar
Jacob Thornton committed
744
745
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
Mark Otto's avatar
Mark Otto committed
746
747
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
748
749
input:focus,
textarea:focus {
Mark Otto's avatar
Mark Otto committed
750
  border-color: rgba(82, 168, 236, 0.8);
751
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
752
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
753
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
Mark Otto's avatar
Mark Otto committed
754
  outline: 0;
Mark Otto's avatar
Mark Otto committed
755
  outline: thin dotted \9;
756
  /* IE6-9 */
757

Mark Otto's avatar
Mark Otto committed
758
}
759
760
761
762
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
Mark Otto's avatar
Mark Otto committed
763
  -webkit-box-shadow: none;
764
  -moz-box-shadow: none;
Mark Otto's avatar
Mark Otto committed
765
  box-shadow: none;
766
  outline: thin dotted #333;
Mark Otto's avatar
Mark Otto committed
767
768
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
Mark Otto's avatar
Mark Otto committed
769
}
770
.input-mini {
Mark Otto's avatar
Mark Otto committed
771
772
  width: 60px;
}
773
.input-small {
Mark Otto's avatar
Mark Otto committed
774
775
  width: 90px;
}
776
.input-medium {
Mark Otto's avatar
Mark Otto committed
777
778
  width: 150px;
}
779
.input-large {
Mark Otto's avatar
Mark Otto committed
780
781
  width: 210px;
}
782
.input-xlarge {
Mark Otto's avatar
Mark Otto committed
783
784
  width: 270px;
}
785
.input-xxlarge {
Mark Otto's avatar
Mark Otto committed
786
787
  width: 530px;
}
788
789
790
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
791
.uneditable-input {
792
  float: none;
793
794
  margin-left: 0;
}
795
796
797
input,
textarea,
.uneditable-input {
798
799
  margin-left: 0;
}
800
input.span12, textarea.span12, .uneditable-input.span12 {
801
  width: 930px;
802
}
803
input.span11, textarea.span11, .uneditable-input.span11 {
804
  width: 850px;
805
}
806
input.span10, textarea.span10, .uneditable-input.span10 {
807
  width: 770px;
808
}
809
input.span9, textarea.span9, .uneditable-input.span9 {
810
  width: 690px;
811
}
812
input.span8, textarea.span8, .uneditable-input.span8 {
813
  width: 610px;
814
}
815
input.span7, textarea.span7, .uneditable-input.span7 {
816
  width: 530px;
817
}
818
input.span6, textarea.span6, .uneditable-input.span6 {
819
  width: 450px;
820
}
821
input.span5, textarea.span5, .uneditable-input.span5 {
822
  width: 370px;
823
}
824
input.span4, textarea.span4, .uneditable-input.span4 {
825
  width: 290px;
826
}
827
input.span3, textarea.span3, .uneditable-input.span3 {
828
  width: 210px;
829
}
830
input.span2, textarea.span2, .uneditable-input.span2 {
831
832
  width: 130px;
}
833
input.span1, textarea.span1, .uneditable-input.span1 {
834
  width: 50px;
835
}
836
837
838
839
840
841
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
842
  background-color: #eeeeee;
Mark Otto's avatar
Mark Otto committed
843
  border-color: #ddd;
844
  cursor: not-allowed;
Mark Otto's avatar
Mark Otto committed
845
}
846
847
848
.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
849
850
  color: #c09853;
}
851
852
853
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
854
  color: #c09853;
855
  border-color: #c09853;
856
}
857
858
859
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
860
861
  border-color: #a47e3c;
  -webkit-box-shadow: 0 0 6px #dbc59e;
862
  -moz-box-shadow: 0 0 6px #dbc59e;
863
  box-shadow: 0 0 6px #dbc59e;
864
}
865
866
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
867
  color: #c09853;
868
  background-color: #fcf8e3;
869
  border-color: #c09853;
870
}
871
872
873
.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
874
875
  color: #b94a48;
}
876
877
878
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
879
  color: #b94a48;
880
  border-color: #b94a48;
881
}
882
883
884
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
885
886
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
887
  -moz-box-shadow: 0 0 6px #d59392;
888
  box-shadow: 0 0 6px #d59392;
889
}
890
891
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
892
893
894
895
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}
896
897
898
.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
899
  color: #468847;
900
}
901
902
903
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
904
  color: #468847;
905
  border-color: #468847;
906
}
907
908
909
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
910
911
  border-color: #356635;
  -webkit-box-shadow: 0 0 6px #7aba7b;
912
  -moz-box-shadow: 0 0 6px #7aba7b;
913
  box-shadow: 0 0 6px #7aba7b;
914
}
915
916
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
917
  color: #468847;
918
  background-color: #dff0d8;
919
  border-color: #468847;
920
}
921
922
923
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
924
925
926
  color: #b94a48;
  border-color: #ee5f5b;
}
927
928
929
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
930
931
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
932
  -moz-box-shadow: 0 0 6px #f8b9b7;
933
934
  box-shadow: 0 0 6px #f8b9b7;
}
935
936
.form-actions {
  padding: 17px 20px 18px;
Mark Otto's avatar
Mark Otto committed
937
938
  margin-top: 18px;
  margin-bottom: 18px;
939
  background-color: #eeeeee;
Mark Otto's avatar
Mark Otto committed
940
  border-top: 1px solid #ddd;
941
942
  *zoom: 1;
}
943
944
.form-actions:before,
.form-actions:after {
945
946
947
948
949
  display: table;
  content: "";
}
.form-actions:after {
  clear: both;
Mark Otto's avatar
Mark Otto committed
950
}
951
952
.uneditable-input {
  display: block;
953
  background-color: #ffffff;
954
955
  border-color: #eee;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
956
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
957
958
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
Mark Otto's avatar
Mark Otto committed
959
}
960
:-moz-placeholder {
961
  color: #999999;
Mark Otto's avatar
Mark Otto committed
962
}
963
::-webkit-input-placeholder {
964
  color: #999999;
Mark Otto's avatar
Mark Otto committed
965
}
966
967
.help-block,
.help-inline {
Mark Otto's avatar
Mark Otto committed
968
969
  color: #555555;
}
970
.help-block {
971
  display: block;
Mark Otto's avatar
Mark Otto committed
972
  margin-bottom: 9px;
Mark Otto's avatar
Mark Otto committed
973
974
}
.help-inline {
Pete Hopkins's avatar
Pete Hopkins committed
975
  display: inline-block;
Pete Hopkins's avatar
Pete Hopkins committed
976
977
978
979
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
Pete Hopkins's avatar
Pete Hopkins committed
980
  vertical-align: middle;
981
  padding-left: 5px;
Mark Otto's avatar
Mark Otto committed
982
}
983
984
.input-prepend,
.input-append {
985
  margin-bottom: 5px;
986
}
987
988
.input-prepend input,
.input-append input,
989
990
.input-prepend select,
.input-append select,
991
992
.input-prepend .uneditable-input,
.input-append .uneditable-input {
Mark Otto's avatar
Mark Otto committed
993
  -webkit-border-radius: 0 3px 3px 0;
994
  -moz-border-radius: 0 3px 3px 0;
Mark Otto's avatar
Mark Otto committed
995
996
  border-radius: 0 3px 3px 0;
}
997
998
.input-prepend input:focus,
.input-append input:focus,
999
1000
.input-prepend select:focus,
.input-append select:focus,
For faster browsing, not all history is shown. View entire blame