3 // -----------------------------------------------------
7 // --------------------------------------------------
9 @import url('//fonts.googleapis.com/css?family=Oswald|Noticia+Text');
11 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h6 {
12 font-family: @headingsFontFamily;
14 text-shadow: -1px 1px 0 darken(@orange, 30%);
18 text-shadow: -2px 2px 0 darken(@orange, 30%);
26 background-color: lighten(@blue, 8%);
32 // --------------------------------------------------
39 border-left: 5px solid @blue;
42 blockquote.pull-right {
43 border-right: 5px solid @blue;
47 // --------------------------------------------------
53 background-image: none;
57 padding: 25px 20px 15px;
58 font-family: @headingsFontFamily;
60 text-shadow: -2px 2px 0 darken(@orange, 30%);
64 padding: 23px 20px 13px;
66 font-family: @headingsFontFamily;
68 text-shadow: -2px 2px 0 darken(@orange, 30%);
73 .nav > li.active > a:hover,
74 .nav > li.dropdown.open > a,
75 .nav > li.dropdown.open > a:hover {
80 text-shadow: -1px 1px 0 darken(@orange, 30%);
84 .nav > .active > a:hover,
85 .nav > .active > a:focus {
90 padding: 23px 20px 13px;
92 font-family: @headingsFontFamily;
94 text-shadow: -2px 2px 0 @gray;
101 .navbar-search .search-query {
102 font-family: @baseFontFamily;
103 font-size: @baseFontSize;
104 line-height: @baseLineHeight;
108 &.navbar-inverse .navbar-search .search-query {
116 .nav .dropdown-toggle .caret,
117 .nav .open.dropdown .caret {
119 border-top-color: @textColor;
122 .dropdown-menu::before {
126 .dropdown-menu::after {
128 border-left: 7px solid transparent;
129 border-right: 7px solid transparent;
130 border-bottom: 7px solid lighten(@blue, 10%);
133 [class^="icon-"], [class*=" icon-"] {
138 background-color: @blue;
139 border-color: transparent;
143 @media (max-width: @navbarCollapseWidth) {
145 .navbar .nav-collapse {
153 background-color: lighten(@blue, 10%) !important;
154 background-image: none;
172 background-color: @blue;
173 background-image: none;
177 .nav > li.active > a {
184 .nav > li.active > a:hover {
185 background-color: lighten(@blue, 10%);
189 border-top: 0px solid transparent;
192 .nav > li:first-child > a,
193 .nav > li:first-child > a:hover,
194 .nav > li.active:first-child > a,
195 .nav > li.active:first-child > a:hover {
196 .border-radius(4px 0 0 4px);
199 .nav > li.active > a,
200 .nav > li.active > a:hover {
202 background-color: @orange;
203 background-image: none;
212 .nav > li.active > a,
214 .nav > li.active > a:hover {
215 border-color: transparent;
222 .nav > li.active > a:hover {
227 .nav > .active > a .caret,
228 .nav > .active > a:hover .caret {
229 border-top-color: @textColor;
234 // --------------------------------------------------
245 .nav-list > li > a, .nav-list .nav-header {
250 .nav-list .active > a, .nav-list .active > a:hover {
255 .nav-list li > a:hover {
256 background-color: lighten(@blue, 10%);
259 .nav-tabs, .nav-tabs.nav-stacked > li > a {
260 border-color: transparent;
265 background-color: @blue;
271 &.nav-stacked > li.active > a:hover {
273 background-color: @orange;
274 border-color: transparent;
278 &.nav-stacked > li > a:hover {
279 background-color: lighten(@blue, 10%);
280 border-color: transparent;
284 .nav-pills > li > a {
286 background-color: @blue;
289 .nav-pills > li:hover > a {
290 background-color: lighten(@blue, 10%);
291 border-color: transparent;
294 .nav-tabs .open .dropdown-toggle,
295 .nav-pills .open .dropdown-toggle,
296 .nav > .open.active > a:hover {
297 background-color: lighten(@blue, 10%);
298 border-color: transparent;
301 .nav-pills .dropdown .caret,
302 .nav-pills .dropdown:hover .caret {
303 border-top-color: @textColor;
306 .dropdown.open .dropdown-menu > li > a:hover,
307 .dropdown.open .dropdown-menu > li.active > a:hover {
308 background-color: @orange;
313 .tabbable .nav-tabs > li.active > a,
314 .tabbable .nav-tabs > li > a:hover,
315 .tabbable .nav-tabs > li.active > a:hover {
316 border-color: transparent;
320 background-color: @blue;
321 background-image: none;
337 background-image: none;
338 border-color: transparent;
348 background: lighten(@blue, 10%);
352 ul > .active > a:hover,
354 ul > .active > span:hover {
355 background-color: @orange;
360 ul > .disabled > a:hover,
361 ul > .disabled > span,
362 ul > .disabled > span:hover {
363 background: darken(@blue, 5%);
371 background-color: @blue;
372 border-color: transparent;
375 background: lighten(@blue, 10%);
381 background-color: @blue;
386 // --------------------------------------------------
391 background-image: none;
392 .box-shadow(-2px 2px 0 rgba(0, 0, 0, 0.2));
397 background-color: @yellow;
400 .btn-primary, .btn-primary:hover {
401 .box-shadow(-2px 2px 0 darken(@btnPrimaryBackground, 30%));
404 .btn-warning, .btn-warning:hover {
405 .box-shadow(-2px 2px 0 darken(@yellow, 30%));
408 .btn-danger, .btn-danger:hover {
409 .box-shadow(-2px 2px 0 darken(#ee5f5b, 30%));
412 .btn-success, .btn-success:hover {
413 .box-shadow(-2px 2px 0 darken(#62c462, 30%));
416 .btn-info, .btn-info:hover {
417 .box-shadow(-2px 2px 0 darken(#5bc0de, 40%));
420 .btn-inverse, .btn-inverse:hover {
421 .box-shadow(-2px 2px 0 darken(#454545, 20%));
424 .btn.dropdown-toggle, .btn.dropdown-toggle:hover {
425 .box-shadow(0 2px 0 darken(@white, 80%));
428 .btn-primary.dropdown-toggle, .btn-primary.dropdown-toggle:hover {
429 .box-shadow(0 2px 0 darken(@btnPrimaryBackground, 30%));
432 .btn-warning.dropdown-toggle, .btn-warning.dropdown-toggle:hover {
433 .box-shadow(0 2px 0 darken(@yellow, 30%));
436 .btn-danger.dropdown-toggle, .btn-danger.dropdown-toggle:hover {
437 .box-shadow(0 2px 0 darken(#ee5f5b, 30%));
440 .btn-success.dropdown-toggle, .btn-success.dropdown-toggle:hover {
441 .box-shadow(0 2px 0 darken(#62c462, 30%));
444 .btn-info.dropdown-toggle, .btn-info.dropdown-toggle:hover {
445 .box-shadow(0 2px 0 darken(#5bc0de, 40%));
448 .btn-inverse.dropdown-toggle, .btn-inverse.dropdown-toggle:hover {
449 .box-shadow(0 2px 0 darken(#454545, 20%));
457 .box-shadow(-1px 1px 0 darken(@white, 80%))
461 .btn.disabled.active,
462 .btn.disabled:active,
470 [class^="icon-"], [class*=" icon-"] {
471 vertical-align: -13%;
475 // -----------------------------------------------------
478 .table-striped tbody > tr > td:first-child,
479 .table-striped tbody > tr > td:last-child, {
484 // --------------------------------------------------
486 input, button, select, textarea {
487 font-family: 'Noticia Text', serif;
492 font-family: @headingsFontFamily;
494 text-shadow: -2px 2px 0 darken(@orange, 30%);
511 .control-group.warning {
512 .formFieldState(lighten(@warningText, 10%), lighten(@warningText, 10%), @warningBackground);
515 .control-group.error {
516 .formFieldState(lighten(@errorText, 10%), lighten(@errorText, 10%), @errorBackground);
519 .control-group.success {
520 .formFieldState(lighten(@successText, 10%), lighten(@successText, 10%), @successBackground);
523 .input-append .add-on,
524 .input-prepend .add-on,
526 .input-prepend .btn {
527 color: @bodyBackground;
531 // --------------------------------------------------
536 border-left: 6px solid transparent;
537 border-right: 6px solid transparent;
538 border-top: 6px solid lighten(@blue, 10%);
541 // ALERTS, LABELS, BADGES
542 // --------------------------------------------------
545 background-color: @blue;
550 background-color: @errorText;
554 background-color: @orange;
558 background-color: @successText;
562 background-color: @infoText;
566 background-color: @blue;
572 color: lighten(@orange, 12%);
576 .alert .alert-heading {
581 background-color: @successText;
586 background-color: @errorText;
590 background-color: @infoText;
594 // --------------------------------------------------
607 background-color: darken(@blueDark, 5%);
608 background-image: none;
623 background-color: transparent;
629 background-color: @bodyBackground;
634 .border-radius(4px 4px 0 0);
638 .border-radius(0 0 4px 4px);
643 // --------------------------------------------------
645 @media (max-width: 768px) {
652 &:first-child > a:hover,
653 &.active:first-child > a,
654 &.active:first-child > a:hover {
655 .border-radius(4px 4px 0 0);
659 &:last-child > a:hover,
660 &.active:last-child > a,
661 &.active:last-child > a:hover {
662 .border-radius(0 0 4px 4px);