docs.css 71.1 KB
Newer Older
1001
1002
1003
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
1004
  border-radius: 4px;
Mark Otto's avatar
Mark Otto committed
1005
}
Mark Otto's avatar
Mark Otto committed
1006
1007
1008
1009
.visible-on .col-xs-6 .hidden-xs,
.visible-on .col-xs-6 .hidden-sm,
.visible-on .col-xs-6 .hidden-md,
.visible-on .col-xs-6 .hidden-lg,
1010
1011
1012
1013
.hidden-on .col-xs-6 .hidden-xs,
.hidden-on .col-xs-6 .hidden-sm,
.hidden-on .col-xs-6 .hidden-md,
.hidden-on .col-xs-6 .hidden-lg {
1014
1015
1016
  color: #999;
  border: 1px solid #ddd;
}
Mark Otto's avatar
Mark Otto committed
1017
1018
1019
1020
.visible-on .col-xs-6 .visible-xs,
.visible-on .col-xs-6 .visible-sm,
.visible-on .col-xs-6 .visible-md,
.visible-on .col-xs-6 .visible-lg,
1021
1022
1023
1024
.hidden-on .col-xs-6 .visible-xs,
.hidden-on .col-xs-6 .visible-sm,
.hidden-on .col-xs-6 .visible-md,
.hidden-on .col-xs-6 .visible-lg {
Mark Otto's avatar
Mark Otto committed
1025
1026
1027
1028
1029
1030
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}


Mark Otto's avatar
Mark Otto committed
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
/*
 * Glyphicons
 *
 * Special styles for displaying the icons and their classes in the docs.
 */

.bs-glyphicons {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}
.bs-glyphicons li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  margin: 0 -1px -1px 0;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  border: 1px solid #ddd;
}
.bs-glyphicons .glyphicon {
1056
1057
  margin-top: 5px;
  margin-bottom: 10px;
Mark Otto's avatar
Mark Otto committed
1058
1059
  font-size: 24px;
}
1060
1061
1062
1063
.bs-glyphicons .glyphicon-class {
  display: block;
  text-align: center;
}
Mark Otto's avatar
Mark Otto committed
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
.bs-glyphicons li:hover {
  background-color: rgba(86,61,124,.1);
}

@media (min-width: 768px) {
  .bs-glyphicons li {
    width: 12.5%;
  }
}


Mark Otto's avatar
Mark Otto committed
1075
1076
1077
1078
1079
1080
1081
/*
 * Customizer
 *
 * Since this is so form control heavy, we have quite a few styles to customize
 * the display of inputs, headings, and more. Also included are all the download
 * buttons and actions.
 */
Mark Otto's avatar
Mark Otto committed
1082

Mark Otto's avatar
Mark Otto committed
1083
1084
.bs-customizer .toggle {
  float: right;
Mark Otto's avatar
Mark Otto committed
1085
  margin-top: 85px; /* On account of ghetto navbar fix */
Mark Otto's avatar
Mark Otto committed
1086
}
Mark Otto's avatar
Mark Otto committed
1087

Mark Otto's avatar
Mark Otto committed
1088
1089
1090
1091
/* Headings and form contrls */
.bs-customizer label {
  margin-top: 10px;
  font-weight: 500;
1092
  color: #555;
Mark Otto's avatar
Mark Otto committed
1093
}
Mark Otto's avatar
Mark Otto committed
1094
1095
1096
1097
.bs-customizer h2 {
  margin-top: 0;
  margin-bottom: 5px;
  padding-top: 30px;
Mark Otto's avatar
Mark Otto committed
1098
}
1099
1100
1101
1102
.bs-customizer h3 {
  margin-bottom: 0;
}
.bs-customizer h4 {
Mark Otto's avatar
Mark Otto committed
1103
  margin-top: 15px;
1104
1105
1106
1107
  margin-bottom: 0;
}
.bs-customizer .bs-callout h4 {
  margin-top: 0; /* lame, but due to specificity we have to duplicate */
Heinrich Fenkart's avatar
Heinrich Fenkart committed
1108
  margin-bottom: 5px;
Mark Otto's avatar
Mark Otto committed
1109
}
Mark Otto's avatar
Mark Otto committed
1110
1111
1112
.bs-customizer input[type="text"] {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  background-color: #fafafa;
Mark Otto's avatar
Mark Otto committed
1113
}
Mark Otto's avatar
Mark Otto committed
1114
1115
.bs-customizer .help-block {
  font-size: 12px;
1116
  margin-bottom: 5px;
Mark Otto's avatar
Mark Otto committed
1117
1118
}

Mark Otto's avatar
Mark Otto committed
1119
1120
1121
/* For the variables, use regular weight */
#less-section label {
  font-weight: normal;
Mark Otto's avatar
Mark Otto committed
1122
}
Mark Otto's avatar
Mark Otto committed
1123
1124

/* Downloads */
Mark Otto's avatar
Mark Otto committed
1125
1126
.bs-customize-download .btn-outline {
  padding: 20px;
Mark Otto's avatar
Mark Otto committed
1127
}
Mark Otto's avatar
Mark Otto committed
1128
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
1140

/* Error handling */
.bs-customizer-alert {
  position: fixed;
  top: 51px;
  left: 0;
  right: 0;
  z-index: 1030;
  padding: 15px 0;
  color: #fff;
  background-color: #d9534f;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
  border-bottom: 1px solid #b94441;
Mark Otto's avatar
Mark Otto committed
1141
}
Mark Otto's avatar
Mark Otto committed
1142
.bs-customizer-alert .close {
1143
1144
  margin-top: -4px;
  font-size: 24px;
Mark Otto's avatar
Mark Otto committed
1145
}
Mark Otto's avatar
Mark Otto committed
1146
1147
.bs-customizer-alert p {
  margin-bottom: 0;
1148
}
1149
.bs-customizer-alert .glyphicon {
1150
1151
1152
1153
1154
1155
1156
1157
  margin-right: 5px;
}
.bs-customizer-alert pre {
  margin: 10px 0 0;
  color: #fff;
  background-color: #a83c3a;
  border-color: #973634;
  box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
1158
}
Mark Otto's avatar
Mark Otto committed
1159
1160


Mark Otto's avatar
Mark Otto committed
1161
1162
1163
1164
1165
/*
 * Miscellaneous
 *
 * Odds and ends for optimum docs display.
 */
Mark Otto's avatar
Mark Otto committed
1166

1167
1168
1169
1170
1171
 /* About page */
 .bs-about {
  font-size: 16px;
 }

Mark Otto's avatar
Mark Otto committed
1172
1173
1174
1175
1176
1177
1178
/* Examples gallery: space out content better */
.bs-examples h4 {
  margin-bottom: 5px;
}
.bs-examples p {
  margin-bottom: 20px;
}
Mark Otto's avatar
Mark Otto committed
1179
1180

/* Pseudo :focus state for showing how it looks in the docs */
1181
#focusedInput {
Mark Otto's avatar
Mark Otto committed
1182
1183
1184
1185
1186
1187
1188
  border-color: rgba(82,168,236,.8);
  outline: 0;
  outline: thin dotted \9; /* IE6-9 */
  -moz-box-shadow: 0 0 8px rgba(82,168,236,.6);
       box-shadow: 0 0 8px rgba(82,168,236,.6);
}

Mark Otto's avatar
Mark Otto committed
1189
1190
1191
1192
/* Better spacing on download options in getting started */
.bs-docs-dl-options h4 {
  margin-top: 15px;
  margin-bottom: 5px;
Mark Otto's avatar
Mark Otto committed
1193
}
For faster browsing, not all history is shown. View entire blame