4 // -----------------------------------------------------
7 // -----------------------------------------------------
9 @import url('https://fonts.googleapis.com/css?family=Lobster');
10 @import url('https://fonts.googleapis.com/css?family=Cabin:400,700');
12 .navbar .brand, legend {
13 font-family: @headingsFontFamily;
20 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
21 font-family: @baseFontFamily;
26 color: rgba(255, 255, 255, 0.5);
30 // -----------------------------------------------------
33 #gradient > .radial(lighten(#0F8790, 7%), #0F8790);
37 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
41 border-bottom: 0px solid transparent;
45 border-top: 1px solid rgba(255, 255, 255, 0.3);
53 // -----------------------------------------------------
61 padding: 12px 20px 14px;
76 .navbar-search .search-query {
77 border: 2px solid lighten(@navbarBackground, 10%);
82 background-color: @grayLighter;
83 border-color: @grayLighter;
92 background-color: rgba(42, 99, 105, 0.9);
93 background-image: none;
94 border: 0px solid transparent;
99 border-color: transparent;
100 background-color: rgba(255, 255, 255, 0.4);
105 border-color: transparent;
108 .nav > li:first-child > a,
109 .nav > li:first-child > a:hover {
114 background-color: transparent;
115 border-color: transparent;
120 .nav > .active > a:hover,
122 .nav > li.active > a:hover, {
123 border-right-color: transparent;
124 background-color: rgba(255, 255, 255, 0.4);
128 .nav > li:first-child > a:hover {
129 border-left-color: rgba(255, 255, 255, 0.4);
130 border-left-width: 1px;
138 .navbar .nav-collapse.in {
146 background-color: lighten(@navbarBackground, 10%);
149 .navbar-form, .navbar-search {
151 border-color: lighten(@navbarBackground, 10%);
154 .navbar-search .search-query {
155 border: 2px solid @textColor;
160 // -----------------------------------------------------
162 .buttonBackgroundCustom(@color) {
164 background-color: @color;
165 border-color: transparent;
167 &:hover, &:active, &.active, &.disabled, &[disabled] {
168 background-color: darken(@color, 5%);
173 background-color: darken(@color, 15%);
177 // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
180 background-color: darken(@color, 15%) e("\9");
187 background-image: none;
190 .buttonBackgroundCustom(@btnBackground)
193 .btn-group .btn:first-child {
195 -webkit-border-top-left-radius: 0;
196 -moz-border-radius-topleft: 0;
197 border-top-left-radius: 0;
198 -webkit-border-bottom-left-radius: 0;
199 -moz-border-radius-bottomleft: 0;
200 border-bottom-left-radius: 0;
203 .btn-group .btn:last-child,
204 .btn-group .dropdown-toggle {
205 -webkit-border-top-right-radius: 0;
206 -moz-border-radius-topright: 0;
207 border-top-right-radius: 0;
208 -webkit-border-bottom-right-radius: 0;
209 -moz-border-radius-bottomright: 0;
210 border-bottom-right-radius: 0;
213 .btn-group .dropdown-toggle,
214 .btn-group.open .dropdown-toggle,
215 .btn.open .dropdown-toggle {
220 .buttonBackgroundCustom(@btnPrimaryBackground);
224 .buttonBackgroundCustom(@btnInfoBackground);
228 .buttonBackgroundCustom(@btnSuccessBackground);
232 .buttonBackgroundCustom(@btnWarningBackground);
236 .buttonBackgroundCustom(@btnDangerBackground);
240 .buttonBackgroundCustom(@btnInverseBackground);
244 padding: 13px 16px 12px;
247 [class^="icon-"], [class*=" icon-"] {
252 .btn-small [class^="icon-"] {
256 .add-on [class^="icon-"] {
261 // -----------------------------------------------------
263 .table th, .table td,
264 .table tbody + tbody {
265 border-top: 0px solid transparent;
273 // -----------------------------------------------------
275 legend, label, .help-block, .input-file {
277 border: 0px solid transparent;
280 input, textarea, .uneditable-input {
281 border: 0px solid transparent;
286 padding-bottom: 30px;
290 border: 0px solid transparent;
297 input, textarea, .search-query, .uneditable-input,
298 .input-append input, .input-append .uneditable-input,
299 .input-prepend input, .input-prepend .uneditable-input {
300 border-color: transparent;
305 border-top: 0px solid transparent;
308 .control-group.warning > label,
309 .control-group.warning .help-inline {
310 color: lighten(@orange, 30%);
313 .control-group.error > label,
314 .control-group.error .help-inline {
315 color: lighten(@linkColor, 10%);
318 .control-group.success > label,
319 .control-group.success .help-inline {
320 color: lighten(@green, 20%);
323 .input-prepend .add-on, .input-append .add-on {
326 background-color: @grayLighter;
327 border-color: transparent;
334 // -----------------------------------------------------
336 .breadcrumb, .pager > li > a {
337 border-color: transparent;
344 background-color: #3CB9C6;
345 background-image: none;
357 background-color: #3CB9C6;
360 background-color: #8AD5DC;
367 background-color: #3CB9C6;
368 background-image: none;
372 border: 0px solid transparent;
375 .disabled a, .disabled a:hover {
380 background-color: rgba(255, 255, 255, 0.4);
384 .active a, .active a:hover {
385 background-color: rgba(255, 255, 255, 0.4);
397 .nav-tabs li.open > .dropdown-toggle,
398 .nav-pills li.open > .dropdown-toggle {
399 background-color: #8AD5DC;
401 border-color: transparent;
404 .nav-tabs, .nav-pills {
405 border-color: transparent;
408 border-color: transparent;
416 li:active > a:hover {
424 li:active > a:hover {
425 background-color: #8AD5DC;
426 border-color: transparent;
431 .nav-tabs, .nav-tabs > li > a {
432 border-bottom: 1px solid rgba(255, 255, 255, 0.5);
436 background-color: #3CB9C6;
439 .nav-tabs.nav-stacked {
451 li:active > a:hover {
452 border-color: transparent;
470 li:active > a:hover {
471 background-color: #8AD5DC;
477 // -----------------------------------------------------
484 color: @navbarBackground;
488 color: @bodyBackground;
492 // -----------------------------------------------------
494 .alert, .label, .progress, .well, pre, code {
495 border-color: transparent;
506 background-color: rgba(255, 255, 255, 0.3);
511 background-color: #3CB9C6;
512 background-image: none;
515 .label, .label:hover {
516 background-color: @grayLighter;
521 .label-warning, .label-warning:hover, .alert {
522 background-color: @orange;
526 .label-important, .label-important:hover, .alert-error {
527 background-color: darken(@yellow, 3%);
531 .label-success, .label-success:hover, .alert-success {
532 background-color: @green;
536 .label-info, .label-info:hover, .alert-info {
537 background-color: @purple;
546 background-image: none;
547 background-color: #27666D;
551 background-image: none;
552 background-color: @orange;
556 .progress-danger .bar {
557 background-image: none;
558 background-color: #AD1D28;
560 .progress-danger.progress-striped .bar {
561 #gradient > .striped(#AD1D28);
564 .progress-success .bar {
565 background-image: none;
566 background-color: @green;
568 .progress-success.progress-striped .bar {
569 #gradient > .striped(@green);
572 .progress-info .bar {
573 background-image: none;
574 background-color: @blue;
576 .progress-info.progress-striped .bar {
577 #gradient > .striped(@blue);
581 border: 0px solid transparent;
588 border-left-color: lighten(#147E88, 12%);
591 border-right-color: lighten(#147E88, 12%);
595 color: rgba(255, 255, 255, 0.6);