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 // -----------------------------------------------------
219 .nav-tabs li.open > .dropdown-toggle,
220 .nav-pills li.open > .dropdown-toggle {
221 background-color: #8AD5DC;
223 border-color: transparent;
226 .nav-tabs, .nav-pills {
227 border-color: transparent;
230 border-color: transparent;
236 li.active > a:hover {
242 li.active > a:hover {
243 background-color: #8AD5DC;
244 border-color: transparent;
249 .nav-tabs, .nav-tabs > li > a {
250 border-bottom: 1px solid rgba(255, 255, 255, 0.5);
254 background-color: #3CB9C6;
257 .nav-tabs.nav-stacked {
267 li.active > a:hover {
268 border-color: transparent;
285 li.active > a:hover {
286 background-color: #8AD5DC;
291 background-color: rgba(255, 255, 255, 0.3);
296 .breadcrumb, .pager > li > a {
297 border-color: transparent;
304 background-color: #3CB9C6;
305 background-image: none;
323 background-color: @paginationBackground;
324 background-image: none;
329 background-color: rgba(255, 255, 255, 0.4);
333 ul > li:first-child > a,
334 ul > li:last-child > a {
339 ul > .disabled > a:hover,
340 ul > .disabled > span,
341 ul > .disabled > span:hover {
346 ul > .active > a:hover,
348 ul > .active > span:hover {
349 background-color: rgba(255, 255, 255, 0.4);
357 background-color: #3CB9C6;
360 background-color: #8AD5DC;
366 background-color: #3CB9C6;
372 // -----------------------------------------------------
374 .buttonBackgroundCustom(@color) {
376 background-color: @color;
377 border-color: transparent;
379 &:hover, &:active, &.active, &.disabled, &[disabled] {
380 background-color: darken(@color, 5%);
385 background-color: darken(@color, 15%);
389 // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
392 background-color: darken(@color, 15%) e("\9");
399 background-image: none;
402 .buttonBackgroundCustom(@btnBackground)
406 padding: @paddingLarge;
410 padding: @paddingSmall;
414 padding: @paddingMini;
417 .btn-group .btn:first-child {
422 .btn-group .btn:last-child,
423 .btn-group .dropdown-toggle {
427 .btn-group .dropdown-toggle,
428 .btn-group.open .dropdown-toggle,
429 .btn.open .dropdown-toggle {
434 .buttonBackgroundCustom(@btnPrimaryBackground);
438 .buttonBackgroundCustom(@btnInfoBackground);
442 .buttonBackgroundCustom(@btnSuccessBackground);
446 .buttonBackgroundCustom(@btnWarningBackground);
450 .buttonBackgroundCustom(@btnDangerBackground);
454 .buttonBackgroundCustom(@btnInverseBackground);
458 .buttonBackgroundCustom(@btnPrimaryBackground);
461 .btn-small [class^="icon-"] {
465 .add-on [class^="icon-"] {
470 // -----------------------------------------------------
472 .table th, .table td,
473 .table tbody + tbody {
474 border-top: 0px solid transparent;
484 background-color: @green;
488 background-color: @red;
492 background-color: @blue;
497 // -----------------------------------------------------
500 font-family: @headingsFontFamily;
503 legend, label, .help-block, .input-file {
504 border: 0px solid transparent;
508 input, textarea, .uneditable-input {
509 border: 0px solid transparent;
514 padding-bottom: 30px;
518 border: 0px solid transparent;
525 input, textarea, .search-query, .uneditable-input,
526 .input-append input, .input-append .uneditable-input,
527 .input-prepend input, .input-prepend .uneditable-input {
528 border-color: transparent;
533 border-top: 0px solid transparent;
536 .control-group.warning {
537 .formFieldState(@yellow, lighten(@yellow, 30%), @warningBackground);
540 .control-group.error {
541 .formFieldState(@orange, lighten(@orange, 30%), @errorBackground);
544 .control-group.success {
545 .formFieldState(@green, lighten(@green, 20%), @successBackground);
548 .control-group.info {
549 .formFieldState(@purple, lighten(@purple, 20%), @infoBackground);
552 .control-group.warning {
557 color: lighten(@yellow, 30%);
561 .control-group.error {
566 color: lighten(@orange, 30%);
570 .control-group.success {
575 color: lighten(@green, 20%);
578 .control-group.info {
583 color: lighten(@purple, 20%);
587 .input-prepend .add-on,
588 .input-append .add-on {
591 background-color: @grayLighter;
592 border-color: transparent;
599 .input-prepend .btn {
603 // ALERTS, LABELS, BADGES
604 // -----------------------------------------------------
608 border-color: transparent;
613 h1, h2, h3, h4, h5, h6 {
625 background-color: @blue;
628 background-color: @green;
632 background-color: @red;
636 background-color: @orange;
640 background-color: @purple;
644 background-color: @btnInverseBackground;
650 // -----------------------------------------------------
652 .progress, .well, pre, code {
653 border-color: transparent;
660 background-image: none;
668 border: 0 solid transparent;
675 background-image: none;
676 background-color: #27666D;
681 background-image: none;
682 background-color: @yellow;
685 background-color: @green;
689 background-color: @orange;
693 background-color: @red;
698 .progress-danger .bar {
699 background-image: none;
700 background-color: #AD1D28;
703 .progress-danger.progress-striped .bar {
704 #gradient > .striped(#AD1D28);
707 .progress-success .bar {
708 background-image: none;
709 background-color: @green;
712 .progress-success.progress-striped .bar {
713 #gradient > .striped(@green);
716 .progress-info .bar {
717 background-image: none;
718 background-color: @blue;
721 .progress-info.progress-striped .bar {
722 #gradient > .striped(@blue);
730 background-color: @navbarBackground;
738 h1, h2, h3, h4, h5, h6,
756 border: 1px solid @grayLight;
774 // -----------------------------------------------------