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

622
  line-height: normal;
623
  cursor: pointer;
Mark Otto's avatar
Mark Otto committed
624
625
626
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
627
628
629
630
631
632
  border: 0 \9;
  /* IE9 and down */

}
input[type="image"] {
  border: 0;
Mark Otto's avatar
Mark Otto committed
633
}
634
input[type="file"] {
635
  width: auto;
636
637
  padding: initial;
  line-height: initial;
638
639
640
  border: initial;
  background-color: #ffffff;
  background-color: initial;
Mark Otto's avatar
Mark Otto committed
641
  -webkit-box-shadow: none;
642
  -moz-box-shadow: none;
Mark Otto's avatar
Mark Otto committed
643
644
  box-shadow: none;
}
645
646
647
input[type="button"],
input[type="reset"],
input[type="submit"] {
Mark Otto's avatar
Mark Otto committed
648
649
650
  width: auto;
  height: auto;
}
651
652
select,
input[type="file"] {
Mark Otto's avatar
Mark Otto committed
653
  height: 28px;
654
655
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

656
657
658
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

Mark Otto's avatar
Mark Otto committed
659
  line-height: 28px;
Mark Otto's avatar
Mark Otto committed
660
}
661
662
663
input[type="file"] {
  line-height: 18px \9;
}
664
select {
665
666
  width: 220px;
  background-color: #ffffff;
667
}
668
669
select[multiple],
select[size] {
Mark Otto's avatar
Mark Otto committed
670
  height: auto;
Mark Otto's avatar
Mark Otto committed
671
}
672
input[type="image"] {
Mark Otto's avatar
Mark Otto committed
673
  -webkit-box-shadow: none;
674
  -moz-box-shadow: none;
Mark Otto's avatar
Mark Otto committed
675
676
  box-shadow: none;
}
Mark Otto's avatar
Mark Otto committed
677
678
679
textarea {
  height: auto;
}
680
input[type="hidden"] {
681
682
  display: none;
}
683
684
.radio,
.checkbox {
685
686
  padding-left: 18px;
}
687
688
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
689
690
691
  float: left;
  margin-left: -18px;
}
692
693
.controls > .radio:first-child,
.controls > .checkbox:first-child {
Pete Hopkins's avatar
Pete Hopkins committed
694
  padding-top: 5px;
695
}
696
697
.radio.inline,
.checkbox.inline {
698
  display: inline-block;
699
  padding-top: 5px;
700
  margin-bottom: 0;
701
  vertical-align: middle;
702
}
703
704
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
705
706
  margin-left: 10px;
}
707
708
input,
textarea {
709
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
710
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
711
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
Mark Otto's avatar
Mark Otto committed
712
713
  -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
714
715
  -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
716
717
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
718
719
input:focus,
textarea:focus {
Mark Otto's avatar
Mark Otto committed
720
  border-color: rgba(82, 168, 236, 0.8);
721
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
722
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
723
  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
724
  outline: 0;
Mark Otto's avatar
Mark Otto committed
725
  outline: thin dotted \9;
726
  /* IE6-9 */
727

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

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