ui/assets/css/themes/_variables.bootstra_386-tmp.scss

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