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;
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 {
505 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 {
541 color: lighten(@orange, 30%);
545 .control-group.error {
550 color: lighten(@linkColor, 10%);
554 .control-group.success {
559 color: lighten(@green, 20%);
563 .input-prepend .add-on,
564 .input-append .add-on {
567 background-color: @grayLighter;
568 border-color: transparent;
575 .input-prepend .btn {
579 // ALERTS, LABELS, BADGES
580 // -----------------------------------------------------
584 border-color: transparent;
589 h1, h2, h3, h4, h5, h6 {
601 background-color: @blue;
604 background-color: @green;
608 background-color: @red;
612 background-color: @orange;
616 background-color: @purple;
620 background-color: @btnInverseBackground;
626 // -----------------------------------------------------
628 .progress, .well, pre, code {
629 border-color: transparent;
636 background-image: none;
644 border: 0 solid transparent;
651 background-image: none;
652 background-color: #27666D;
657 background-image: none;
658 background-color: @yellow;
661 background-color: @green;
665 background-color: @orange;
669 background-color: @red;
674 .progress-danger .bar {
675 background-image: none;
676 background-color: #AD1D28;
679 .progress-danger.progress-striped .bar {
680 #gradient > .striped(#AD1D28);
683 .progress-success .bar {
684 background-image: none;
685 background-color: @green;
688 .progress-success.progress-striped .bar {
689 #gradient > .striped(@green);
692 .progress-info .bar {
693 background-image: none;
694 background-color: @blue;
697 .progress-info.progress-striped .bar {
698 #gradient > .striped(@blue);
706 background-color: @navbarBackground;
714 h1, h2, h3, h4, h5, h6,
732 border: 1px solid @grayLight;
750 // -----------------------------------------------------