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;
173 background: @blue none;
177 .nav > li.active > a {
178 border-color: transparent;
183 .nav > li.active > a:hover {
184 background-color: lighten(@blue, 10%);
185 border-color: transparent;
188 .nav > li.active > a,
189 .nav > li.active > a:hover {
190 background: @orange none;
196 top: @navbarHeight + 1;
202 .nav > li.active > a,
203 .nav > li.active > a:hover {
204 border-color: transparent;
209 .nav > li.active > a:hover {
214 .nav > .active > a .caret,
215 .nav > .active > a:hover .caret {
216 border-top-color: @textColor;
221 // --------------------------------------------------
245 background-color: lighten(@blue, 10%);
251 .nav-tabs.nav-stacked > li > a {
252 border-color: transparent;
258 background-color: @blue;
264 &.nav-stacked > li.active > a:hover {
266 background-color: @orange;
267 border-color: transparent;
271 &.nav-stacked > li > a:hover {
272 background-color: lighten(@blue, 10%);
273 border-color: transparent;
276 li.disabled > a:hover {
277 background-color: @blue;
285 background-color: @blue;
289 background-color: lighten(@blue, 10%);
290 border-color: transparent;
293 & > .disabled > a:hover {
294 background-color: @blue;
298 .nav-tabs .open .dropdown-toggle,
299 .nav-pills .open .dropdown-toggle,
300 .nav > .open.active > a:hover {
301 background-color: lighten(@blue, 10%);
302 border-color: transparent;
305 .nav-pills .dropdown .caret,
306 .nav-pills .dropdown:hover .caret {
307 border-top-color: @textColor;
310 .dropdown.open .dropdown-menu > li > a:hover,
311 .dropdown.open .dropdown-menu > li.active > a:hover {
312 background-color: @orange;
317 .tabbable .nav-tabs > li.active > a,
318 .tabbable .nav-tabs > li > a:hover,
319 .tabbable .nav-tabs > li.active > a:hover {
320 border-color: transparent;
324 background-color: @blue;
325 background-image: none;
341 background-image: none;
342 border-color: transparent;
352 background: lighten(@blue, 10%);
356 ul > .active > a:hover,
358 ul > .active > span:hover {
359 background-color: @orange;
364 ul > .disabled > a:hover,
365 ul > .disabled > span,
366 ul > .disabled > span:hover {
367 background: darken(@blue, 5%);
376 background-color: @blue;
381 background: lighten(@blue, 10%);
387 background-color: @blue;
392 // --------------------------------------------------
397 background-image: none;
398 .box-shadow(-2px 2px 0 rgba(0, 0, 0, 0.2));
403 background-color: @yellow;
406 .btn-primary, .btn-primary:hover {
407 .box-shadow(-2px 2px 0 darken(@btnPrimaryBackground, 30%));
410 .btn-warning, .btn-warning:hover {
411 .box-shadow(-2px 2px 0 darken(@yellow, 30%));
414 .btn-danger, .btn-danger:hover {
415 .box-shadow(-2px 2px 0 darken(#ee5f5b, 30%));
418 .btn-success, .btn-success:hover {
419 .box-shadow(-2px 2px 0 darken(#62c462, 30%));
422 .btn-info, .btn-info:hover {
423 .box-shadow(-2px 2px 0 darken(#5bc0de, 40%));
426 .btn-inverse, .btn-inverse:hover {
427 .box-shadow(-2px 2px 0 darken(#454545, 20%));
430 .btn.dropdown-toggle, .btn.dropdown-toggle:hover {
431 .box-shadow(0 2px 0 darken(@white, 80%));
434 .btn-primary.dropdown-toggle, .btn-primary.dropdown-toggle:hover {
435 .box-shadow(0 2px 0 darken(@btnPrimaryBackground, 30%));
438 .btn-warning.dropdown-toggle, .btn-warning.dropdown-toggle:hover {
439 .box-shadow(0 2px 0 darken(@yellow, 30%));
442 .btn-danger.dropdown-toggle, .btn-danger.dropdown-toggle:hover {
443 .box-shadow(0 2px 0 darken(#ee5f5b, 30%));
446 .btn-success.dropdown-toggle, .btn-success.dropdown-toggle:hover {
447 .box-shadow(0 2px 0 darken(#62c462, 30%));
450 .btn-info.dropdown-toggle, .btn-info.dropdown-toggle:hover {
451 .box-shadow(0 2px 0 darken(#5bc0de, 40%));
454 .btn-inverse.dropdown-toggle, .btn-inverse.dropdown-toggle:hover {
455 .box-shadow(0 2px 0 darken(#454545, 20%));
463 .box-shadow(-1px 1px 0 darken(@white, 80%))
467 .btn.disabled.active,
468 .btn.disabled:active,
476 [class^="icon-"], [class*=" icon-"] {
477 vertical-align: -13%;
481 // -----------------------------------------------------
484 .table-striped tbody > tr > td:first-child,
485 .table-striped tbody > tr > td:last-child, {
490 // --------------------------------------------------
492 input, button, select, textarea {
493 font-family: 'Noticia Text', serif;
498 font-family: @headingsFontFamily;
500 text-shadow: -2px 2px 0 darken(@orange, 30%);
517 .control-group.warning {
518 .formFieldState(lighten(@warningText, 10%), lighten(@warningText, 10%), @warningBackground);
521 .control-group.error {
522 .formFieldState(lighten(@errorText, 10%), lighten(@errorText, 10%), @errorBackground);
525 .control-group.success {
526 .formFieldState(lighten(@successText, 10%), lighten(@successText, 10%), @successBackground);
529 .input-append .add-on,
530 .input-prepend .add-on,
532 .input-prepend .btn {
533 color: @bodyBackground;
537 // --------------------------------------------------
542 border-left: 6px solid transparent;
543 border-right: 6px solid transparent;
544 border-top: 6px solid lighten(@blue, 10%);
547 // ALERTS, LABELS, BADGES
548 // --------------------------------------------------
551 background-color: @blue;
556 background-color: @errorText;
560 background-color: @orange;
564 background-color: @successText;
568 background-color: @infoText;
572 background-color: @blue;
578 .alert .alert-heading {
583 background-color: @successText;
588 background-color: @errorText;
592 background-color: @infoText;
596 // --------------------------------------------------
609 background-color: darken(@blueDark, 5%);
610 background-image: none;
625 background-color: transparent;
631 background-color: @bodyBackground;
636 .border-radius(4px 4px 0 0);
640 .border-radius(0 0 4px 4px);
645 // --------------------------------------------------
647 @media (max-width: 768px) {
654 &:first-child > a:hover,
655 &.active:first-child > a,
656 &.active:first-child > a:hover {
657 .border-radius(4px 4px 0 0);
661 &:last-child > a:hover,
662 &.active:last-child > a,
663 &.active:last-child > a:hover {
664 .border-radius(0 0 4px 4px);