bootstrap.css 91.5 KB
Newer Older
Mark Otto's avatar
Mark Otto committed
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
  .col-pull-7 {
    right: 58.333333333333336%;
  }
  .col-pull-8 {
    right: 66.66666666666666%;
  }
  .col-pull-9 {
    right: 75%;
  }
  .col-pull-10 {
    right: 83.33333333333334%;
  }
  .col-pull-11 {
    right: 91.66666666666666%;
1015
  }
Mark Otto's avatar
Mark Otto committed
1016
1017
}

1018
@media (min-width: 992px) {
Mark Otto's avatar
Mark Otto committed
1019
1020
1021
  .container {
    max-width: 940px;
  }
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
  .col-lg-1 {
    width: 8.333333333333332%;
  }
  .col-lg-2 {
    width: 16.666666666666664%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333333333333%;
  }
  .col-lg-5 {
    width: 41.66666666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.333333333333336%;
  }
  .col-lg-8 {
    width: 66.66666666666666%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333333333334%;
  }
  .col-lg-11 {
    width: 91.66666666666666%;
  }
Mark Otto's avatar
Mark Otto committed
1055
1056
1057
  .col-lg-12 {
    width: 100%;
  }
1058
1059
}

Mark Otto's avatar
Mark Otto committed
1060
@media (min-width: 1200px) {
Mark Otto's avatar
Mark Otto committed
1061
  .container {
1062
    max-width: 1170px;
Mark Otto's avatar
Mark Otto committed
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
  }
}

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

th {
  text-align: left;
}

.table {
  width: 100%;
Mark Otto's avatar
Mark Otto committed
1077
  margin-bottom: 20px;
Mark Otto's avatar
Mark Otto committed
1078
1079
}

1080
1081
1082
1083
.table thead > tr > th,
.table tbody > tr > th,
.table thead > tr > td,
.table tbody > tr > td {
Mark Otto's avatar
Mark Otto committed
1084
  padding: 8px;
1085
  line-height: 1.428571429;
Mark Otto's avatar
Mark Otto committed
1086
1087
1088
1089
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

1090
.table thead > tr > th {
Mark Otto's avatar
Mark Otto committed
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
  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;
}

1111
1112
1113
1114
.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
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
  padding: 4px 5px;
}

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

1125
1126
1127
1128
.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
1129
1130
1131
  border-left: 1px solid #dddddd;
}

1132
1133
1134
1135
1136
1137
1138
1139
1140
.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
1141
1142
1143
  border-top: 0;
}

1144
1145
1146
.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
1147
1148
1149
  border-top-left-radius: 4px;
}

1150
1151
1152
.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
1153
1154
1155
  border-top-right-radius: 4px;
}

1156
1157
1158
1159
1160
.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
1161
1162
1163
  border-bottom-left-radius: 4px;
}

1164
1165
1166
1167
1168
.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
1169
1170
1171
  border-bottom-right-radius: 4px;
}

1172
.table-bordered > tfoot + tbody:last-child > tr:last-child > td:first-child {
Mark Otto's avatar
Mark Otto committed
1173
1174
1175
  border-bottom-left-radius: 0;
}

1176
.table-bordered > tfoot + tbody:last-child > tr:last-child > td:last-child {
Mark Otto's avatar
Mark Otto committed
1177
1178
1179
  border-bottom-right-radius: 0;
}

1180
1181
1182
1183
.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
1184
1185
1186
  border-top-left-radius: 4px;
}

1187
1188
1189
1190
.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
1191
1192
1193
  border-top-right-radius: 4px;
}

1194
1195
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
Mark Otto's avatar
Mark Otto committed
1196
1197
1198
  background-color: #f9f9f9;
}

1199
1200
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
Mark Otto's avatar
Mark Otto committed
1201
1202
1203
  background-color: #f5f5f5;
}

Mark Otto's avatar
Mark Otto committed
1204
table col[class*="col-span-"] {
1205
1206
1207
1208
  display: table-column;
  float: none;
}

Mark Otto's avatar
Mark Otto committed
1209
1210
table td[class*="col-span-"],
table th[class*="col-span-"] {
Mark Otto's avatar
Mark Otto committed
1211
1212
1213
1214
  display: table-cell;
  float: none;
}

1215
1216
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
1217
.table > tbody > tr.success > td {
Mark Otto's avatar
Mark Otto committed
1218
  background-color: #dff0d8;
1219
  border-color: #d6e9c6;
Mark Otto's avatar
Mark Otto committed
1220
1221
}

1222
1223
1224
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td {
Mark Otto's avatar
Mark Otto committed
1225
  background-color: #f2dede;
1226
  border-color: #eed3d7;
Mark Otto's avatar
Mark Otto committed
1227
1228
}

1229
1230
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
1231
.table > tbody > tr.warning > td {
Mark Otto's avatar
Mark Otto committed
1232
  background-color: #fcf8e3;
1233
  border-color: #fbeed5;
Mark Otto's avatar
Mark Otto committed
1234
1235
}

1236
1237
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
1238
.table-hover > tbody > tr.success:hover > td {
Mark Otto's avatar
Mark Otto committed
1239
  background-color: #d0e9c6;
1240
  border-color: #c9e2b3;
Mark Otto's avatar
Mark Otto committed
1241
1242
}

1243
1244
1245
.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
1246
  background-color: #ebcccc;
1247
  border-color: #e6c1c7;
Mark Otto's avatar
Mark Otto committed
1248
1249
}

1250
1251
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
1252
.table-hover > tbody > tr.warning:hover > td {
Mark Otto's avatar
Mark Otto committed
1253
  background-color: #faf2cc;
1254
  border-color: #f8e5be;
Mark Otto's avatar
Mark Otto committed
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
}

form {
  margin: 0;
}

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

legend {
  display: block;
  width: 100%;
  padding: 0;
Mark Otto's avatar
Mark Otto committed
1271
  margin-bottom: 20px;
Mark Otto's avatar
Mark Otto committed
1272
  font-size: 21px;
1273
  line-height: inherit;
Mark Otto's avatar
Mark Otto committed
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
  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"],
1300
input[type="color"] {
Mark Otto's avatar
Mark Otto committed
1301
  display: block;
1302
  min-height: 38px;
1303
  padding: 8px 12px;
Mark Otto's avatar
Mark Otto committed
1304
  font-size: 14px;
1305
  line-height: 1.428571429;
Mark Otto's avatar
Mark Otto committed
1306
1307
1308
1309
1310
1311
1312
  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);
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
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
       -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

select:focus,
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,
input[type="color"]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  -webkit-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
1339
1340
1341
1342
}

input,
select,
1343
textarea {
Mark Otto's avatar
Mark Otto committed
1344
1345
1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
1356
  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;
}

1357
1358
1359
1360
1361
1362
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

Mark Otto's avatar
Mark Otto committed
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
textarea {
  height: auto;
}

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

  line-height: normal;
}

select,
input[type="file"] {
1378
  height: 38px;
Mark Otto's avatar
Mark Otto committed
1379
1380
  /* 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 */

1381
  line-height: 38px;
Mark Otto's avatar
Mark Otto committed
1382
1383
1384
1385
1386
1387
1388
}

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

1389
1390
1391
1392
1393
1394
select optgroup {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
}

Mark Otto's avatar
Mark Otto committed
1395
1396
1397
1398
1399
1400
1401
1402
1403
1404
1405
1406
1407
1408
1409
1410
1411
1412
1413
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425
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;
Mark Otto's avatar
Mark Otto committed
1426
  min-height: 20px;
Mark Otto's avatar
Mark Otto committed
1427
  padding-left: 20px;
Mark Otto's avatar
Mark Otto committed
1428
  margin-top: 10px;
Mark Otto's avatar
Mark Otto committed
1429
  margin-bottom: 10px;
Mark Otto's avatar
Mark Otto committed
1430
  vertical-align: middle;
Mark Otto's avatar
Mark Otto committed
1431
1432
1433
1434
1435
1436
1437
}

.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
1438
  cursor: pointer;
Mark Otto's avatar
Mark Otto committed
1439
1440
1441
1442
1443
1444
1445
1446
1447
1448
1449
1450
1451
1452
1453
}

.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
1454
1455
/*
// Move the options list down to align with labels
Mark Otto's avatar
Mark Otto committed
1456
1457
.controls > .radio:first-child,
.controls > .checkbox:first-child {
Mark Otto's avatar
Mark Otto committed
1458
  padding-top: 5px; // has to be padding because margin collaspes
Mark Otto's avatar
Mark Otto committed
1459
}
Mark Otto's avatar
Mark Otto committed
1460
*/
Mark Otto's avatar
Mark Otto committed
1461
1462
1463
1464
1465
1466
1467
1468

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
1469
  cursor: pointer;
Mark Otto's avatar
Mark Otto committed
1470
1471
1472
1473
1474
1475
1476
1477
1478
1479
1480
1481
1482
1483
1484
1485
1486
1487
1488
1489
1490
1491
1492
}

.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,
1493
input[type="color"].input-large {
1494
  padding: 14px 16px;
Mark Otto's avatar
Mark Otto committed
1495
  font-size: 18px;
Mark Otto's avatar
Mark Otto committed
1496
1497
1498
1499
1500
1501
1502
1503
1504
1505
1506
1507
1508
1509
1510
1511
1512
1513
  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,
1514
input[type="color"].input-small {
1515
  min-height: 32px;
1516
  padding: 5px 10px;
Mark Otto's avatar
Mark Otto committed
1517
  font-size: 12px;
Mark Otto's avatar
Mark Otto committed
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
  border-radius: 3px;
}

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;
}

1560
1561
1562
1563
1564
1565
.has-warning .input-group-addon {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

Mark Otto's avatar
Mark Otto committed
1566
1567
1568
1569
1570
1571
1572
1573
1574
1575
1576
1577
1578
1579
1580
1581
1582
.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;
}

1583
1584
1585
1586
1587
1588
.has-error .input-group-addon {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

Mark Otto's avatar
Mark Otto committed
1589
1590
1591
1592
1593
1594
1595
1596
1597
1598
1599
1600
1601
1602
1603
1604
1605
.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;
}

1606
1607
1608
1609
1610
1611
.has-success .input-group-addon {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

Mark Otto's avatar
Mark Otto committed
1612
1613
1614
1615
1616
1617
1618
1619
1620
1621
1622
1623
1624
1625
1626
1627
1628
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;
}

.help-block {
  display: block;
Mark Otto's avatar
Mark Otto committed
1629
  margin-top: 5px;
Mark Otto's avatar
Mark Otto committed
1630
  margin-bottom: 10px;
Mark Otto's avatar
Mark Otto committed
1631
  color: #737373;
Mark Otto's avatar
Mark Otto committed
1632
1633
1634
1635
1636
1637
}

.input-group {
  display: table;
}

Mark Otto's avatar
Mark Otto committed
1638
.input-group.col {
Mark Otto's avatar
Mark Otto committed
1639
  float: none;
Mark Otto's avatar
Mark Otto committed
1640
1641
  padding-right: 0;
  padding-left: 0;
Mark Otto's avatar
Mark Otto committed
1642
1643
1644
}

.input-group input,
1645
.input-group select {
Mark Otto's avatar
Mark Otto committed
1646
  width: 100%;
Mark Otto's avatar
Mark Otto committed
1647
  margin-bottom: 0;
Mark Otto's avatar
Mark Otto committed
1648
1649
1650
1651
}

.input-group-addon,
.input-group-btn,
1652
.input-group input {
Mark Otto's avatar
Mark Otto committed
1653
1654
1655
  display: table-cell;
}

1656
1657
1658
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group input:not(:first-child):not(:last-child) {
Mark Otto's avatar
Mark Otto committed
1659
1660
1661
1662
1663
1664
1665
1666
1667
1668
  border-radius: 0;
}

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

.input-group-addon {
1669
  padding: 8px 12px;
Mark Otto's avatar
Mark Otto committed
1670
  font-size: 14px;
Mark Otto's avatar
Mark Otto committed
1671
  font-weight: normal;
1672
  line-height: 1.428571429;
Mark Otto's avatar
Mark Otto committed
1673
1674
1675
1676
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
1677
  border-radius: 4px;
Mark Otto's avatar
Mark Otto committed
1678
1679
1680
1681
1682
1683
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.input-group-addon.input-small {
1684
  padding: 5px 10px;
Mark Otto's avatar
Mark Otto committed
1685
  font-size: 12px;
1686
  border-radius: 3px;
Mark Otto's avatar
Mark Otto committed
1687
1688
1689
}

.input-group-addon.input-large {
1690
  padding: 14px 16px;
Mark Otto's avatar
Mark Otto committed
1691
  font-size: 18px;
1692
  border-radius: 6px;
Mark Otto's avatar
Mark Otto committed
1693
1694
1695
}

.input-group input:first-child,
1696
.input-group-addon:first-child,
1697
1698
1699
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
1700
1701
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
Mark Otto's avatar
Mark Otto committed
1702
1703
1704
1705
1706
1707
1708
}

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

.input-group input:last-child,
1709
.input-group-addon:last-child,
1710
1711
1712
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
1713
1714
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
Mark Otto's avatar
Mark Otto committed
1715
1716
1717
1718
1719
1720
}

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

1721
1722
.input-group-btn {
  position: relative;
Mark Otto's avatar
Mark Otto committed
1723
1724
1725
1726
  white-space: nowrap;
}

.input-group-btn > .btn {
1727
  position: relative;
Mark Otto's avatar
Mark Otto committed
1728
1729
1730
1731
  float: left;
}

.input-group-btn > .btn + .btn {
1732
  margin-left: -1px;
Mark Otto's avatar
Mark Otto committed
1733
1734
}

1735
1736
1737
.input-group-btn > .btn:hover,
.input-group-btn > .btn:active {
  z-index: 2;
Mark Otto's avatar
Mark Otto committed
1738
1739
}

Mark Otto's avatar
Mark Otto committed
1740
1741
1742
1743
1744
1745
.form-inline input,
.form-inline select,
.form-inline textarea,
.form-inline .radio,
.form-inline .checkbox {
  display: inline-block;
Mark Otto's avatar
Mark Otto committed
1746
1747
1748
1749
1750
}

.form-inline .radio,
.form-inline .checkbox {
  margin-top: 0;
Mark Otto's avatar
Mark Otto committed
1751
1752
1753
  margin-bottom: 0;
}

Mark Otto's avatar
Mark Otto committed
1754
1755
1756
1757
.form-horizontal .row + .row {
  margin-top: 15px;
}

1758
.form-horizontal .control-label {
Mark Otto's avatar
Mark Otto committed
1759
  padding-top: 6px;
1760
1761
1762
}

@media (min-width: 768px) {
1763
  .form-horizontal .control-label {
1764
1765
    text-align: right;
  }
Mark Otto's avatar
Mark Otto committed
1766
1767
1768
1769
}

.btn {
  display: inline-block;
1770
  padding: 8px 12px;
Mark Otto's avatar
Mark Otto committed
1771
  margin-bottom: 0;
Mark Otto's avatar
Mark Otto committed
1772
  font-size: 14px;
Mark Otto's avatar
Mark Otto committed
1773
  font-weight: 500;
1774
  line-height: 1.428571429;
Mark Otto's avatar
Mark Otto committed
1775
  text-align: center;
1776
  white-space: nowrap;
Mark Otto's avatar
Mark Otto committed
1777
1778
  vertical-align: middle;
  cursor: pointer;
1779
  border: 1px solid transparent;
Mark Otto's avatar
Mark Otto committed
1780
1781
1782
1783
1784
1785
1786
1787
1788
1789
1790
1791
1792
1793
1794
1795
1796
1797
1798
1799
1800
1801
1802
1803
1804
1805
  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 {
1806
  pointer-events: none;
Mark Otto's avatar
Mark Otto committed
1807
1808
1809
1810
1811
1812
1813
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

1814
.btn-default {
Mark Otto's avatar
Mark Otto committed
1815
  color: #ffffff;
Mark Otto's avatar
Mark Otto committed
1816
1817
  background-color: #474949;
  border-color: #474949;
Mark Otto's avatar
Mark Otto committed
1818
1819
}

1820
1821
1822
1823
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
Mark Otto's avatar
Mark Otto committed
1824
1825
  background-color: #3a3c3c;
  border-color: #2e2f2f;
Mark Otto's avatar
Mark Otto committed
1826
1827
}

1828
1829
1830
1831
1832
1833
1834
1835
1836
1837
1838
1839
.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
1840
1841
  background-color: #474949;
  border-color: #474949;
Mark Otto's avatar
Mark Otto committed
1842
1843
1844
}

.btn-primary {
1845
  color: #ffffff;
Mark Otto's avatar
Mark Otto committed
1846
1847
1848
1849
1850
1851
  background-color: #428bca;
  border-color: #428bca;
}

.btn-primary:hover,
.btn-primary:focus,
1852
1853
.btn-primary:active,
.btn-primary.active {
Mark Otto's avatar
Mark Otto committed
1854
1855
1856
1857
1858
1859
1860
1861
1862
1863
1864
1865
  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,
1866
1867
1868
1869
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
1870
1871
1872
1873
1874
  background-color: #428bca;
  border-color: #428bca;
}

.btn-warning {
1875
  color: #ffffff;
Mark Otto's avatar
Mark Otto committed
1876
1877
1878
1879
1880
1881
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-warning:hover,
.btn-warning:focus,
1882
1883
.btn-warning:active,
.btn-warning.active {
Mark Otto's avatar
Mark Otto committed
1884
1885
1886
1887
1888
1889
1890
1891
1892
1893
1894
1895
  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,
1896
1897
1898
1899
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
1900
1901
1902
1903
1904
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-danger {
1905
  color: #ffffff;
Mark Otto's avatar
Mark Otto committed
1906
1907
1908
1909
1910
1911
  background-color: #d9534f;
  border-color: #d9534f;
}

.btn-danger:hover,
.btn-danger:focus,
1912
1913
.btn-danger:active,
.btn-danger.active {
Mark Otto's avatar
Mark Otto committed
1914
1915
1916
1917
1918
1919
1920
1921
1922
1923
1924
1925
  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,
1926
1927
1928
1929
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
1930
1931
1932
1933
1934
  background-color: #d9534f;
  border-color: #d9534f;
}

.btn-success {
1935
  color: #ffffff;
Mark Otto's avatar
Mark Otto committed
1936
1937
1938
1939
1940
1941
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-success:hover,
.btn-success:focus,
1942
1943
.btn-success:active,
.btn-success.active {
Mark Otto's avatar
Mark Otto committed
1944
1945
1946
1947
1948
1949
1950
1951
1952
1953
1954
1955
  background-color: #4cae4c;
  border-color: #449d44;
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
1956
1957
1958
1959
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
Mark Otto's avatar
Mark Otto committed
1960
1961
1962
1963
1964
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-info {
1965
  color: #ffffff;
Mark Otto's avatar
Mark Otto committed
1966
1967
1968
1969
1970
1971
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-info:hover,
.btn-info:focus,
1972
1973
.btn-info:active,
.btn-info.active {
Mark Otto's avatar
Mark Otto committed
1974
1975
1976
1977
1978
1979
1980
1981
1982
1983
1984
1985
  background-color: #46b8da;
  border-color: #31b0d5;
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
1986
1987
1988
1989
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
Mark Otto's avatar
Mark Otto committed
1990
1991
1992
1993
1994
1995
1996
1997
1998
1999
2000
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
For faster browsing, not all history is shown. View entire blame