bootstrap.css 96.5 KB
Newer Older
Mark Otto's avatar
Mark Otto committed
1
/*!
2
 * Bootstrap v2.0.3
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
 * 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.
 */
10

Mark Otto's avatar
Mark Otto committed
11
12
13
14
15
16
17
18
19
20
21
22
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
23

24
25
26
audio,
canvas,
video {
Mark Otto's avatar
Mark Otto committed
27
28
29
30
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
31

Mark Otto's avatar
Mark Otto committed
32
33
34
audio:not([controls]) {
  display: none;
}
35

36
37
38
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
39
      -ms-text-size-adjust: 100%;
40
}
41

42
a:focus {
43
  outline: thin dotted #333;
Mark Otto's avatar
Mark Otto committed
44
45
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
46
}
47

48
49
a:hover,
a:active {
50
51
  outline: 0;
}
52

53
54
sub,
sup {
55
  position: relative;
Mark Otto's avatar
Mark Otto committed
56
57
58
59
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
60

Mark Otto's avatar
Mark Otto committed
61
62
63
sup {
  top: -0.5em;
}
64

Mark Otto's avatar
Mark Otto committed
65
66
67
sub {
  bottom: -0.25em;
}
68

Mark Otto's avatar
Mark Otto committed
69
img {
Mark Otto's avatar
Mark Otto committed
70
  max-width: 100%;
71
  vertical-align: middle;
Mark Otto's avatar
Mark Otto committed
72
73
74
  border: 0;
  -ms-interpolation-mode: bicubic;
}
75

Mark Otto's avatar
Mark Otto committed
76
77
78
79
80
button,
input,
select,
textarea {
  margin: 0;
81
  font-size: 100%;
Pete Hopkins's avatar
Pete Hopkins committed
82
  vertical-align: middle;
Mark Otto's avatar
Mark Otto committed
83
}
84

85
86
button,
input {
Mark Otto's avatar
Mark Otto committed
87
  *overflow: visible;
88
  line-height: normal;
Mark Otto's avatar
Mark Otto committed
89
}
90

91
92
button::-moz-focus-inner,
input::-moz-focus-inner {
Mark Otto's avatar
Mark Otto committed
93
  padding: 0;
94
  border: 0;
Mark Otto's avatar
Mark Otto committed
95
}
96

Mark Otto's avatar
Mark Otto committed
97
98
99
100
101
102
103
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
104

Mark Otto's avatar
Mark Otto committed
105
106
input[type="search"] {
  -webkit-box-sizing: content-box;
107
108
     -moz-box-sizing: content-box;
          box-sizing: content-box;
109
  -webkit-appearance: textfield;
Mark Otto's avatar
Mark Otto committed
110
}
111

112
113
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
Mark Otto's avatar
Mark Otto committed
114
115
  -webkit-appearance: none;
}
116

Mark Otto's avatar
Mark Otto committed
117
118
119
120
textarea {
  overflow: auto;
  vertical-align: top;
}
121

122
123
124
.clearfix {
  *zoom: 1;
}
125

126
127
.clearfix:before,
.clearfix:after {
128
129
130
  display: table;
  content: "";
}
131

132
133
134
.clearfix:after {
  clear: both;
}
135

136
.hide-text {
137
138
  font: 0/0 a;
  color: transparent;
139
  text-shadow: none;
140
  background-color: transparent;
141
  border: 0;
142
}
143

144
145
146
147
148
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
149
150
151
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
152
}
153

154
155
156
157
158
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
Mark Otto's avatar
Mark Otto committed
159
  color: #333333;
160
  background-color: #ffffff;
161
}
162

163
a {
164
  color: #0088cc;
165
166
  text-decoration: none;
}
167

168
a:hover {
169
  color: #005580;
170
171
  text-decoration: underline;
}
172

Mark Otto's avatar
Mark Otto committed
173
.row {
174
  margin-left: -20px;
175
  *zoom: 1;
Mark Otto's avatar
Mark Otto committed
176
}
177

178
179
.row:before,
.row:after {
Mark Otto's avatar
Mark Otto committed
180
181
182
  display: table;
  content: "";
}
183

Mark Otto's avatar
Mark Otto committed
184
185
186
.row:after {
  clear: both;
}
187

188
[class*="span"] {
Mark Otto's avatar
Mark Otto committed
189
190
191
  float: left;
  margin-left: 20px;
}
192

193
194
195
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
196
197
  width: 940px;
}
198

199
200
.span12 {
  width: 940px;
Mark Otto's avatar
Mark Otto committed
201
}
202

203
204
.span11 {
  width: 860px;
Mark Otto's avatar
Mark Otto committed
205
}
206

207
208
.span10 {
  width: 780px;
Mark Otto's avatar
Mark Otto committed
209
}
210

211
212
.span9 {
  width: 700px;
Mark Otto's avatar
Mark Otto committed
213
}
214

215
216
.span8 {
  width: 620px;
Mark Otto's avatar
Mark Otto committed
217
}
218

219
.span7 {
220
  width: 540px;
Mark Otto's avatar
Mark Otto committed
221
}
222

223
224
.span6 {
  width: 460px;
Mark Otto's avatar
Mark Otto committed
225
}
226

227
228
.span5 {
  width: 380px;
Mark Otto's avatar
Mark Otto committed
229
}
230

231
232
.span4 {
  width: 300px;
Mark Otto's avatar
Mark Otto committed
233
}
234

235
236
.span3 {
  width: 220px;
Mark Otto's avatar
Mark Otto committed
237
}
238

239
240
.span2 {
  width: 140px;
241
}
242

243
244
.span1 {
  width: 60px;
Mark Otto's avatar
Mark Otto committed
245
}
246

247
248
.offset12 {
  margin-left: 980px;
Mark Otto's avatar
Mark Otto committed
249
}
250

251
252
.offset11 {
  margin-left: 900px;
Mark Otto's avatar
Mark Otto committed
253
}
254

255
256
.offset10 {
  margin-left: 820px;
Mark Otto's avatar
Mark Otto committed
257
}
258

259
260
.offset9 {
  margin-left: 740px;
Mark Otto's avatar
Mark Otto committed
261
}
262

263
264
.offset8 {
  margin-left: 660px;
Mark Otto's avatar
Mark Otto committed
265
}
266

267
.offset7 {
268
  margin-left: 580px;
Mark Otto's avatar
Mark Otto committed
269
}
270

271
272
.offset6 {
  margin-left: 500px;
Mark Otto's avatar
Mark Otto committed
273
}
274

275
276
.offset5 {
  margin-left: 420px;
Mark Otto's avatar
Mark Otto committed
277
}
278

279
280
.offset4 {
  margin-left: 340px;
Mark Otto's avatar
Mark Otto committed
281
}
282

283
284
.offset3 {
  margin-left: 260px;
Mark Otto's avatar
Mark Otto committed
285
}
286

287
288
289
.offset2 {
  margin-left: 180px;
}
290

291
292
.offset1 {
  margin-left: 100px;
293
}
294

295
.row-fluid {
296
297
298
  width: 100%;
  *zoom: 1;
}
299

300
301
.row-fluid:before,
.row-fluid:after {
302
303
304
  display: table;
  content: "";
}
305

306
307
.row-fluid:after {
  clear: both;
308
}
309

310
.row-fluid [class*="span"] {
311
  display: block;
312
  float: left;
313
314
  width: 100%;
  min-height: 28px;
315
  margin-left: 2.127659574%;
316
  *margin-left: 2.0744680846382977%;
317
318
319
320
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
321
}
322

323
.row-fluid [class*="span"]:first-child {
324
325
  margin-left: 0;
}
326

327
.row-fluid .span12 {
328
  width: 99.99999998999999%;
329
  *width: 99.94680850063828%;
330
}
331

332
.row-fluid .span11 {
333
  width: 91.489361693%;
334
  *width: 91.4361702036383%;
335
}
336

337
.row-fluid .span10 {
338
  width: 82.97872339599999%;
339
  *width: 82.92553190663828%;
340
}
341

342
.row-fluid .span9 {
343
  width: 74.468085099%;
344
  *width: 74.4148936096383%;
345
}
346

347
.row-fluid .span8 {
348
  width: 65.95744680199999%;
349
  *width: 65.90425531263828%;
350
}
351

352
.row-fluid .span7 {
353
  width: 57.446808505%;
354
  *width: 57.3936170156383%;
355
}
356

357
.row-fluid .span6 {
358
  width: 48.93617020799999%;
359
  *width: 48.88297871863829%;
360
}
361

362
.row-fluid .span5 {
363
  width: 40.425531911%;
364
  *width: 40.3723404216383%;
365
}
366

367
.row-fluid .span4 {
368
  width: 31.914893614%;
369
  *width: 31.8617021246383%;
370
}
371

372
.row-fluid .span3 {
373
  width: 23.404255317%;
374
  *width: 23.3510638276383%;
375
}
376

377
.row-fluid .span2 {
378
  width: 14.89361702%;
379
  *width: 14.8404255306383%;
380
}
381

382
.row-fluid .span1 {
383
  width: 6.382978723%;
384
  *width: 6.329787233638298%;
385
}
386

387
388
.container {
  margin-right: auto;
Jacob Thornton's avatar
Jacob Thornton committed
389
  margin-left: auto;
390
391
  *zoom: 1;
}
392

393
394
.container:before,
.container:after {
395
396
397
  display: table;
  content: "";
}
398

399
400
401
.container:after {
  clear: both;
}
402

403
.container-fluid {
404
  padding-right: 20px;
Jacob Thornton's avatar
Jacob Thornton committed
405
  padding-left: 20px;
406
407
  *zoom: 1;
}
408

409
410
.container-fluid:before,
.container-fluid:after {
411
412
413
  display: table;
  content: "";
}
414

415
.container-fluid:after {
416
417
  clear: both;
}
418

Mark Otto's avatar
Mark Otto committed
419
p {
420
  margin: 0 0 9px;
421
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Mark Otto's avatar
Mark Otto committed
422
423
424
  font-size: 13px;
  line-height: 18px;
}
425

Mark Otto's avatar
Mark Otto committed
426
427
p small {
  font-size: 11px;
428
  color: #999999;
Mark Otto's avatar
Mark Otto committed
429
}
430

431
432
433
434
435
436
.lead {
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 200;
  line-height: 27px;
}
437

Mark Otto's avatar
Mark Otto committed
438
439
440
441
442
443
h1,
h2,
h3,
h4,
h5,
h6 {
444
  margin: 0;
445
  font-family: inherit;
Mark Otto's avatar
Mark Otto committed
446
  font-weight: bold;
447
  color: inherit;
448
  text-rendering: optimizelegibility;
Mark Otto's avatar
Mark Otto committed
449
}
450

Mark Otto's avatar
Mark Otto committed
451
452
453
454
455
456
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
457
  font-weight: normal;
458
  color: #999999;
Mark Otto's avatar
Mark Otto committed
459
}
460

Mark Otto's avatar
Mark Otto committed
461
462
463
464
h1 {
  font-size: 30px;
  line-height: 36px;
}
465

Mark Otto's avatar
Mark Otto committed
466
467
468
h1 small {
  font-size: 18px;
}
469

Mark Otto's avatar
Mark Otto committed
470
471
h2 {
  font-size: 24px;
472
  line-height: 36px;
Mark Otto's avatar
Mark Otto committed
473
}
474

Mark Otto's avatar
Mark Otto committed
475
h2 small {
476
  font-size: 18px;
Mark Otto's avatar
Mark Otto committed
477
}
478

Mark Otto's avatar
Mark Otto committed
479
480
h3 {
  font-size: 18px;
Jacob Thornton's avatar
Jacob Thornton committed
481
  line-height: 27px;
Mark Otto's avatar
Mark Otto committed
482
}
483

Mark Otto's avatar
Mark Otto committed
484
485
486
h3 small {
  font-size: 14px;
}
487

488
489
490
h4,
h5,
h6 {
491
492
  line-height: 18px;
}
493

Mark Otto's avatar
Mark Otto committed
494
h4 {
495
  font-size: 14px;
Mark Otto's avatar
Mark Otto committed
496
}
497

Mark Otto's avatar
Mark Otto committed
498
499
500
h4 small {
  font-size: 12px;
}
501

Mark Otto's avatar
Mark Otto committed
502
h5 {
503
  font-size: 12px;
Mark Otto's avatar
Mark Otto committed
504
}
505

Mark Otto's avatar
Mark Otto committed
506
h6 {
507
  font-size: 11px;
508
  color: #999999;
Mark Otto's avatar
Mark Otto committed
509
510
  text-transform: uppercase;
}
511

512
513
514
515
516
.page-header {
  padding-bottom: 17px;
  margin: 18px 0;
  border-bottom: 1px solid #eeeeee;
}
517

518
519
520
.page-header h1 {
  line-height: 1;
}
521

522
523
ul,
ol {
524
  padding: 0;
525
  margin: 0 0 9px 25px;
Mark Otto's avatar
Mark Otto committed
526
}
527

Mark Otto's avatar
Mark Otto committed
528
529
530
531
532
533
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
534

Mark Otto's avatar
Mark Otto committed
535
536
537
ul {
  list-style: disc;
}
538

Mark Otto's avatar
Mark Otto committed
539
540
541
ol {
  list-style: decimal;
}
542

Mark Otto's avatar
Mark Otto committed
543
544
545
li {
  line-height: 18px;
}
546

547
548
ul.unstyled,
ol.unstyled {
Mark Otto's avatar
Mark Otto committed
549
  margin-left: 0;
550
  list-style: none;
Mark Otto's avatar
Mark Otto committed
551
}
552

Mark Otto's avatar
Mark Otto committed
553
554
555
dl {
  margin-bottom: 18px;
}
556

557
558
dt,
dd {
Mark Otto's avatar
Mark Otto committed
559
560
  line-height: 18px;
}
561

562
dt {
Mark Otto's avatar
Mark Otto committed
563
  font-weight: bold;
564
  line-height: 17px;
Mark Otto's avatar
Mark Otto committed
565
}
566

567
dd {
Mark Otto's avatar
Mark Otto committed
568
569
  margin-left: 9px;
}
570

571
572
573
.dl-horizontal dt {
  float: left;
  width: 120px;
574
  overflow: hidden;
Jacob Thornton's avatar
Jacob Thornton committed
575
  clear: left;
576
  text-align: right;
Jacob Thornton's avatar
Jacob Thornton committed
577
578
  text-overflow: ellipsis;
  white-space: nowrap;
579
}
580

581
582
583
.dl-horizontal dd {
  margin-left: 130px;
}
584

Mark Otto's avatar
Mark Otto committed
585
hr {
586
  margin: 18px 0;
Mark Otto's avatar
Mark Otto committed
587
  border: 0;
Mark Otto's avatar
Mark Otto committed
588
  border-top: 1px solid #eeeeee;
589
  border-bottom: 1px solid #ffffff;
Mark Otto's avatar
Mark Otto committed
590
}
591

Mark Otto's avatar
Mark Otto committed
592
593
594
strong {
  font-weight: bold;
}
595

Mark Otto's avatar
Mark Otto committed
596
597
598
em {
  font-style: italic;
}
599

Mark Otto's avatar
Mark Otto committed
600
.muted {
601
  color: #999999;
Mark Otto's avatar
Mark Otto committed
602
}
603

604
abbr[title] {
605
  cursor: help;
606
  border-bottom: 1px dotted #999999;
607
}
608

609
610
611
612
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
613

Mark Otto's avatar
Mark Otto committed
614
blockquote {
615
616
  padding: 0 0 0 15px;
  margin: 0 0 18px;
617
  border-left: 5px solid #eeeeee;
Mark Otto's avatar
Mark Otto committed
618
}
619

Mark Otto's avatar
Mark Otto committed
620
blockquote p {
621
  margin-bottom: 0;
Mark Otto's avatar
Mark Otto committed
622
623
  font-size: 16px;
  font-weight: 300;
624
  line-height: 22.5px;
Mark Otto's avatar
Mark Otto committed
625
}
626

Mark Otto's avatar
Mark Otto committed
627
628
629
blockquote small {
  display: block;
  line-height: 18px;
630
  color: #999999;
Mark Otto's avatar
Mark Otto committed
631
}
632

Mark Otto's avatar
Mark Otto committed
633
634
635
blockquote small:before {
  content: '\2014 \00A0';
}
636

637
638
blockquote.pull-right {
  float: right;
639
  padding-right: 15px;
Jacob Thornton's avatar
Jacob Thornton committed
640
  padding-left: 0;
641
  border-right: 5px solid #eeeeee;
Jacob Thornton's avatar
Jacob Thornton committed
642
  border-left: 0;
643
}
644

645
646
blockquote.pull-right p,
blockquote.pull-right small {
647
648
  text-align: right;
}
649

650
651
652
653
654
655
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
656

Mark Otto's avatar
Mark Otto committed
657
658
659
address {
  display: block;
  margin-bottom: 18px;
660
  font-style: normal;
Jacob Thornton's avatar
Jacob Thornton committed
661
  line-height: 18px;
Mark Otto's avatar
Mark Otto committed
662
}
663

Mark Otto's avatar
Mark Otto committed
664
665
666
small {
  font-size: 100%;
}
667

Mark Otto's avatar
Mark Otto committed
668
669
670
cite {
  font-style: normal;
}
671

672
673
code,
pre {
Mark Otto's avatar
Mark Otto committed
674
  padding: 0 3px 2px;
675
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
Mark Otto's avatar
Mark Otto committed
676
  font-size: 12px;
677
  color: #333333;
Mark Otto's avatar
Mark Otto committed
678
  -webkit-border-radius: 3px;
679
680
     -moz-border-radius: 3px;
          border-radius: 3px;
Mark Otto's avatar
Mark Otto committed
681
}
682

Mark Otto's avatar
Mark Otto committed
683
code {
684
  padding: 2px 4px;
685
686
687
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
Mark Otto's avatar
Mark Otto committed
688
}
689

Mark Otto's avatar
Mark Otto committed
690
691
pre {
  display: block;
692
  padding: 8.5px;
693
  margin: 0 0 9px;
694
  font-size: 12.025px;
695
  line-height: 18px;
Jacob Thornton's avatar
Jacob Thornton committed
696
697
698
699
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
700
  background-color: #f5f5f5;
Mark Otto's avatar
Mark Otto committed
701
702
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
703
  -webkit-border-radius: 4px;
704
705
     -moz-border-radius: 4px;
          border-radius: 4px;
Mark Otto's avatar
Mark Otto committed
706
}
707

708
709
710
pre.prettyprint {
  margin-bottom: 18px;
}
711

712
713
pre code {
  padding: 0;
714
  color: inherit;
715
  background-color: transparent;
716
  border: 0;
717
}
718

719
720
721
722
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
723

Mark Otto's avatar
Mark Otto committed
724
form {
725
726
  margin: 0 0 18px;
}
727

728
729
730
731
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
Mark Otto's avatar
Mark Otto committed
732
}
733

734
legend {
Mark Otto's avatar
Mark Otto committed
735
  display: block;
736
  width: 100%;
737
  padding: 0;
738
  margin-bottom: 27px;
739
  font-size: 19.5px;
740
  line-height: 36px;
741
  color: #333333;
742
  border: 0;
743
  border-bottom: 1px solid #e5e5e5;
Mark Otto's avatar
Mark Otto committed
744
}
745

Mark Otto's avatar
Mark Otto committed
746
747
748
749
legend small {
  font-size: 13.5px;
  color: #999999;
}
750

Mark Otto's avatar
Mark Otto committed
751
752
label,
input,
753
button,
Mark Otto's avatar
Mark Otto committed
754
755
select,
textarea {
756
757
  font-size: 13px;
  font-weight: normal;
Mark Otto's avatar
Mark Otto committed
758
759
  line-height: 18px;
}
760

761
762
763
764
765
766
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
767

768
769
770
label {
  display: block;
  margin-bottom: 5px;
771
  color: #333333;
Mark Otto's avatar
Mark Otto committed
772
}
773

Mark Otto's avatar
Mark Otto committed
774
select,
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
790
  display: inline-block;
791
  height: 18px;
Mark Otto's avatar
Mark Otto committed
792
  padding: 4px;
793
  margin-bottom: 9px;
Mark Otto's avatar
Mark Otto committed
794
795
  font-size: 13px;
  line-height: 18px;
796
  color: #555555;
797
798
}

Mark Otto's avatar
Mark Otto committed
799
800
801
802
803
input,
textarea {
  width: 210px;
}

804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
Mark Otto's avatar
Mark Otto committed
819
  background-color: #ffffff;
820
  border: 1px solid #cccccc;
Mark Otto's avatar
Mark Otto committed
821
  -webkit-border-radius: 3px;
822
823
     -moz-border-radius: 3px;
          border-radius: 3px;
824
825
826
827
828
829
830
831
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
Mark Otto's avatar
Mark Otto committed
832
}
833

Mark Otto's avatar
Mark Otto committed
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
input[type="radio"],
input[type="checkbox"] {
  margin: 3px 0;
  *margin-top: 0;
  /* IE7 */

  line-height: normal;
  cursor: pointer;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

852
853
854
855
.uneditable-textarea {
  width: auto;
  height: auto;
}
856

857
858
select,
input[type="file"] {
Mark Otto's avatar
Mark Otto committed
859
  height: 28px;
860
861
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

862
863
864
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

Mark Otto's avatar
Mark Otto committed
865
  line-height: 28px;
Mark Otto's avatar
Mark Otto committed
866
}
Mark Otto's avatar
Mark Otto committed
867
868
869
870
871

select {
  width: 220px;
  border: 1px solid #bbb;
}
872

873
874
select[multiple],
select[size] {
Mark Otto's avatar
Mark Otto committed
875
  height: auto;
Mark Otto's avatar
Mark Otto committed
876
}
877

878
879
.radio,
.checkbox {
880
  min-height: 18px;
881
882
  padding-left: 18px;
}
883

884
885
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
886
887
888
  float: left;
  margin-left: -18px;
}
889

890
891
.controls > .radio:first-child,
.controls > .checkbox:first-child {
Pete Hopkins's avatar
Pete Hopkins committed
892
  padding-top: 5px;
893
}
894

895
896
.radio.inline,
.checkbox.inline {
897
  display: inline-block;
898
  padding-top: 5px;
899
  margin-bottom: 0;
900
  vertical-align: middle;
901
}
902

903
904
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
905
906
  margin-left: 10px;
}
907

908
909
input:focus,
textarea:focus {
Mark Otto's avatar
Mark Otto committed
910
  border-color: rgba(82, 168, 236, 0.8);
Mark Otto's avatar
Mark Otto committed
911
  outline: 0;
Mark Otto's avatar
Mark Otto committed
912
  outline: thin dotted \9;
913
  /* IE6-9 */
914

915
916
917
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          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
918
}
919

920
921
922
923
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
924
  outline: thin dotted #333;
Mark Otto's avatar
Mark Otto committed
925
926
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
Jacob Thornton's avatar
Jacob Thornton committed
927
  -webkit-box-shadow: none;
928
929
     -moz-box-shadow: none;
          box-shadow: none;
Mark Otto's avatar
Mark Otto committed
930
}
931

932
.input-mini {
Mark Otto's avatar
Mark Otto committed
933
934
  width: 60px;
}
935

936
.input-small {
Mark Otto's avatar
Mark Otto committed
937
938
  width: 90px;
}
939

940
.input-medium {
Mark Otto's avatar
Mark Otto committed
941
942
  width: 150px;
}
943

944
.input-large {
Mark Otto's avatar
Mark Otto committed
945
946
  width: 210px;
}
947

948
.input-xlarge {
Mark Otto's avatar
Mark Otto committed
949
950
  width: 270px;
}
951

952
.input-xxlarge {
Mark Otto's avatar
Mark Otto committed
953
954
  width: 530px;
}
955

956
957
958
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
959
960
961
962
963
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
964
  float: none;
965
966
  margin-left: 0;
}
967

968
969
970
input,
textarea,
.uneditable-input {
971
972
  margin-left: 0;
}
973
974
975
976

input.span12,
textarea.span12,
.uneditable-input.span12 {
977
  width: 930px;
978
}
979
980
981
982

input.span11,
textarea.span11,
.uneditable-input.span11 {
983
  width: 850px;
984
}
985
986
987
988

input.span10,
textarea.span10,
.uneditable-input.span10 {
989
  width: 770px;
990
}
991
992
993
994

input.span9,
textarea.span9,
.uneditable-input.span9 {
995
  width: 690px;
996
}
997
998
999
1000

input.span8,
textarea.span8,
.uneditable-input.span8 {
For faster browsing, not all history is shown. View entire blame