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 {
519 border: 0px solid transparent;
523 input, textarea, .uneditable-input {
524 border: 0px solid transparent;
529 padding-bottom: 30px;
533 border: 0px solid transparent;
540 input, textarea, .search-query, .uneditable-input,
541 .input-append input, .input-append .uneditable-input,
542 .input-prepend input, .input-prepend .uneditable-input {
543 border-color: transparent;
548 border-top: 0px solid transparent;
551 .control-group.warning {
552 .formFieldState(@yellow, lighten(@yellow, 30%), @warningBackground);
555 .control-group.error {
556 .formFieldState(@orange, lighten(@orange, 30%), @errorBackground);
559 .control-group.success {
560 .formFieldState(@green, lighten(@green, 20%), @successBackground);
563 .control-group.info {
564 .formFieldState(@purple, lighten(@purple, 20%), @infoBackground);
567 .control-group.warning {
572 color: lighten(@yellow, 30%);
576 .control-group.error {
581 color: lighten(@orange, 30%);
585 .control-group.success {
590 color: lighten(@green, 20%);
593 .control-group.info {
598 color: lighten(@purple, 20%);
602 .input-prepend .add-on,
603 .input-append .add-on {
606 background-color: @grayLighter;
607 border-color: transparent;
614 .input-prepend .btn {
618 // ALERTS, LABELS, BADGES
619 // -----------------------------------------------------
623 border-color: transparent;
628 h1, h2, h3, h4, h5, h6 {
640 background-color: @blue;
643 background-color: @green;
647 background-color: @red;
651 background-color: @orange;
655 background-color: @purple;
659 background-color: @btnInverseBackground;
665 // -----------------------------------------------------
667 .progress, .well, pre, code {
668 border-color: transparent;
675 background-image: none;
683 border: 0 solid transparent;
690 background-image: none;
691 background-color: #27666D;
696 background-image: none;
697 background-color: @yellow;
700 background-color: @green;
704 background-color: @orange;
708 background-color: @red;
713 .progress-danger .bar {
714 background-image: none;
715 background-color: #AD1D28;
718 .progress-danger.progress-striped .bar {
719 #gradient > .striped(#AD1D28);
722 .progress-success .bar {
723 background-image: none;
724 background-color: @green;
727 .progress-success.progress-striped .bar {
728 #gradient > .striped(@green);
731 .progress-info .bar {
732 background-image: none;
733 background-color: @blue;
736 .progress-info.progress-striped .bar {
737 #gradient > .striped(@blue);
745 background-color: @navbarBackground;
753 h1, h2, h3, h4, h5, h6,
771 border: 1px solid @grayLight;
789 // -----------------------------------------------------