3 // -----------------------------------------------------
7 // -----------------------------------------------------
9 @import url('//fonts.googleapis.com/css?family=Lobster|Cabin:400,700');
15 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
16 font-family: @baseFontFamily;
21 background-color: rgba(255, 255, 255, 0.3);
27 border-left-color: lighten(#147E88, 12%);
30 border-right-color: lighten(#147E88, 12%);
34 color: rgba(255, 255, 255, 0.6);
39 color: rgba(255, 255, 255, 0.5);
43 // -----------------------------------------------------
46 #gradient > .radial(lighten(#0F8790, 7%), #0F8790);
50 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
55 border-bottom: 0px solid transparent;
59 // -----------------------------------------------------
68 padding: 15px 20px 14px;
69 font-family: @headingsFontFamily;
81 .nav > .active > a:hover,
82 .navbar .nav > .active > a:focus {
90 .navbar-search .search-query {
97 margin: 17px 15px 14px;
108 .dropdown-menu li > a:hover,
109 .dropdown-menu li > a:focus,
110 .dropdown-submenu:hover > a {
111 background-image: none;
112 background-color: @yellow;
117 @media (max-width: @navbarCollapseWidth) {
119 .navbar .nav-collapse {
127 background-color: lighten(@navbarBackground, 10%);
131 .dropdown-menu li > a:hover,
132 .dropdown-menu li > a:focus,
133 .dropdown-submenu:hover > a {
134 background-image: none;
143 .navbar-search .search-query {
144 border: 2px solid @textColor;
148 color: rgba(255, 255, 255, 0.5);
152 .navbar-inverse .nav-collapse {
155 .dropdown-menu a:hover {
156 background-color: lighten(@navbarInverseBackground, 10%) !important;
164 background: rgba(42, 99, 105, 0.9) none;
171 border-color: transparent;
174 .nav > li:first-child > a,
175 .nav > li:first-child > a:hover {
180 background-color: rgba(255, 255, 255, 0.4);
181 border-color: transparent;
187 .nav > .active > a:hover, {
188 border-right-color: transparent;
189 background-color: rgba(255, 255, 255, 0.4);
194 border-color: transparent;
195 background-color: rgba(255, 255, 255, 0.4);
199 top: @navbarHeight + 1;
205 // -----------------------------------------------------
207 .nav-tabs li.open > .dropdown-toggle,
208 .nav-pills li.open > .dropdown-toggle {
209 background-color: #8AD5DC;
211 border-color: transparent;
214 .nav-tabs, .nav-pills {
215 border-color: transparent;
218 border-color: transparent;
224 li.active > a:hover {
230 li.active > a:hover {
231 background-color: #8AD5DC;
232 border-color: transparent;
237 .nav-tabs, .nav-tabs > li > a {
238 border-bottom: 1px solid rgba(255, 255, 255, 0.5);
242 background-color: #3CB9C6;
245 .nav-tabs.nav-stacked {
255 li.active > a:hover {
256 border-color: transparent;
273 li.active > a:hover {
274 background-color: #8AD5DC;
279 background-color: rgba(255, 255, 255, 0.3);
284 .breadcrumb, .pager > li > a {
285 border-color: transparent;
292 background-color: #3CB9C6;
293 background-image: none;
311 background-color: @paginationBackground;
312 background-image: none;
317 background-color: rgba(255, 255, 255, 0.4);
321 ul > li:first-child > a,
322 ul > li:last-child > a {
327 ul > .disabled > a:hover,
328 ul > .disabled > span,
329 ul > .disabled > span:hover {
334 ul > .active > a:hover,
336 ul > .active > span:hover {
337 background-color: rgba(255, 255, 255, 0.4);
345 background-color: #3CB9C6;
348 background-color: #8AD5DC;
354 background-color: #3CB9C6;
360 // -----------------------------------------------------
362 .buttonBackgroundCustom(@color) {
364 background-color: @color;
365 border-color: transparent;
367 &:hover, &:active, &.active, &.disabled, &[disabled] {
368 background-color: darken(@color, 5%);
373 background-color: darken(@color, 15%);
377 // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
380 background-color: darken(@color, 15%) e("\9");
387 background-image: none;
390 .buttonBackgroundCustom(@btnBackground)
393 .btn-group .btn:first-child {
398 .btn-group .btn:last-child,
399 .btn-group .dropdown-toggle {
403 .btn-group .dropdown-toggle,
404 .btn-group.open .dropdown-toggle,
405 .btn.open .dropdown-toggle {
410 .buttonBackgroundCustom(@btnPrimaryBackground);
414 .buttonBackgroundCustom(@btnInfoBackground);
418 .buttonBackgroundCustom(@btnSuccessBackground);
422 .buttonBackgroundCustom(@btnWarningBackground);
426 .buttonBackgroundCustom(@btnDangerBackground);
430 .buttonBackgroundCustom(@btnInverseBackground);
434 .buttonBackgroundCustom(@btnPrimaryBackground);
437 [class^="icon-"], [class*=" icon-"] {
442 .btn-small [class^="icon-"] {
446 .add-on [class^="icon-"] {
451 // -----------------------------------------------------
453 .table th, .table td,
454 .table tbody + tbody {
455 border-top: 0px solid transparent;
465 background-color: @green;
469 background-color: @red;
473 background-color: @blue;
478 // -----------------------------------------------------
481 font-family: @headingsFontFamily;
484 legend, label, .help-block, .input-file {
486 border: 0px solid transparent;
489 input, textarea, .uneditable-input {
490 border: 0px solid transparent;
495 padding-bottom: 30px;
499 border: 0px solid transparent;
506 input, textarea, .search-query, .uneditable-input,
507 .input-append input, .input-append .uneditable-input,
508 .input-prepend input, .input-prepend .uneditable-input {
509 border-color: transparent;
514 border-top: 0px solid transparent;
517 .control-group.warning > label,
518 .control-group.warning .help-inline {
519 color: lighten(@orange, 30%);
522 .control-group.error > label,
523 .control-group.error .help-inline {
524 color: lighten(@linkColor, 10%);
527 .control-group.success > label,
528 .control-group.success .help-inline {
529 color: lighten(@green, 20%);
532 .input-prepend .add-on,
533 .input-append .add-on {
536 background-color: @grayLighter;
537 border-color: transparent;
544 .input-prepend .btn {
548 // ALERTS, LABELS, BADGES
549 // -----------------------------------------------------
553 h1, h2, h3, h4, h5, h6 {
559 border-color: transparent;
569 .label, .label:hover {
570 background-color: @grayLighter;
575 .label-warning, .label-warning:hover, .alert {
576 background-color: @orange;
580 .label-important, .label-important:hover, .alert-error {
581 background-color: darken(@yellow, 3%);
585 .label-success, .label-success:hover, .alert-success {
586 background-color: @green;
590 .label-info, .label-info:hover, .alert-info {
591 background-color: @purple;
596 // -----------------------------------------------------
598 .progress, .well, pre, code {
599 border-color: transparent;
606 background-image: none;
614 border: 0 solid transparent;
621 background-image: none;
622 background-color: #27666D;
627 background-image: none;
628 background-color: @yellow;
631 background-color: @green;
635 background-color: @orange;
639 background-color: @red;
644 .progress-danger .bar {
645 background-image: none;
646 background-color: #AD1D28;
649 .progress-danger.progress-striped .bar {
650 #gradient > .striped(#AD1D28);
653 .progress-success .bar {
654 background-image: none;
655 background-color: @green;
658 .progress-success.progress-striped .bar {
659 #gradient > .striped(@green);
662 .progress-info .bar {
663 background-image: none;
664 background-color: @blue;
667 .progress-info.progress-striped .bar {
668 #gradient > .striped(@blue);
676 background-color: @navbarBackground;
684 h1, h2, h3, h4, h5, h6,
702 border: 1px solid @grayLight;
720 // -----------------------------------------------------