bootstrap.css 93.2 KB
Newer Older
Mark Otto's avatar
Mark Otto committed
1001
1002
@media screen and (min-width: 992px) {
  .container {
1003
    max-width: 940px;
Mark Otto's avatar
Mark Otto committed
1004
1005
1006
1007
1008
  }
}

@media screen and (min-width: 1200px) {
  .container {
1009
    max-width: 1170px;
Mark Otto's avatar
Mark Otto committed
1010
1011
1012
  }
}

1013
/*[class*="col-span-"].pull-right {
Mark Otto's avatar
Mark Otto committed
1014
  float: right;
1015
}*/
Mark Otto's avatar
Mark Otto committed
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030

table {
  max-width: 100%;
  background-color: transparent;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

1031
1032
1033
1034
.table thead > tr > th,
.table tbody > tr > th,
.table thead > tr > td,
.table tbody > tr > td {
Mark Otto's avatar
Mark Otto committed
1035
1036
1037
1038
1039
1040
  padding: 8px;
  line-height: 20px;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

1041
.table thead > tr > th {
Mark Otto's avatar
Mark Otto committed
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

1062
1063
1064
1065
.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td {
Mark Otto's avatar
Mark Otto committed
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  border-left: 0;
  border-radius: 4px;
}

1076
1077
1078
1079
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td {
Mark Otto's avatar
Mark Otto committed
1080
1081
1082
  border-left: 1px solid #dddddd;
}

1083
1084
1085
1086
1087
1088
1089
1090
1091
.table-bordered > caption + thead > tr:first-child th,
.table-bordered > caption + tbody > tr:first-child th,
.table-bordered > caption + tbody > tr:first-child td,
.table-bordered > colgroup + thead > tr:first-child th,
.table-bordered > colgroup + tbody > tr:first-child th,
.table-bordered > colgroup + tbody > tr:first-child td,
.table-bordered > thead:first-child > tr:first-child th,
.table-bordered > tbody:first-child > tr:first-child th,
.table-bordered > tbody:first-child > tr:first-child td {
Mark Otto's avatar
Mark Otto committed
1092
1093
1094
  border-top: 0;
}

1095
1096
1097
.table-bordered > thead:first-child > tr:first-child > th:first-child,
.table-bordered > tbody:first-child > tr:first-child > td:first-child,
.table-bordered > tbody:first-child > tr:first-child > th:first-child {
Mark Otto's avatar
Mark Otto committed
1098
1099
1100
  border-top-left-radius: 4px;
}

1101
1102
1103
.table-bordered > thead:first-child > tr:first-child > th:last-child,
.table-bordered > tbody:first-child > tr:first-child > td:last-child,
.table-bordered > tbody:first-child > tr:first-child > th:last-child {
Mark Otto's avatar
Mark Otto committed
1104
1105
1106
  border-top-right-radius: 4px;
}

1107
1108
1109
1110
1111
.table-bordered > thead:last-child > tr:last-child > th:first-child,
.table-bordered > tbody:last-child > tr:last-child > td:first-child,
.table-bordered > tbody:last-child > tr:last-child > th:first-child,
.table-bordered > tfoot:last-child > tr:last-child > td:first-child,
.table-bordered > tfoot:last-child > tr:last-child > th:first-child {
Mark Otto's avatar
Mark Otto committed
1112
1113
1114
  border-bottom-left-radius: 4px;
}

1115
1116
1117
1118
1119
.table-bordered > thead:last-child > tr:last-child > th:last-child,
.table-bordered > tbody:last-child > tr:last-child > td:last-child,
.table-bordered > tbody:last-child > tr:last-child > th:last-child,
.table-bordered > tfoot:last-child > tr:last-child > td:last-child,
.table-bordered > tfoot:last-child > tr:last-child > th:last-child {
Mark Otto's avatar
Mark Otto committed
1120
1121
1122
  border-bottom-right-radius: 4px;
}

1123
.table-bordered > tfoot + tbody:last-child > tr:last-child > td:first-child {
Mark Otto's avatar
Mark Otto committed
1124
1125
1126
  border-bottom-left-radius: 0;
}

1127
.table-bordered > tfoot + tbody:last-child > tr:last-child > td:last-child {
Mark Otto's avatar
Mark Otto committed
1128
1129
1130
  border-bottom-right-radius: 0;
}

1131
1132
1133
1134
.table-bordered > caption + thead > tr:first-child > th:first-child,
.table-bordered > caption + tbody > tr:first-child > td:first-child,
.table-bordered > colgroup + thead > tr:first-child > th:first-child,
.table-bordered > colgroup + tbody > tr:first-child > td:first-child {
Mark Otto's avatar
Mark Otto committed
1135
1136
1137
  border-top-left-radius: 4px;
}

1138
1139
1140
1141
.table-bordered > caption + thead > tr:first-child > th:last-child,
.table-bordered > caption + tbody > tr:first-child > td:last-child,
.table-bordered > colgroup + thead > tr:first-child > th:last-child,
.table-bordered > colgroup + tbody > tr:first-child > td:last-child {
Mark Otto's avatar
Mark Otto committed
1142
1143
1144
  border-top-right-radius: 4px;
}

1145
1146
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
Mark Otto's avatar
Mark Otto committed
1147
1148
1149
  background-color: #f9f9f9;
}

1150
1151
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
Mark Otto's avatar
Mark Otto committed
1152
1153
1154
  background-color: #f5f5f5;
}

Mark Otto's avatar
Mark Otto committed
1155
table col[class*="col-span-"] {
1156
1157
1158
1159
  display: table-column;
  float: none;
}

Mark Otto's avatar
Mark Otto committed
1160
1161
table td[class*="col-span-"],
table th[class*="col-span-"] {
Mark Otto's avatar
Mark Otto committed
1162
1163
1164
1165
  display: table-cell;
  float: none;
}

1166
1167
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
1168
.table > tbody > tr.success > td {
Mark Otto's avatar
Mark Otto committed
1169
  background-color: #dff0d8;
1170
  border-color: #d6e9c6;
Mark Otto's avatar
Mark Otto committed
1171
1172
}

1173
1174
1175
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td {
Mark Otto's avatar
Mark Otto committed
1176
  background-color: #f2dede;
1177
  border-color: #eed3d7;
Mark Otto's avatar
Mark Otto committed
1178
1179
}

1180
1181
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
1182
.table > tbody > tr.warning > td {
Mark Otto's avatar
Mark Otto committed
1183
  background-color: #fcf8e3;
1184
  border-color: #fbeed5;
Mark Otto's avatar
Mark Otto committed
1185
1186
}

1187
1188
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
1189
.table-hover > tbody > tr.success:hover > td {
Mark Otto's avatar
Mark Otto committed
1190
  background-color: #d0e9c6;
1191
  border-color: #c9e2b3;
Mark Otto's avatar
Mark Otto committed
1192
1193
}

1194
1195
1196
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
Mark Otto's avatar
Mark Otto committed
1197
  background-color: #ebcccc;
1198
  border-color: #e6c1c7;
Mark Otto's avatar
Mark Otto committed
1199
1200
}

1201
1202
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
1203
.table-hover > tbody > tr.warning:hover > td {
Mark Otto's avatar
Mark Otto committed
1204
  background-color: #faf2cc;
1205
  border-color: #f8e5be;
Mark Otto's avatar
Mark Otto committed
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
}

form {
  margin: 0;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
Mark Otto's avatar
Mark Otto committed
1223
  font-size: 21px;
Mark Otto's avatar
Mark Otto committed
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}

select,
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"],
1251
input[type="color"] {
Mark Otto's avatar
Mark Otto committed
1252
  display: block;
Mark Otto's avatar
Mark Otto committed
1253
1254
  min-height: 34px;
  padding: 6px 9px;
Mark Otto's avatar
Mark Otto committed
1255
  margin-bottom: 10px;
Mark Otto's avatar
Mark Otto committed
1256
  font-size: 14px;
Mark Otto's avatar
Mark Otto committed
1257
1258
1259
1260
1261
1262
1263
1264
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1265
1266
1267
1268
  -webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border-color linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border-color linear 0.2s, box-shadow linear 0.2s;
          transition: border-color linear 0.2s, box-shadow linear 0.2s;
Mark Otto's avatar
Mark Otto committed
1269
1270
1271
1272
}

input,
select,
1273
textarea {
Mark Otto's avatar
Mark Otto committed
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
  width: 100%;
}

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

1287
1288
1289
1290
1291
1292
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

Mark Otto's avatar
Mark Otto committed
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
textarea {
  height: auto;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
1311
input[type="color"]:focus {
Mark Otto's avatar
Mark Otto committed
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
1356
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */

  line-height: normal;
}

select,
input[type="file"] {
  height: 34px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */

  line-height: 34px;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 10px;
Mark Otto's avatar
Mark Otto committed
1378
  vertical-align: middle;
Mark Otto's avatar
Mark Otto committed
1379
1380
1381
1382
1383
1384
1385
}

.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
1386
  cursor: pointer;
Mark Otto's avatar
Mark Otto committed
1387
1388
1389
1390
1391
1392
1393
1394
1395
1396
1397
1398
1399
1400
1401
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

Mark Otto's avatar
Mark Otto committed
1402
1403
/*
// Move the options list down to align with labels
Mark Otto's avatar
Mark Otto committed
1404
1405
.controls > .radio:first-child,
.controls > .checkbox:first-child {
Mark Otto's avatar
Mark Otto committed
1406
  padding-top: 5px; // has to be padding because margin collaspes
Mark Otto's avatar
Mark Otto committed
1407
}
Mark Otto's avatar
Mark Otto committed
1408
*/
Mark Otto's avatar
Mark Otto committed
1409
1410
1411
1412
1413
1414
1415
1416

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
1417
  cursor: pointer;
Mark Otto's avatar
Mark Otto committed
1418
1419
1420
1421
1422
1423
1424
1425
1426
1427
1428
1429
1430
1431
1432
1433
1434
1435
1436
1437
1438
1439
1440
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

select.input-large,
textarea.input-large,
input[type="text"].input-large,
input[type="password"].input-large,
input[type="datetime"].input-large,
input[type="datetime-local"].input-large,
input[type="date"].input-large,
input[type="month"].input-large,
input[type="time"].input-large,
input[type="week"].input-large,
input[type="number"].input-large,
input[type="email"].input-large,
input[type="url"].input-large,
input[type="search"].input-large,
input[type="tel"].input-large,
1441
input[type="color"].input-large {
Mark Otto's avatar
Mark Otto committed
1442
  padding: 11px 14px;
Mark Otto's avatar
Mark Otto committed
1443
  font-size: 17.5px;
Mark Otto's avatar
Mark Otto committed
1444
1445
1446
1447
1448
1449
1450
1451
1452
1453
1454
1455
1456
1457
1458
1459
1460
1461
  border-radius: 6px;
}

select.input-small,
textarea.input-small,
input[type="text"].input-small,
input[type="password"].input-small,
input[type="datetime"].input-small,
input[type="datetime-local"].input-small,
input[type="date"].input-small,
input[type="month"].input-small,
input[type="time"].input-small,
input[type="week"].input-small,
input[type="number"].input-small,
input[type="email"].input-small,
input[type="url"].input-small,
input[type="search"].input-small,
input[type="tel"].input-small,
1462
input[type="color"].input-small {
Mark Otto's avatar
Mark Otto committed
1463
1464
  min-height: 26px;
  padding: 2px 10px;
Mark Otto's avatar
Mark Otto committed
1465
  font-size: 11.9px;
Mark Otto's avatar
Mark Otto committed
1466
1467
1468
1469
1470
  border-radius: 3px;
}

input[class*="span"],
select[class*="span"],
1471
textarea[class*="span"] {
Mark Otto's avatar
Mark Otto committed
1472
1473
1474
1475
1476
1477
  float: none;
  margin-right: 0;
  margin-left: 0;
}

.input-append input[class*="span"],
1478
.input-prepend input[class*="span"] {
Mark Otto's avatar
Mark Otto committed
1479
1480
1481
1482
1483
  display: inline-block;
}

input[class*="span"],
select[class*="span"],
1484
textarea[class*="span"] {
Mark Otto's avatar
Mark Otto committed
1485
1486
1487
1488
1489
1490
1491
1492
1493
1494
1495
1496
1497
1498
1499
1500
1501
1502
1503
1504
1505
1506
1507
1508
1509
1510
1511
1512
1513
1514
1515
1516
1517
1518
1519
1520
1521
1522
1523
1524
1525
1526
1527
1528
1529
1530
1531
1532
1533
1534
1535
1536
1537
1538
1539
1540
1541
1542
1543
1544
1545
1546
1547
1548
1549
1550
1551
1552
1553
1554
1555
1556
1557
1558
1559
1560
1561
1562
1563
1564
1565
1566
1567
1568
1569
1570
1571
1572
1573
1574
1575
1576
1577
1578
1579
1580
1581
1582
1583
1584
1585
1586
1587
1588
1589
1590
1591
1592
1593
  height: 34px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly],
fieldset[disabled] input,
fieldset[disabled] select,
fieldset[disabled] textarea {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  background-color: transparent;
}

.has-warning .control-label {
  color: #c09853;
}

.has-warning .input-with-feedback {
  padding-right: 32px;
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .input-with-feedback:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.has-error .control-label {
  color: #b94a48;
}

.has-error .input-with-feedback {
  padding-right: 32px;
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .input-with-feedback:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.has-success .control-label {
  color: #468847;
}

.has-success .input-with-feedback {
  padding-right: 32px;
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .input-with-feedback:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
}

.form-actions:before,
.form-actions:after {
  display: table;
  content: " ";
}

.form-actions:after {
  clear: both;
}

1594
1595
1596
1597
1598
1599
1600
1601
1602
1603
.form-actions:before,
.form-actions:after {
  display: table;
  content: " ";
}

.form-actions:after {
  clear: both;
}

Mark Otto's avatar
Mark Otto committed
1604
1605
1606
1607
1608
1609
1610
1611
1612
1613
1614
1615
1616
1617
1618
1619
1620
1621
1622
1623
.help-block,
.help-inline {
  color: #737373;
}

.help-block {
  display: block;
  margin-bottom: 10px;
}

.help-inline {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
}

.input-group {
  display: table;
}

Mark Otto's avatar
Mark Otto committed
1624
.input-group.col {
Mark Otto's avatar
Mark Otto committed
1625
  float: none;
Mark Otto's avatar
Mark Otto committed
1626
1627
  padding-right: 0;
  padding-left: 0;
Mark Otto's avatar
Mark Otto committed
1628
1629
1630
}

.input-group input,
1631
.input-group select {
Mark Otto's avatar
Mark Otto committed
1632
  width: 100%;
Mark Otto's avatar
Mark Otto committed
1633
  margin-bottom: 0;
Mark Otto's avatar
Mark Otto committed
1634
1635
1636
1637
}

.input-group-addon,
.input-group-btn,
1638
.input-group input {
Mark Otto's avatar
Mark Otto committed
1639
  display: table-cell;
Mark Otto's avatar
Mark Otto committed
1640
1641
  /*margin: 0;*/

Mark Otto's avatar
Mark Otto committed
1642
1643
1644
1645
1646
  border-radius: 0;
}

.input-group-addon.input-small,
.input-group-btn.input-small,
1647
.input-group input.input-small {
Mark Otto's avatar
Mark Otto committed
1648
1649
1650
1651
1652
  border-radius: 0;
}

.input-group-addon.input-large,
.input-group-btn.input-large,
1653
.input-group input.input-large {
Mark Otto's avatar
Mark Otto committed
1654
1655
1656
1657
1658
1659
1660
1661
1662
1663
1664
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 8px;
Mark Otto's avatar
Mark Otto committed
1665
  font-size: 14px;
Mark Otto's avatar
Mark Otto committed
1666
1667
1668
1669
1670
1671
1672
1673
1674
1675
1676
1677
1678
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.input-group-addon.input-small {
  padding: 2px 10px;
Mark Otto's avatar
Mark Otto committed
1679
  font-size: 11.9px;
Mark Otto's avatar
Mark Otto committed
1680
1681
1682
1683
}

.input-group-addon.input-large {
  padding: 11px 14px;
Mark Otto's avatar
Mark Otto committed
1684
  font-size: 17.5px;
Mark Otto's avatar
Mark Otto committed
1685
1686
1687
1688
1689
1690
1691
1692
1693
1694
1695
1696
1697
1698
1699
1700
1701
1702
1703
1704
1705
1706
1707
1708
1709
1710
1711
1712
1713
1714
1715
1716
1717
1718
1719
1720
1721
1722
1723
1724
1725
1726
1727
1728
1729
1730
}

.input-group input:first-child,
.input-group-addon:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.input-group input:first-child.input-small,
.input-group-addon:first-child.input-small {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.input-group input:first-child.input-large,
.input-group-addon:first-child.input-large {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group input:last-child,
.input-group-addon:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.input-group input:last-child.input-small,
.input-group-addon:last-child.input-small {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.input-group input:last-child.input-large,
.input-group-addon:last-child.input-large {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.input-group-addon:last-child {
  border-left: 0;
}

1731
1732
.input-group-btn {
  position: relative;
Mark Otto's avatar
Mark Otto committed
1733
1734
1735
1736
  white-space: nowrap;
}

.input-group-btn > .btn {
1737
  position: relative;
Mark Otto's avatar
Mark Otto committed
1738
1739
1740
1741
1742
  float: left;
  border-radius: 0;
}

.input-group-btn > .btn + .btn {
1743
  margin-left: -1px;
Mark Otto's avatar
Mark Otto committed
1744
1745
}

1746
1747
1748
.input-group-btn > .btn:hover,
.input-group-btn > .btn:active {
  z-index: 2;
Mark Otto's avatar
Mark Otto committed
1749
1750
}

1751
1752
1753
1754
.input-group-btn:first-child > .btn:first-child,
.input-group-btn:first-child > .dropdown-toggle:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
Mark Otto's avatar
Mark Otto committed
1755
1756
}

1757
1758
1759
1760
.input-group-btn:first-child > .btn:first-child.btn-large,
.input-group-btn:first-child > .dropdown-toggle:first-child.btn-large {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
Mark Otto's avatar
Mark Otto committed
1761
1762
}

1763
1764
1765
1766
.input-group-btn:first-child > .btn:first-child.btn-small,
.input-group-btn:first-child > .dropdown-toggle:first-child.btn-small {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
Mark Otto's avatar
Mark Otto committed
1767
1768
}

1769
1770
1771
1772
.input-group-btn:last-child > .btn:last-child,
.input-group-btn:last-child > .dropdown-toggle {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
Mark Otto's avatar
Mark Otto committed
1773
1774
}

1775
1776
1777
1778
.input-group-btn:last-child > .btn:last-child.btn-large,
.input-group-btn:last-child > .dropdown-toggle.btn-large {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
Mark Otto's avatar
Mark Otto committed
1779
1780
}

1781
1782
1783
1784
.input-group-btn:last-child > .btn:last-child.btn-small,
.input-group-btn:last-child > .dropdown-toggle.btn-small {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
Mark Otto's avatar
Mark Otto committed
1785
1786
}

Mark Otto's avatar
Mark Otto committed
1787
1788
1789
1790
1791
1792
1793
1794
1795
.form-inline input,
.form-inline select,
.form-inline textarea,
.form-inline .radio,
.form-inline .checkbox {
  display: inline-block;
  margin-bottom: 0;
}

Mark Otto's avatar
Mark Otto committed
1796
1797
1798
1799
1800
1801
1802
1803
1804
1805
1806
1807
1808
@media screen and (min-width: 768px) {
  .form-horizontal .control-group {
    position: relative;
    margin-bottom: 20px;
  }
  .form-horizontal .control-group:before,
  .form-horizontal .control-group:after {
    display: table;
    content: " ";
  }
  .form-horizontal .control-group:after {
    clear: both;
  }
1809
1810
1811
1812
1813
1814
1815
1816
  .form-horizontal .control-group:before,
  .form-horizontal .control-group:after {
    display: table;
    content: " ";
  }
  .form-horizontal .control-group:after {
    clear: both;
  }
Mark Otto's avatar
Mark Otto committed
1817
1818
  .form-horizontal .control-group input,
  .form-horizontal .control-group select,
1819
  .form-horizontal .control-group textarea {
Mark Otto's avatar
Mark Otto committed
1820
1821
1822
1823
1824
1825
1826
1827
1828
1829
1830
    margin-bottom: 0;
  }
  .form-horizontal .control-group > .control-label {
    float: left;
    width: 160px;
    padding-top: 6px;
    text-align: right;
  }
  .form-horizontal .control-group > .controls {
    margin-left: 180px;
  }
1831
1832
1833
  .form-horizontal .form-actions {
    padding-left: 180px;
  }
Mark Otto's avatar
Mark Otto committed
1834
1835
1836
1837
1838
1839
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
Mark Otto's avatar
Mark Otto committed
1840
  font-size: 14px;
Mark Otto's avatar
Mark Otto committed
1841
1842
1843
  font-weight: 500;
  line-height: 20px;
  text-align: center;
1844
  white-space: nowrap;
Mark Otto's avatar
Mark Otto committed
1845
1846
  vertical-align: middle;
  cursor: pointer;
1847
  border: 1px solid transparent;
Mark Otto's avatar
Mark Otto committed
1848
1849
1850
1851
1852
1853
1854
1855
1856
1857
1858
1859
1860
1861
1862
1863
1864
1865
1866
1867
1868
1869
1870
1871
1872
1873
  border-radius: 4px;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #fff;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
1874
  pointer-events: none;
Mark Otto's avatar
Mark Otto committed
1875
1876
1877
1878
1879
1880
1881
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

1882
.btn-default {
Mark Otto's avatar
Mark Otto committed
1883
1884
1885
1886
1887
  color: #ffffff;
  background-color: #a7a9aa;
  border-color: #a7a9aa;
}

1888
1889
1890
1891
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
Mark Otto's avatar
Mark Otto committed
1892
1893
1894
1895
  background-color: #9a9c9d;
  border-color: #8d9091;
}

1896
1897
1898
1899
1900
1901
1902
1903
1904
1905
1906
1907
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
Mark Otto's avatar
Mark Otto committed
1908
1909
1910
1911
1912
  background-color: #a7a9aa;
  border-color: #a7a9aa;
}

.btn-primary {
1913
  color: #ffffff;
Mark Otto's avatar
Mark Otto committed
1914
1915
1916
1917
1918
1919
  background-color: #428bca;
  border-color: #428bca;
}

.btn-primary:hover,
.btn-primary:focus,
1920
1921
.btn-primary:active,
.btn-primary.active {
Mark Otto's avatar
Mark Otto committed
1922
1923
1924
1925
1926
1927
1928
1929
1930
1931
1932
1933
  background-color: #357ebd;
  border-color: #3071a9;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
1934
1935
1936
1937
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
Mark Otto's avatar
Mark Otto committed
1938
1939
1940
1941
1942
  background-color: #428bca;
  border-color: #428bca;
}

.btn-warning {
1943
  color: #ffffff;
Mark Otto's avatar
Mark Otto committed
1944
1945
1946
1947
1948
1949
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-warning:hover,
.btn-warning:focus,
1950
1951
.btn-warning:active,
.btn-warning.active {
Mark Otto's avatar
Mark Otto committed
1952
1953
1954
1955
1956
1957
1958
1959
1960
1961
1962
1963
  background-color: #eea236;
  border-color: #ec971f;
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
1964
1965
1966
1967
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
Mark Otto's avatar
Mark Otto committed
1968
1969
1970
1971
1972
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-danger {
1973
  color: #ffffff;
Mark Otto's avatar
Mark Otto committed
1974
1975
1976
1977
1978
1979
  background-color: #d9534f;
  border-color: #d9534f;
}

.btn-danger:hover,
.btn-danger:focus,
1980
1981
.btn-danger:active,
.btn-danger.active {
Mark Otto's avatar
Mark Otto committed
1982
1983
1984
1985
1986
1987
1988
1989
1990
1991
1992
1993
  background-color: #d43f3a;
  border-color: #c9302c;
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
1994
1995
1996
1997
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
Mark Otto's avatar
Mark Otto committed
1998
1999
2000
  background-color: #d9534f;
  border-color: #d9534f;
}
For faster browsing, not all history is shown. View entire blame