ext/greenwich/scss/_greenwich.scss

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