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;
163 background-color: rgba(42, 99, 105, 0.9);
164 background-image: none;
165 border: 0px solid transparent;
170 border-color: transparent;
171 background-color: rgba(255, 255, 255, 0.4);
176 border-color: transparent;
179 .nav > li:first-child > a,
180 .nav > li:first-child > a:hover {
185 background-color: transparent;
186 border-color: transparent;
191 .nav > .active > a:hover,
194 .nav > .active > a:hover, {
195 border-right-color: transparent;
196 background-color: rgba(255, 255, 255, 0.4);
200 .nav > li:first-child > a:hover {
201 border-left-color: rgba(255, 255, 255, 0.4);
202 border-left-width: 1px;
211 // -----------------------------------------------------
213 .nav-tabs li.open > .dropdown-toggle,
214 .nav-pills li.open > .dropdown-toggle {
215 background-color: #8AD5DC;
217 border-color: transparent;
220 .nav-tabs, .nav-pills {
221 border-color: transparent;
224 border-color: transparent;
230 li.active > a:hover {
236 li.active > a:hover {
237 background-color: #8AD5DC;
238 border-color: transparent;
243 .nav-tabs, .nav-tabs > li > a {
244 border-bottom: 1px solid rgba(255, 255, 255, 0.5);
248 background-color: #3CB9C6;
251 .nav-tabs.nav-stacked {
261 li.active > a:hover {
262 border-color: transparent;
279 li.active > a:hover {
280 background-color: #8AD5DC;
285 background-color: rgba(255, 255, 255, 0.3);
290 .breadcrumb, .pager > li > a {
291 border-color: transparent;
298 background-color: #3CB9C6;
299 background-image: none;
317 background-color: @paginationBackground;
318 background-image: none;
323 background-color: rgba(255, 255, 255, 0.4);
327 ul > li:first-child > a,
328 ul > li:last-child > a {
333 ul > .disabled > a:hover,
334 ul > .disabled > span,
335 ul > .disabled > span:hover {
340 ul > .active > a:hover,
342 ul > .active > span:hover {
343 background-color: rgba(255, 255, 255, 0.4);
351 background-color: #3CB9C6;
354 background-color: #8AD5DC;
360 background-color: #3CB9C6;
366 // -----------------------------------------------------
368 .buttonBackgroundCustom(@color) {
370 background-color: @color;
371 border-color: transparent;
373 &:hover, &:active, &.active, &.disabled, &[disabled] {
374 background-color: darken(@color, 5%);
379 background-color: darken(@color, 15%);
383 // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
386 background-color: darken(@color, 15%) e("\9");
393 background-image: none;
396 .buttonBackgroundCustom(@btnBackground)
399 .btn-group .btn:first-child {
404 .btn-group .btn:last-child,
405 .btn-group .dropdown-toggle {
409 .btn-group .dropdown-toggle,
410 .btn-group.open .dropdown-toggle,
411 .btn.open .dropdown-toggle {
416 .buttonBackgroundCustom(@btnPrimaryBackground);
420 .buttonBackgroundCustom(@btnInfoBackground);
424 .buttonBackgroundCustom(@btnSuccessBackground);
428 .buttonBackgroundCustom(@btnWarningBackground);
432 .buttonBackgroundCustom(@btnDangerBackground);
436 .buttonBackgroundCustom(@btnInverseBackground);
440 .buttonBackgroundCustom(@btnPrimaryBackground);
443 [class^="icon-"], [class*=" icon-"] {
448 .btn-small [class^="icon-"] {
452 .add-on [class^="icon-"] {
457 // -----------------------------------------------------
459 .table th, .table td,
460 .table tbody + tbody {
461 border-top: 0px solid transparent;
471 background-color: @green;
475 background-color: @red;
479 background-color: @blue;
484 // -----------------------------------------------------
487 font-family: @headingsFontFamily;
490 legend, label, .help-block, .input-file {
492 border: 0px solid transparent;
495 input, textarea, .uneditable-input {
496 border: 0px solid transparent;
501 padding-bottom: 30px;
505 border: 0px solid transparent;
512 input, textarea, .search-query, .uneditable-input,
513 .input-append input, .input-append .uneditable-input,
514 .input-prepend input, .input-prepend .uneditable-input {
515 border-color: transparent;
520 border-top: 0px solid transparent;
523 .control-group.warning > label,
524 .control-group.warning .help-inline {
525 color: lighten(@orange, 30%);
528 .control-group.error > label,
529 .control-group.error .help-inline {
530 color: lighten(@linkColor, 10%);
533 .control-group.success > label,
534 .control-group.success .help-inline {
535 color: lighten(@green, 20%);
538 .input-prepend .add-on,
539 .input-append .add-on {
542 background-color: @grayLighter;
543 border-color: transparent;
550 .input-prepend .btn {
554 // ALERTS, LABELS, BADGES
555 // -----------------------------------------------------
559 h1, h2, h3, h4, h5, h6 {
565 border-color: transparent;
575 .label, .label:hover {
576 background-color: @grayLighter;
581 .label-warning, .label-warning:hover, .alert {
582 background-color: @orange;
586 .label-important, .label-important:hover, .alert-error {
587 background-color: darken(@yellow, 3%);
591 .label-success, .label-success:hover, .alert-success {
592 background-color: @green;
596 .label-info, .label-info:hover, .alert-info {
597 background-color: @purple;
602 // -----------------------------------------------------
604 .progress, .well, pre, code {
605 border-color: transparent;
612 background-image: none;
620 border: 0 solid transparent;
627 background-image: none;
628 background-color: #27666D;
633 background-image: none;
634 background-color: @yellow;
637 background-color: @green;
641 background-color: @orange;
645 background-color: @red;
650 .progress-danger .bar {
651 background-image: none;
652 background-color: #AD1D28;
655 .progress-danger.progress-striped .bar {
656 #gradient > .striped(#AD1D28);
659 .progress-success .bar {
660 background-image: none;
661 background-color: @green;
664 .progress-success.progress-striped .bar {
665 #gradient > .striped(@green);
668 .progress-info .bar {
669 background-image: none;
670 background-color: @blue;
673 .progress-info.progress-striped .bar {
674 #gradient > .striped(@blue);
682 background-color: @navbarBackground;
690 h1, h2, h3, h4, h5, h6,
708 border: 1px solid @grayLight;
726 // -----------------------------------------------------