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.6);
43 // -----------------------------------------------------
46 #gradient > .radial(lighten(#0F8790, 7%), #0F8790);
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 {
156 color: @navbarInverseLinkColor !important;
160 .dropdown-menu a:hover {
161 background-color: lighten(@navbarInverseBackground, 10%) !important;
169 background: rgba(42, 99, 105, 0.9) none;
176 border-color: transparent;
179 .nav > li:first-child > a,
180 .nav > li:first-child > a:hover {
185 background-color: rgba(255, 255, 255, 0.4);
186 border-color: transparent;
192 .nav > .active > a:hover, {
193 border-right-color: transparent;
194 background-color: rgba(255, 255, 255, 0.4);
199 border-color: transparent;
200 background-color: rgba(255, 255, 255, 0.4);
204 top: @navbarHeight + 1;
209 @media (max-width: 767px) {
211 div.subnav .nav > li + li > a {
212 border-top: 1px solid rgba(255, 255, 255, 0.4);
217 // -----------------------------------------------------
222 border-color: transparent;
226 border-color: transparent;
232 background-color: #8AD5DC;
233 border-color: transparent;
238 & > .active > a:hover {
239 background-color: #8AD5DC;
240 border-color: transparent;
246 & > .disabled > a:hover {
251 & > .open > .dropdown-toggle,
252 & > .open > .dropdown-toggle {
253 background-color: #8AD5DC;
255 border-color: transparent;
263 border-bottom: 1px solid rgba(255, 255, 255, 0.5);
266 background-color: #3CB9C6;
279 li.active > a:hover {
280 border-color: transparent;
298 li.active > a:hover {
299 background-color: #8AD5DC;
304 background-color: rgba(255, 255, 255, 0.3);
309 .breadcrumb, .pager > li > a {
310 border-color: transparent;
318 background-color: #3CB9C6;
319 background-image: none;
330 & > li > span.divider {
338 background-color: @paginationBackground;
339 background-image: none;
344 background-color: rgba(255, 255, 255, 0.4);
348 ul > li:first-child > a,
349 ul > li:last-child > a {
354 ul > .disabled > a:hover,
355 ul > .disabled > span,
356 ul > .disabled > span:hover {
361 ul > .active > a:hover,
363 ul > .active > span:hover {
364 background-color: rgba(255, 255, 255, 0.4);
372 background-color: #3CB9C6;
375 background-color: #8AD5DC;
381 background-color: #3CB9C6;
387 // -----------------------------------------------------
389 .buttonBackgroundCustom(@color) {
391 background-color: @color;
392 border-color: transparent;
394 &:hover, &:active, &.active, &.disabled, &[disabled] {
395 background-color: darken(@color, 5%);
400 background-color: darken(@color, 15%);
404 // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
407 background-color: darken(@color, 15%) e("\9");
414 background-image: none;
417 .buttonBackgroundCustom(@btnBackground)
421 padding: @paddingLarge;
425 padding: @paddingSmall;
429 padding: @paddingMini;
432 .btn-group .btn:first-child {
437 .btn-group .btn:last-child,
438 .btn-group .dropdown-toggle {
442 .btn-group .dropdown-toggle,
443 .btn-group.open .dropdown-toggle,
444 .btn.open .dropdown-toggle {
449 .buttonBackgroundCustom(@btnPrimaryBackground);
453 .buttonBackgroundCustom(@btnInfoBackground);
457 .buttonBackgroundCustom(@btnSuccessBackground);
461 .buttonBackgroundCustom(@btnWarningBackground);
465 .buttonBackgroundCustom(@btnDangerBackground);
469 .buttonBackgroundCustom(@btnInverseBackground);
473 .buttonBackgroundCustom(@btnPrimaryBackground);
476 .btn-small [class^="icon-"] {
480 .add-on [class^="icon-"] {
485 // -----------------------------------------------------
487 .table th, .table td,
488 .table tbody + tbody {
489 border-top: 0px solid transparent;
499 background-color: @green;
503 background-color: @red;
507 background-color: @blue;
512 // -----------------------------------------------------
515 font-family: @headingsFontFamily;
518 legend, label, .help-block, .input-file {
523 input, textarea, .uneditable-input {
529 border: 1px solid @dropdownBorder;
533 padding-bottom: 30px;
544 input, textarea, .search-query, .uneditable-input,
545 .input-append input, .input-append .uneditable-input,
546 .input-prepend input, .input-prepend .uneditable-input {
547 border-color: transparent;
552 border-top: 0px solid transparent;
555 .control-group.warning {
556 .formFieldState(@yellow, lighten(@yellow, 30%), @warningBackground);
559 .control-group.error {
560 .formFieldState(@orange, lighten(@orange, 30%), @errorBackground);
563 .control-group.success {
564 .formFieldState(@green, lighten(@green, 20%), @successBackground);
567 .control-group.info {
568 .formFieldState(@purple, lighten(@purple, 20%), @infoBackground);
571 .control-group.warning {
576 color: lighten(@yellow, 30%);
580 .control-group.error {
585 color: lighten(@orange, 30%);
589 .control-group.success {
594 color: lighten(@green, 20%);
597 .control-group.info {
602 color: lighten(@purple, 20%);
606 .input-prepend .add-on,
607 .input-append .add-on {
610 background-color: @grayLighter;
611 border-color: transparent;
618 .input-prepend .btn {
622 // ALERTS, LABELS, BADGES
623 // -----------------------------------------------------
627 border-color: transparent;
632 h1, h2, h3, h4, h5, h6 {
644 background-color: @blue;
647 background-color: @green;
651 background-color: @red;
655 background-color: @orange;
659 background-color: @purple;
663 background-color: @btnInverseBackground;
669 // -----------------------------------------------------
671 .progress, .well, pre, code {
672 border-color: transparent;
679 background-image: none;
687 border: 0 solid transparent;
694 background-image: none;
695 background-color: #27666D;
700 background-image: none;
701 background-color: @yellow;
704 background-color: @green;
708 background-color: @orange;
712 background-color: @red;
717 .progress-danger .bar {
718 background-image: none;
719 background-color: #AD1D28;
722 .progress-danger.progress-striped .bar {
723 #gradient > .striped(#AD1D28);
726 .progress-success .bar {
727 background-image: none;
728 background-color: @green;
731 .progress-success.progress-striped .bar {
732 #gradient > .striped(@green);
735 .progress-info .bar {
736 background-image: none;
737 background-color: @blue;
740 .progress-info.progress-striped .bar {
741 #gradient > .striped(@blue);
749 background-color: @navbarBackground;
757 h1, h2, h3, h4, h5, h6,
775 border: 1px solid @grayLight;
793 // -----------------------------------------------------