4 // -----------------------------------------------------
7 // -----------------------------------------------------
9 @import url('https://fonts.googleapis.com/css?family=Lobster');
10 @import url('https://fonts.googleapis.com/css?family=Cabin:400,700');
14 font-family: @headingsFontFamily;
21 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
22 font-family: @baseFontFamily;
27 color: rgba(255, 255, 255, 0.5);
31 // -----------------------------------------------------
34 #gradient > .radial(lighten(#0F8790, 7%), #0F8790);
38 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
43 border-bottom: 0px solid transparent;
47 border-top: 1px solid rgba(255, 255, 255, 0.3);
55 // -----------------------------------------------------
64 padding: 15px 20px 14px;
76 .nav > .active > a:hover,
77 .navbar .nav > .active > a:focus {
85 .navbar-search .search-query {
92 margin: 17px 15px 14px;
101 .nav-collapse.collapse {
108 background-color: lighten(@navbarBackground, 10%);
112 .dropdown-menu li > a:hover,
113 .dropdown-menu li > a:focus,
114 .dropdown-submenu:hover > a {
115 background-image: none;
124 .navbar-search .search-query {
125 border: 2px solid @textColor;
129 color: rgba(255, 255, 255, 0.5);
135 .dropdown-menu li > a:hover,
136 .dropdown-menu li > a:focus,
137 .dropdown-submenu:hover > a {
138 background-image: none;
139 background-color: @yellow;
142 .nav-collapse.collapse {
145 background-color: lighten(@navbarInverseBackground, 10%);
152 background-color: rgba(42, 99, 105, 0.9);
153 background-image: none;
154 border: 0px solid transparent;
159 border-color: transparent;
160 background-color: rgba(255, 255, 255, 0.4);
165 border-color: transparent;
168 .nav > li:first-child > a,
169 .nav > li:first-child > a:hover {
174 background-color: transparent;
175 border-color: transparent;
180 .nav > .active > a:hover,
182 .nav > li.active > a:hover, {
183 border-right-color: transparent;
184 background-color: rgba(255, 255, 255, 0.4);
188 .nav > li:first-child > a:hover {
189 border-left-color: rgba(255, 255, 255, 0.4);
190 border-left-width: 1px;
199 // -----------------------------------------------------
201 .buttonBackgroundCustom(@color) {
203 background-color: @color;
204 border-color: transparent;
206 &:hover, &:active, &.active, &.disabled, &[disabled] {
207 background-color: darken(@color, 5%);
212 background-color: darken(@color, 15%);
216 // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
219 background-color: darken(@color, 15%) e("\9");
226 background-image: none;
229 .buttonBackgroundCustom(@btnBackground)
232 .btn-group .btn:first-child {
237 .btn-group .btn:last-child,
238 .btn-group .dropdown-toggle {
242 .btn-group .dropdown-toggle,
243 .btn-group.open .dropdown-toggle,
244 .btn.open .dropdown-toggle {
249 .buttonBackgroundCustom(@btnPrimaryBackground);
253 .buttonBackgroundCustom(@btnInfoBackground);
257 .buttonBackgroundCustom(@btnSuccessBackground);
261 .buttonBackgroundCustom(@btnWarningBackground);
265 .buttonBackgroundCustom(@btnDangerBackground);
269 .buttonBackgroundCustom(@btnInverseBackground);
273 .buttonBackgroundCustom(@btnPrimaryBackground);
277 padding: 13px 16px 12px;
280 [class^="icon-"], [class*=" icon-"] {
285 .btn-small [class^="icon-"] {
289 .add-on [class^="icon-"] {
294 // -----------------------------------------------------
296 .table th, .table td,
297 .table tbody + tbody {
298 border-top: 0px solid transparent;
308 background-color: @green;
312 background-color: @red;
316 background-color: @blue;
321 // -----------------------------------------------------
323 legend, label, .help-block, .input-file {
325 border: 0px solid transparent;
328 input, textarea, .uneditable-input {
329 border: 0px solid transparent;
334 padding-bottom: 30px;
338 border: 0px solid transparent;
345 input, textarea, .search-query, .uneditable-input,
346 .input-append input, .input-append .uneditable-input,
347 .input-prepend input, .input-prepend .uneditable-input {
348 border-color: transparent;
353 border-top: 0px solid transparent;
356 .control-group.warning > label,
357 .control-group.warning .help-inline {
358 color: lighten(@orange, 30%);
361 .control-group.error > label,
362 .control-group.error .help-inline {
363 color: lighten(@linkColor, 10%);
366 .control-group.success > label,
367 .control-group.success .help-inline {
368 color: lighten(@green, 20%);
371 .input-prepend .add-on,
372 .input-append .add-on {
375 background-color: @grayLighter;
376 border-color: transparent;
383 .input-prepend .btn {
388 // -----------------------------------------------------
390 .breadcrumb, .pager > li > a {
391 border-color: transparent;
398 background-color: #3CB9C6;
399 background-image: none;
417 background-color: #3CB9C6;
420 background-color: #8AD5DC;
426 background-color: #3CB9C6;
434 background-color: @paginationBackground;
435 background-image: none;
438 .disabled a, .disabled a:hover {
443 background-color: rgba(255, 255, 255, 0.4);
447 .active a, .active a:hover {
448 background-color: rgba(255, 255, 255, 0.4);
460 .nav-tabs li.open > .dropdown-toggle,
461 .nav-pills li.open > .dropdown-toggle {
462 background-color: #8AD5DC;
464 border-color: transparent;
467 .nav-tabs, .nav-pills {
468 border-color: transparent;
471 border-color: transparent;
479 li:active > a:hover {
487 li:active > a:hover {
488 background-color: #8AD5DC;
489 border-color: transparent;
494 .nav-tabs, .nav-tabs > li > a {
495 border-bottom: 1px solid rgba(255, 255, 255, 0.5);
499 background-color: #3CB9C6;
502 .nav-tabs.nav-stacked {
514 li:active > a:hover {
515 border-color: transparent;
533 li:active > a:hover {
534 background-color: #8AD5DC;
539 background-color: rgba(255, 255, 255, 0.3);
545 // -----------------------------------------------------
552 background-color: @navbarBackground;
560 h1, h2, h3, h4, h5, h6,
578 border: 1px solid @grayLight;
583 // -----------------------------------------------------
585 .alert, .label, .progress, .well, pre, code {
586 border-color: transparent;
597 background-color: rgba(255, 255, 255, 0.3);
602 background-image: none;
605 .label, .label:hover {
606 background-color: @grayLighter;
611 .label-warning, .label-warning:hover, .alert {
612 background-color: @orange;
616 .label-important, .label-important:hover, .alert-error {
617 background-color: darken(@yellow, 3%);
621 .label-success, .label-success:hover, .alert-success {
622 background-color: @green;
626 .label-info, .label-info:hover, .alert-info {
627 background-color: @purple;
636 background-image: none;
637 background-color: #27666D;
641 background-image: none;
642 background-color: @yellow;
645 background-color: @green;
649 background-color: @orange;
653 background-color: @red;
658 .progress-danger .bar {
659 background-image: none;
660 background-color: #AD1D28;
662 .progress-danger.progress-striped .bar {
663 #gradient > .striped(#AD1D28);
666 .progress-success .bar {
667 background-image: none;
668 background-color: @green;
670 .progress-success.progress-striped .bar {
671 #gradient > .striped(@green);
674 .progress-info .bar {
675 background-image: none;
676 background-color: @blue;
678 .progress-info.progress-striped .bar {
679 #gradient > .striped(@blue);
683 border: 0 solid transparent;
690 border-left-color: lighten(#147E88, 12%);
693 border-right-color: lighten(#147E88, 12%);
697 color: rgba(255, 255, 255, 0.6);