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);
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;
210 // -----------------------------------------------------
212 .nav-tabs li.open > .dropdown-toggle,
213 .nav-pills li.open > .dropdown-toggle {
214 background-color: #8AD5DC;
216 border-color: transparent;
219 .nav-tabs, .nav-pills {
220 border-color: transparent;
223 border-color: transparent;
229 li.active > a:hover {
235 li.active > a:hover {
236 background-color: #8AD5DC;
237 border-color: transparent;
242 .nav-tabs, .nav-tabs > li > a {
243 border-bottom: 1px solid rgba(255, 255, 255, 0.5);
247 background-color: #3CB9C6;
250 .nav-tabs.nav-stacked {
260 li.active > a:hover {
261 border-color: transparent;
278 li.active > a:hover {
279 background-color: #8AD5DC;
284 background-color: rgba(255, 255, 255, 0.3);
289 .breadcrumb, .pager > li > a {
290 border-color: transparent;
297 background-color: #3CB9C6;
298 background-image: none;
316 background-color: @paginationBackground;
317 background-image: none;
322 background-color: rgba(255, 255, 255, 0.4);
326 ul > li:first-child > a,
327 ul > li:last-child > a {
332 ul > .disabled > a:hover,
333 ul > .disabled > span,
334 ul > .disabled > span:hover {
339 ul > .active > a:hover,
341 ul > .active > span:hover {
342 background-color: rgba(255, 255, 255, 0.4);
350 background-color: #3CB9C6;
353 background-color: #8AD5DC;
359 background-color: #3CB9C6;
365 // -----------------------------------------------------
367 .buttonBackgroundCustom(@color) {
369 background-color: @color;
370 border-color: transparent;
372 &:hover, &:active, &.active, &.disabled, &[disabled] {
373 background-color: darken(@color, 5%);
378 background-color: darken(@color, 15%);
382 // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
385 background-color: darken(@color, 15%) e("\9");
392 background-image: none;
395 .buttonBackgroundCustom(@btnBackground)
399 padding: @paddingLarge;
403 padding: @paddingSmall;
407 padding: @paddingMini;
410 .btn-group .btn:first-child {
415 .btn-group .btn:last-child,
416 .btn-group .dropdown-toggle {
420 .btn-group .dropdown-toggle,
421 .btn-group.open .dropdown-toggle,
422 .btn.open .dropdown-toggle {
427 .buttonBackgroundCustom(@btnPrimaryBackground);
431 .buttonBackgroundCustom(@btnInfoBackground);
435 .buttonBackgroundCustom(@btnSuccessBackground);
439 .buttonBackgroundCustom(@btnWarningBackground);
443 .buttonBackgroundCustom(@btnDangerBackground);
447 .buttonBackgroundCustom(@btnInverseBackground);
451 .buttonBackgroundCustom(@btnPrimaryBackground);
454 .btn-small [class^="icon-"] {
458 .add-on [class^="icon-"] {
463 // -----------------------------------------------------
465 .table th, .table td,
466 .table tbody + tbody {
467 border-top: 0px solid transparent;
477 background-color: @green;
481 background-color: @red;
485 background-color: @blue;
490 // -----------------------------------------------------
493 font-family: @headingsFontFamily;
496 legend, label, .help-block, .input-file {
498 border: 0px solid transparent;
501 input, textarea, .uneditable-input {
502 border: 0px solid transparent;
507 padding-bottom: 30px;
511 border: 0px solid transparent;
518 input, textarea, .search-query, .uneditable-input,
519 .input-append input, .input-append .uneditable-input,
520 .input-prepend input, .input-prepend .uneditable-input {
521 border-color: transparent;
526 border-top: 0px solid transparent;
529 .control-group.warning {
534 color: lighten(@orange, 30%);
538 .control-group.error {
543 color: lighten(@linkColor, 10%);
547 .control-group.success {
552 color: lighten(@green, 20%);
556 .input-prepend .add-on,
557 .input-append .add-on {
560 background-color: @grayLighter;
561 border-color: transparent;
568 .input-prepend .btn {
572 // ALERTS, LABELS, BADGES
573 // -----------------------------------------------------
577 border-color: transparent;
582 h1, h2, h3, h4, h5, h6 {
594 background-color: @blue;
597 background-color: @green;
601 background-color: @red;
605 background-color: @orange;
609 background-color: @purple;
613 background-color: @btnInverseBackground;
619 // -----------------------------------------------------
621 .progress, .well, pre, code {
622 border-color: transparent;
629 background-image: none;
637 border: 0 solid transparent;
644 background-image: none;
645 background-color: #27666D;
650 background-image: none;
651 background-color: @yellow;
654 background-color: @green;
658 background-color: @orange;
662 background-color: @red;
667 .progress-danger .bar {
668 background-image: none;
669 background-color: #AD1D28;
672 .progress-danger.progress-striped .bar {
673 #gradient > .striped(#AD1D28);
676 .progress-success .bar {
677 background-image: none;
678 background-color: @green;
681 .progress-success.progress-striped .bar {
682 #gradient > .striped(@green);
685 .progress-info .bar {
686 background-image: none;
687 background-color: @blue;
690 .progress-info.progress-striped .bar {
691 #gradient > .striped(@blue);
699 background-color: @navbarBackground;
707 h1, h2, h3, h4, h5, h6,
725 border: 1px solid @grayLight;
743 // -----------------------------------------------------