`, and ``.
74 | // @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
75 | // @font-family-base: @font-family-sans-serif;
76 |
77 | @font-size-base: 14px;
78 | // @font-size-large: ceil((@font-size-base * 1.25)); // ~18px
79 | // @font-size-small: ceil((@font-size-base * 0.85)); // ~12px
80 |
81 | // @font-size-h1: floor((@font-size-base * 2.6)); // ~36px
82 | // @font-size-h2: floor((@font-size-base * 2.15)); // ~30px
83 | // @font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
84 | // @font-size-h4: ceil((@font-size-base * 1.25)); // ~18px
85 | // @font-size-h5: @font-size-base;
86 | // @font-size-h6: ceil((@font-size-base * 0.85)); // ~12px
87 |
88 | // //** Unit-less `line-height` for use in components like buttons.
89 | // @line-height-base: 1.428571429; // 20/14
90 | // //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
91 | // @line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px
92 |
93 | // //** By default, this inherits from the ``.
94 | // @headings-font-family: inherit;
95 | // @headings-font-weight: 500;
96 | // @headings-line-height: 1.1;
97 | // @headings-color: inherit;
98 |
99 |
100 | // //== Iconography
101 | // //
102 | // //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
103 |
104 | // //** Load fonts from this directory.
105 | // @icon-font-path: "../fonts/";
106 | // //** File name for all font files.
107 | // @icon-font-name: "glyphicons-halflings-regular";
108 | // //** Element ID within SVG icon file.
109 | // @icon-font-svg-id: "glyphicons_halflingsregular";
110 |
111 |
112 | // //== Components
113 | // //
114 | // //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
115 |
116 | // @padding-base-vertical: 6px;
117 | // @padding-base-horizontal: 12px;
118 |
119 | // @padding-large-vertical: 10px;
120 | // @padding-large-horizontal: 16px;
121 |
122 | // @padding-small-vertical: 5px;
123 | // @padding-small-horizontal: 10px;
124 |
125 | // @padding-xs-vertical: 1px;
126 | // @padding-xs-horizontal: 5px;
127 |
128 | // @line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome
129 | // @line-height-small: 1.5;
130 |
131 | @border-radius-base: 0px;
132 | @border-radius-large: 0px;
133 | @border-radius-small: 0px;
134 |
135 | // //** Global color for active items (e.g., navs or dropdowns).
136 | // @component-active-color: #fff;
137 | // //** Global background color for active items (e.g., navs or dropdowns).
138 | // @component-active-bg: @brand-primary;
139 |
140 | // //** Width of the `border` for generating carets that indicator dropdowns.
141 | // @caret-width-base: 4px;
142 | // //** Carets increase slightly in size for larger components.
143 | // @caret-width-large: 5px;
144 |
145 |
146 | // //== Tables
147 | // //
148 | // //## Customizes the `.table` component with basic values, each used across all table variations.
149 |
150 | // //** Padding for ``s and ` `s.
151 | // @table-cell-padding: 8px;
152 | // //** Padding for cells in `.table-condensed`.
153 | // @table-condensed-cell-padding: 5px;
154 |
155 | // //** Default background color used for all tables.
156 | // @table-bg: transparent;
157 | // //** Background color used for `.table-striped`.
158 | // @table-bg-accent: #f9f9f9;
159 | // //** Background color used for `.table-hover`.
160 | // @table-bg-hover: #f5f5f5;
161 | // @table-bg-active: @table-bg-hover;
162 |
163 | // //** Border color for table and cell borders.
164 | // @table-border-color: #ddd;
165 |
166 |
167 | // //== Buttons
168 | // //
169 | // //## For each of Bootstrap's buttons, define text, background and border color.
170 |
171 | // @btn-font-weight: normal;
172 |
173 | // @btn-default-color: #333;
174 | // @btn-default-bg: #fff;
175 | // @btn-default-border: #ccc;
176 |
177 | // @btn-primary-color: #fff;
178 | // @btn-primary-bg: @brand-primary;
179 | // @btn-primary-border: darken(@btn-primary-bg, 5%);
180 |
181 | // @btn-success-color: #fff;
182 | // @btn-success-bg: @brand-success;
183 | // @btn-success-border: darken(@btn-success-bg, 5%);
184 |
185 | // @btn-info-color: #fff;
186 | // @btn-info-bg: @brand-info;
187 | // @btn-info-border: darken(@btn-info-bg, 5%);
188 |
189 | // @btn-warning-color: #fff;
190 | // @btn-warning-bg: @brand-warning;
191 | // @btn-warning-border: darken(@btn-warning-bg, 5%);
192 |
193 | // @btn-danger-color: #fff;
194 | // @btn-danger-bg: @brand-danger;
195 | // @btn-danger-border: darken(@btn-danger-bg, 5%);
196 |
197 | // @btn-link-disabled-color: @gray-light;
198 |
199 | // // Allows for customizing button radius independently from global border radius
200 | // @btn-border-radius-base: @border-radius-base;
201 | // @btn-border-radius-large: @border-radius-large;
202 | // @btn-border-radius-small: @border-radius-small;
203 |
204 |
205 | // //== Forms
206 | // //
207 | // //##
208 |
209 | // //** ` ` background color
210 | // @input-bg: #fff;
211 | // //** ` ` background color
212 | // @input-bg-disabled: @gray-lighter;
213 |
214 | // //** Text color for ` `s
215 | // @input-color: @gray;
216 | // //** ` ` border color
217 | // @input-border: #ccc;
218 |
219 | // // TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
220 | // //** Default `.form-control` border radius
221 | // // This has no effect on ``s in some browsers, due to the limited stylability of ``s in CSS.
222 | // @input-border-radius: @border-radius-base;
223 | // //** Large `.form-control` border radius
224 | // @input-border-radius-large: @border-radius-large;
225 | // //** Small `.form-control` border radius
226 | // @input-border-radius-small: @border-radius-small;
227 |
228 | // //** Border color for inputs on focus
229 | // @input-border-focus: #66afe9;
230 |
231 | // //** Placeholder text color
232 | // @input-color-placeholder: #999;
233 |
234 | // //** Default `.form-control` height
235 | // @input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
236 | // //** Large `.form-control` height
237 | // @input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
238 | // //** Small `.form-control` height
239 | // @input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
240 |
241 | // //** `.form-group` margin
242 | // @form-group-margin-bottom: 15px;
243 |
244 | // @legend-color: @gray-dark;
245 | // @legend-border-color: #e5e5e5;
246 |
247 | // //** Background color for textual input addons
248 | // @input-group-addon-bg: @gray-lighter;
249 | // //** Border color for textual input addons
250 | // @input-group-addon-border-color: @input-border;
251 |
252 | // //** Disabled cursor for form controls and buttons.
253 | // @cursor-disabled: not-allowed;
254 |
255 |
256 | // //== Dropdowns
257 | // //
258 | // //## Dropdown menu container and contents.
259 |
260 | // //** Background for the dropdown menu.
261 | // @dropdown-bg: #fff;
262 | // //** Dropdown menu `border-color`.
263 | // @dropdown-border: rgba(0,0,0,.15);
264 | // //** Dropdown menu `border-color` **for IE8**.
265 | // @dropdown-fallback-border: #ccc;
266 | // //** Divider color for between dropdown items.
267 | // @dropdown-divider-bg: #e5e5e5;
268 |
269 | // //** Dropdown link text color.
270 | // @dropdown-link-color: @gray-dark;
271 | // //** Hover color for dropdown links.
272 | // @dropdown-link-hover-color: darken(@gray-dark, 5%);
273 | // //** Hover background for dropdown links.
274 | // @dropdown-link-hover-bg: #f5f5f5;
275 |
276 | // //** Active dropdown menu item text color.
277 | // @dropdown-link-active-color: @component-active-color;
278 | // //** Active dropdown menu item background color.
279 | // @dropdown-link-active-bg: @component-active-bg;
280 |
281 | // //** Disabled dropdown menu item background color.
282 | // @dropdown-link-disabled-color: @gray-light;
283 |
284 | // //** Text color for headers within dropdown menus.
285 | // @dropdown-header-color: @gray-light;
286 |
287 | // //** Deprecated `@dropdown-caret-color` as of v3.1.0
288 | // @dropdown-caret-color: #000;
289 |
290 |
291 | // //-- Z-index master list
292 | // //
293 | // // Warning: Avoid customizing these values. They're used for a bird's eye view
294 | // // of components dependent on the z-axis and are designed to all work together.
295 | // //
296 | // // Note: These variables are not generated into the Customizer.
297 |
298 | // @zindex-navbar: 1000;
299 | // @zindex-dropdown: 1000;
300 | // @zindex-popover: 1060;
301 | // @zindex-tooltip: 1070;
302 | // @zindex-navbar-fixed: 1030;
303 | // @zindex-modal-background: 1040;
304 | // @zindex-modal: 1050;
305 |
306 |
307 | // //== Media queries breakpoints
308 | // //
309 | // //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
310 |
311 | // // Extra small screen / phone
312 | // //** Deprecated `@screen-xs` as of v3.0.1
313 | // @screen-xs: 480px;
314 | // //** Deprecated `@screen-xs-min` as of v3.2.0
315 | // @screen-xs-min: @screen-xs;
316 | // //** Deprecated `@screen-phone` as of v3.0.1
317 | // @screen-phone: @screen-xs-min;
318 |
319 | // // Small screen / tablet
320 | // //** Deprecated `@screen-sm` as of v3.0.1
321 | // @screen-sm: 768px;
322 | // @screen-sm-min: @screen-sm;
323 | // //** Deprecated `@screen-tablet` as of v3.0.1
324 | // @screen-tablet: @screen-sm-min;
325 |
326 | // // Medium screen / desktop
327 | // //** Deprecated `@screen-md` as of v3.0.1
328 | // @screen-md: 992px;
329 | // @screen-md-min: @screen-md;
330 | // //** Deprecated `@screen-desktop` as of v3.0.1
331 | // @screen-desktop: @screen-md-min;
332 |
333 | // // Large screen / wide desktop
334 | // //** Deprecated `@screen-lg` as of v3.0.1
335 | // @screen-lg: 1200px;
336 | // @screen-lg-min: @screen-lg;
337 | // //** Deprecated `@screen-lg-desktop` as of v3.0.1
338 | // @screen-lg-desktop: @screen-lg-min;
339 |
340 | // // So media queries don't overlap when required, provide a maximum
341 | // @screen-xs-max: (@screen-sm-min - 1);
342 | // @screen-sm-max: (@screen-md-min - 1);
343 | // @screen-md-max: (@screen-lg-min - 1);
344 |
345 |
346 | // //== Grid system
347 | // //
348 | // //## Define your custom responsive grid.
349 |
350 | // //** Number of columns in the grid.
351 | // @grid-columns: 12;
352 | // //** Padding between columns. Gets divided in half for the left and right.
353 | // @grid-gutter-width: 30px;
354 | // // Navbar collapse
355 | // //** Point at which the navbar becomes uncollapsed.
356 | // @grid-float-breakpoint: @screen-sm-min;
357 | // //** Point at which the navbar begins collapsing.
358 | // @grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
359 |
360 |
361 | // //== Container sizes
362 | // //
363 | // //## Define the maximum width of `.container` for different screen sizes.
364 |
365 | // // Small screen / tablet
366 | // @container-tablet: (720px + @grid-gutter-width);
367 | // //** For `@screen-sm-min` and up.
368 | // @container-sm: @container-tablet;
369 |
370 | // // Medium screen / desktop
371 | // @container-desktop: (940px + @grid-gutter-width);
372 | // //** For `@screen-md-min` and up.
373 | // @container-md: @container-desktop;
374 |
375 | // // Large screen / wide desktop
376 | // @container-large-desktop: (1140px + @grid-gutter-width);
377 | // //** For `@screen-lg-min` and up.
378 | // @container-lg: @container-large-desktop;
379 |
380 |
381 | // //== Navbar
382 | // //
383 | // //##
384 |
385 | // // Basics of a navbar
386 | // @navbar-height: 50px;
387 | // @navbar-margin-bottom: @line-height-computed;
388 | // @navbar-border-radius: @border-radius-base;
389 | // @navbar-padding-horizontal: floor((@grid-gutter-width / 2));
390 | // @navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
391 | // @navbar-collapse-max-height: 340px;
392 |
393 | // @navbar-default-color: #777;
394 | // @navbar-default-bg: #f8f8f8;
395 | // @navbar-default-border: darken(@navbar-default-bg, 6.5%);
396 |
397 | // // Navbar links
398 | // @navbar-default-link-color: #777;
399 | // @navbar-default-link-hover-color: #333;
400 | // @navbar-default-link-hover-bg: transparent;
401 | // @navbar-default-link-active-color: #555;
402 | // @navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);
403 | // @navbar-default-link-disabled-color: #ccc;
404 | // @navbar-default-link-disabled-bg: transparent;
405 |
406 | // // Navbar brand label
407 | // @navbar-default-brand-color: @navbar-default-link-color;
408 | // @navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%);
409 | // @navbar-default-brand-hover-bg: transparent;
410 |
411 | // // Navbar toggle
412 | // @navbar-default-toggle-hover-bg: #ddd;
413 | // @navbar-default-toggle-icon-bar-bg: #888;
414 | // @navbar-default-toggle-border-color: #ddd;
415 |
416 |
417 | // //=== Inverted navbar
418 | // // Reset inverted navbar basics
419 | // @navbar-inverse-color: lighten(@gray-light, 15%);
420 | // @navbar-inverse-bg: #222;
421 | // @navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
422 |
423 | // // Inverted navbar links
424 | // @navbar-inverse-link-color: lighten(@gray-light, 15%);
425 | // @navbar-inverse-link-hover-color: #fff;
426 | // @navbar-inverse-link-hover-bg: transparent;
427 | // @navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
428 | // @navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
429 | // @navbar-inverse-link-disabled-color: #444;
430 | // @navbar-inverse-link-disabled-bg: transparent;
431 |
432 | // // Inverted navbar brand label
433 | // @navbar-inverse-brand-color: @navbar-inverse-link-color;
434 | // @navbar-inverse-brand-hover-color: #fff;
435 | // @navbar-inverse-brand-hover-bg: transparent;
436 |
437 | // // Inverted navbar toggle
438 | // @navbar-inverse-toggle-hover-bg: #333;
439 | // @navbar-inverse-toggle-icon-bar-bg: #fff;
440 | // @navbar-inverse-toggle-border-color: #333;
441 |
442 |
443 | // //== Navs
444 | // //
445 | // //##
446 |
447 | // //=== Shared nav styles
448 | // @nav-link-padding: 10px 15px;
449 | // @nav-link-hover-bg: @gray-lighter;
450 |
451 | // @nav-disabled-link-color: @gray-light;
452 | // @nav-disabled-link-hover-color: @gray-light;
453 |
454 | // //== Tabs
455 | // @nav-tabs-border-color: #ddd;
456 |
457 | // @nav-tabs-link-hover-border-color: @gray-lighter;
458 |
459 | // @nav-tabs-active-link-hover-bg: @body-bg;
460 | // @nav-tabs-active-link-hover-color: @gray;
461 | // @nav-tabs-active-link-hover-border-color: #ddd;
462 |
463 | // @nav-tabs-justified-link-border-color: #ddd;
464 | // @nav-tabs-justified-active-link-border-color: @body-bg;
465 |
466 | // //== Pills
467 | // @nav-pills-border-radius: @border-radius-base;
468 | // @nav-pills-active-link-hover-bg: @component-active-bg;
469 | // @nav-pills-active-link-hover-color: @component-active-color;
470 |
471 |
472 | // //== Pagination
473 | // //
474 | // //##
475 |
476 | // @pagination-color: @link-color;
477 | // @pagination-bg: #fff;
478 | // @pagination-border: #ddd;
479 |
480 | // @pagination-hover-color: @link-hover-color;
481 | // @pagination-hover-bg: @gray-lighter;
482 | // @pagination-hover-border: #ddd;
483 |
484 | // @pagination-active-color: #fff;
485 | // @pagination-active-bg: @brand-primary;
486 | // @pagination-active-border: @brand-primary;
487 |
488 | // @pagination-disabled-color: @gray-light;
489 | // @pagination-disabled-bg: #fff;
490 | // @pagination-disabled-border: #ddd;
491 |
492 |
493 | // //== Pager
494 | // //
495 | // //##
496 |
497 | // @pager-bg: @pagination-bg;
498 | // @pager-border: @pagination-border;
499 | // @pager-border-radius: 15px;
500 |
501 | // @pager-hover-bg: @pagination-hover-bg;
502 |
503 | // @pager-active-bg: @pagination-active-bg;
504 | // @pager-active-color: @pagination-active-color;
505 |
506 | // @pager-disabled-color: @pagination-disabled-color;
507 |
508 |
509 | // //== Jumbotron
510 | // //
511 | // //##
512 |
513 | // @jumbotron-padding: 30px;
514 | // @jumbotron-color: inherit;
515 | // @jumbotron-bg: @gray-lighter;
516 | // @jumbotron-heading-color: inherit;
517 | // @jumbotron-font-size: ceil((@font-size-base * 1.5));
518 | // @jumbotron-heading-font-size: ceil((@font-size-base * 4.5));
519 |
520 |
521 | // //== Form states and alerts
522 | // //
523 | // //## Define colors for form feedback states and, by default, alerts.
524 |
525 | // @state-success-text: #3c763d;
526 | // @state-success-bg: #dff0d8;
527 | // @state-success-border: darken(spin(@state-success-bg, -10), 5%);
528 |
529 | // @state-info-text: #31708f;
530 | // @state-info-bg: #d9edf7;
531 | // @state-info-border: darken(spin(@state-info-bg, -10), 7%);
532 |
533 | // @state-warning-text: #8a6d3b;
534 | // @state-warning-bg: #fcf8e3;
535 | // @state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
536 |
537 | // @state-danger-text: #a94442;
538 | // @state-danger-bg: #f2dede;
539 | // @state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
540 |
541 |
542 | // //== Tooltips
543 | // //
544 | // //##
545 |
546 | // //** Tooltip max width
547 | // @tooltip-max-width: 200px;
548 | // //** Tooltip text color
549 | // @tooltip-color: #fff;
550 | // //** Tooltip background color
551 | // @tooltip-bg: #000;
552 | // @tooltip-opacity: .9;
553 |
554 | // //** Tooltip arrow width
555 | // @tooltip-arrow-width: 5px;
556 | // //** Tooltip arrow color
557 | // @tooltip-arrow-color: @tooltip-bg;
558 |
559 |
560 | // //== Popovers
561 | // //
562 | // //##
563 |
564 | // //** Popover body background color
565 | // @popover-bg: #fff;
566 | // //** Popover maximum width
567 | // @popover-max-width: 276px;
568 | // //** Popover border color
569 | // @popover-border-color: rgba(0,0,0,.2);
570 | // //** Popover fallback border color
571 | // @popover-fallback-border-color: #ccc;
572 |
573 | // //** Popover title background color
574 | // @popover-title-bg: darken(@popover-bg, 3%);
575 |
576 | // //** Popover arrow width
577 | // @popover-arrow-width: 10px;
578 | // //** Popover arrow color
579 | // @popover-arrow-color: @popover-bg;
580 |
581 | // //** Popover outer arrow width
582 | // @popover-arrow-outer-width: (@popover-arrow-width + 1);
583 | // //** Popover outer arrow color
584 | // @popover-arrow-outer-color: fadein(@popover-border-color, 5%);
585 | // //** Popover outer arrow fallback color
586 | // @popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%);
587 |
588 |
589 | // //== Labels
590 | // //
591 | // //##
592 |
593 | // //** Default label background color
594 | // @label-default-bg: @gray-light;
595 | // //** Primary label background color
596 | // @label-primary-bg: @brand-primary;
597 | // //** Success label background color
598 | // @label-success-bg: @brand-success;
599 | // //** Info label background color
600 | // @label-info-bg: @brand-info;
601 | // //** Warning label background color
602 | // @label-warning-bg: @brand-warning;
603 | // //** Danger label background color
604 | // @label-danger-bg: @brand-danger;
605 |
606 | // //** Default label text color
607 | // @label-color: #fff;
608 | // //** Default text color of a linked label
609 | // @label-link-hover-color: #fff;
610 |
611 |
612 | // //== Modals
613 | // //
614 | // //##
615 |
616 | // //** Padding applied to the modal body
617 | // @modal-inner-padding: 15px;
618 |
619 | // //** Padding applied to the modal title
620 | // @modal-title-padding: 15px;
621 | // //** Modal title line-height
622 | // @modal-title-line-height: @line-height-base;
623 |
624 | // //** Background color of modal content area
625 | // @modal-content-bg: #fff;
626 | // //** Modal content border color
627 | // @modal-content-border-color: rgba(0,0,0,.2);
628 | // //** Modal content border color **for IE8**
629 | // @modal-content-fallback-border-color: #999;
630 |
631 | // //** Modal backdrop background color
632 | // @modal-backdrop-bg: #000;
633 | // //** Modal backdrop opacity
634 | // @modal-backdrop-opacity: .5;
635 | // //** Modal header border color
636 | // @modal-header-border-color: #e5e5e5;
637 | // //** Modal footer border color
638 | // @modal-footer-border-color: @modal-header-border-color;
639 |
640 | // @modal-lg: 900px;
641 | // @modal-md: 600px;
642 | // @modal-sm: 300px;
643 |
644 |
645 | // //== Alerts
646 | // //
647 | // //## Define alert colors, border radius, and padding.
648 |
649 | // @alert-padding: 15px;
650 | // @alert-border-radius: @border-radius-base;
651 | // @alert-link-font-weight: bold;
652 |
653 | // @alert-success-bg: @state-success-bg;
654 | // @alert-success-text: @state-success-text;
655 | // @alert-success-border: @state-success-border;
656 |
657 | // @alert-info-bg: @state-info-bg;
658 | // @alert-info-text: @state-info-text;
659 | // @alert-info-border: @state-info-border;
660 |
661 | // @alert-warning-bg: @state-warning-bg;
662 | // @alert-warning-text: @state-warning-text;
663 | // @alert-warning-border: @state-warning-border;
664 |
665 | // @alert-danger-bg: @state-danger-bg;
666 | // @alert-danger-text: @state-danger-text;
667 | // @alert-danger-border: @state-danger-border;
668 |
669 |
670 | // //== Progress bars
671 | // //
672 | // //##
673 |
674 | // //** Background color of the whole progress component
675 | @progress-bg: @bg-complement;
676 | // //** Progress bar text color
677 | // @progress-bar-color: #fff;
678 | // //** Variable for setting rounded corners on progress bar.
679 | // @progress-border-radius: @border-radius-base;
680 |
681 | // //** Default progress bar color
682 | // @progress-bar-bg: @brand-primary;
683 | // //** Success progress bar color
684 | // @progress-bar-success-bg: @brand-success;
685 | // //** Warning progress bar color
686 | // @progress-bar-warning-bg: @brand-warning;
687 | // //** Danger progress bar color
688 | // @progress-bar-danger-bg: @brand-danger;
689 | // //** Info progress bar color
690 | // @progress-bar-info-bg: @brand-info;
691 |
692 |
693 | // //== List group
694 | // //
695 | // //##
696 |
697 | // //** Background color on `.list-group-item`
698 | // @list-group-bg: #fff;
699 | // //** `.list-group-item` border color
700 | // @list-group-border: #ddd;
701 | // //** List group border radius
702 | // @list-group-border-radius: @border-radius-base;
703 |
704 | // //** Background color of single list items on hover
705 | // @list-group-hover-bg: #f5f5f5;
706 | // //** Text color of active list items
707 | // @list-group-active-color: @component-active-color;
708 | // //** Background color of active list items
709 | // @list-group-active-bg: @component-active-bg;
710 | // //** Border color of active list elements
711 | // @list-group-active-border: @list-group-active-bg;
712 | // //** Text color for content within active list items
713 | // @list-group-active-text-color: lighten(@list-group-active-bg, 40%);
714 |
715 | // //** Text color of disabled list items
716 | // @list-group-disabled-color: @gray-light;
717 | // //** Background color of disabled list items
718 | // @list-group-disabled-bg: @gray-lighter;
719 | // //** Text color for content within disabled list items
720 | // @list-group-disabled-text-color: @list-group-disabled-color;
721 |
722 | // @list-group-link-color: #555;
723 | // @list-group-link-hover-color: @list-group-link-color;
724 | // @list-group-link-heading-color: #333;
725 |
726 |
727 | // //== Panels
728 | // //
729 | // //##
730 |
731 | // @panel-bg: #fff;
732 | // @panel-body-padding: 15px;
733 | // @panel-heading-padding: 10px 15px;
734 | // @panel-footer-padding: @panel-heading-padding;
735 | // @panel-border-radius: @border-radius-base;
736 |
737 | // //** Border color for elements within panels
738 | // @panel-inner-border: #ddd;
739 | // @panel-footer-bg: #f5f5f5;
740 |
741 | // @panel-default-text: @gray-dark;
742 | // @panel-default-border: #ddd;
743 | // @panel-default-heading-bg: #f5f5f5;
744 |
745 | // @panel-primary-text: #fff;
746 | // @panel-primary-border: @brand-primary;
747 | // @panel-primary-heading-bg: @brand-primary;
748 |
749 | // @panel-success-text: @state-success-text;
750 | // @panel-success-border: @state-success-border;
751 | // @panel-success-heading-bg: @state-success-bg;
752 |
753 | // @panel-info-text: @state-info-text;
754 | // @panel-info-border: @state-info-border;
755 | // @panel-info-heading-bg: @state-info-bg;
756 |
757 | // @panel-warning-text: @state-warning-text;
758 | // @panel-warning-border: @state-warning-border;
759 | // @panel-warning-heading-bg: @state-warning-bg;
760 |
761 | // @panel-danger-text: @state-danger-text;
762 | // @panel-danger-border: @state-danger-border;
763 | // @panel-danger-heading-bg: @state-danger-bg;
764 |
765 |
766 | // //== Thumbnails
767 | // //
768 | // //##
769 |
770 | // //** Padding around the thumbnail image
771 | // @thumbnail-padding: 4px;
772 | // //** Thumbnail background color
773 | // @thumbnail-bg: @body-bg;
774 | // //** Thumbnail border color
775 | // @thumbnail-border: #ddd;
776 | // //** Thumbnail border radius
777 | // @thumbnail-border-radius: @border-radius-base;
778 |
779 | // //** Custom text color for thumbnail captions
780 | // @thumbnail-caption-color: @text-color;
781 | // //** Padding around the thumbnail caption
782 | // @thumbnail-caption-padding: 9px;
783 |
784 |
785 | // //== Wells
786 | // //
787 | // //##
788 |
789 | // @well-bg: #f5f5f5;
790 | // @well-border: darken(@well-bg, 7%);
791 |
792 |
793 | // //== Badges
794 | // //
795 | // //##
796 |
797 | // @badge-color: #fff;
798 | // //** Linked badge text color on hover
799 | // @badge-link-hover-color: #fff;
800 | // @badge-bg: @gray-light;
801 |
802 | // //** Badge text color in active nav link
803 | // @badge-active-color: @link-color;
804 | // //** Badge background color in active nav link
805 | // @badge-active-bg: #fff;
806 |
807 | // @badge-font-weight: bold;
808 | // @badge-line-height: 1;
809 | // @badge-border-radius: 10px;
810 |
811 |
812 | // //== Breadcrumbs
813 | // //
814 | // //##
815 |
816 | // @breadcrumb-padding-vertical: 8px;
817 | // @breadcrumb-padding-horizontal: 15px;
818 | // //** Breadcrumb background color
819 | // @breadcrumb-bg: #f5f5f5;
820 | // //** Breadcrumb text color
821 | // @breadcrumb-color: #ccc;
822 | // //** Text color of current page in the breadcrumb
823 | // @breadcrumb-active-color: @gray-light;
824 | // //** Textual separator for between breadcrumb elements
825 | // @breadcrumb-separator: "/";
826 |
827 |
828 | // //== Carousel
829 | // //
830 | // //##
831 |
832 | // @carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
833 |
834 | // @carousel-control-color: #fff;
835 | // @carousel-control-width: 15%;
836 | // @carousel-control-opacity: .5;
837 | // @carousel-control-font-size: 20px;
838 |
839 | // @carousel-indicator-active-bg: #fff;
840 | // @carousel-indicator-border-color: #fff;
841 |
842 | // @carousel-caption-color: #fff;
843 |
844 |
845 | // //== Close
846 | // //
847 | // //##
848 |
849 | // @close-font-weight: bold;
850 | // @close-color: #000;
851 | // @close-text-shadow: 0 1px 0 #fff;
852 |
853 |
854 | // //== Code
855 | // //
856 | // //##
857 |
858 | // @code-color: #c7254e;
859 | // @code-bg: #f9f2f4;
860 |
861 | // @kbd-color: #fff;
862 | // @kbd-bg: #333;
863 |
864 | // @pre-bg: #f5f5f5;
865 | // @pre-color: @gray-dark;
866 | // @pre-border-color: #ccc;
867 | // @pre-scrollable-max-height: 340px;
868 |
869 |
870 | // //== Type
871 | // //
872 | // //##
873 |
874 | // //** Horizontal offset for forms and lists.
875 | // @component-offset-horizontal: 180px;
876 | // //** Text muted color
877 | // @text-muted: @gray-light;
878 | // //** Abbreviations and acronyms border color
879 | // @abbr-border-color: @gray-light;
880 | // //** Headings small color
881 | // @headings-small-color: @gray-light;
882 | // //** Blockquote small color
883 | // @blockquote-small-color: @gray-light;
884 | // //** Blockquote font size
885 | // @blockquote-font-size: (@font-size-base * 1.25);
886 | // //** Blockquote border color
887 | // @blockquote-border-color: @gray-lighter;
888 | // //** Page header border color
889 | // @page-header-border-color: @gray-lighter;
890 | // //** Width of horizontal description list titles
891 | // @dl-horizontal-offset: @component-offset-horizontal;
892 | // //** Horizontal line color.
893 | // @hr-border: @gray-lighter;
894 |
--------------------------------------------------------------------------------