4 // -----------------------------------------------------
7 // -----------------------------------------------------
9 h1, h2, h3, h4, h5, h6 {
10 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
14 background-color: #F7F7F7;
15 border: 1px solid darken(@grayDarker, 5%);
20 // -----------------------------------------------------
22 hr, legend, .page-header {
24 border-bottom: 1px solid darken(@grayDarker, 5%);
25 background-color: transparent;
29 // -----------------------------------------------------
34 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
39 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
40 border-right: 1px solid darken(@gray, 15%);
49 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
50 border-right: 1px solid rgba(0, 0, 0, 0.2);
51 border-left: 1px solid rgba(255, 255, 255, 0.1);
54 #gradient > .directional(@grayDarker, @grayDark, 280deg);
55 border-left: 1px solid transparent;
56 border-right: 1px solid transparent;
61 .nav > li.active > a:hover {
63 background-color: @grayDark;
64 #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
65 border-right: 1px solid darken(@gray, 15%);
68 .navbar-search .search-query {
69 border: 1px solid darken(@gray, 15%);
73 background-color: transparent;
77 .dropdown-menu::after {
78 border-bottom: 6px solid @grayDark;
84 #gradient > .vertical-three-colors(darken(@grayDarker, 3%), darken(@grayDarker, 8%), 70%, darken(@grayDarker, 8%));
88 background-image: none;
89 background-color: transparent;
94 .nav li.active > a:hover {
95 #gradient > .directional(darken(@grayDarker, 3%), @grayDarker, 280deg);
100 @media (max-width: @navbarCollapseWidth) {
102 .navbar .nav-collapse {
107 .nav .active > a:hover {
110 border: 1px solid transparent;
111 background-color: transparent;
112 background-image: none;
116 .nav .active > a:hover {
117 background-color: @grayDarker;
122 border-color: transparent;
131 .navbar-inverse .nav-collapse {
134 .nav .active > a:hover {
135 background-color: @grayDarker !important;
142 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
143 border: 1px solid transparent;
144 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
148 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
149 border-right: 1px solid darken(@gray, 15%);
150 border-left: 1px solid @gray;
154 background-color: @grayDark;
155 #gradient > .directional(@grayDarker, @grayDark, 280deg);
156 border-left: 1px solid transparent;
157 border-right: 1px solid transparent;
161 .nav > li.active > a,
162 .nav > li.active > a:hover {
164 background-color: @grayDark;
165 #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
166 border-right: 1px solid darken(@gray, 15%);
169 .nav > li:first-child > a,
170 .nav > li:first-child > a:hover {
171 border-left: 1px solid transparent;
174 &.subnav-fixed .nav > li.active:first-child > a,
175 &.subnav-fixed .nav > li:first-child > a:hover {
176 border-left: 1px solid darken(@gray, 15%);
179 .nav > li.active:last-child > a,
180 .nav > li:last-child > a:hover {
181 border-right: 1px solid darken(@gray, 15%);
184 .open .dropdown-toggle {
185 border-right: 1px solid darken(@gray, 15%);
186 border-left: 1px solid @gray;
195 // -----------------------------------------------------
202 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
203 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
207 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
210 .nav > li.active > a,
211 .nav > li.active > a:hover {
212 background-color: transparent;
217 .nav > li > a:hover {
218 background-color: transparent;
223 background-color: @grayDark;
224 .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
227 background-image: none;
228 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
233 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
237 border-bottom: 1px solid darken(@grayDarker, 5%);
238 background-color: transparent;
246 .tabs-below .nav-tabs {
250 .tabs-left .nav-tabs {
254 .tabs-right .nav-tabs {
258 .nav-tabs.nav-stacked > li > a,
259 .nav-tabs.nav-stacked > li > a:hover {
267 .breadcrumb, .pagination > ul a, .pager a {
268 border: 1px solid transparent;
269 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
270 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
273 .breadcrumb li, .breadcrumb a, .pagination > ul a {
276 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
291 border-left: 1px solid @gray;
292 border-right: 1px solid darken(@gray, 15%);
298 #gradient > .vertical-three-colors(@grayLight, @gray, 70%, @gray);
301 & > ul > li:not(.disabled) a:hover,
303 #gradient > .directional(@grayDarker, @grayDark, 280deg);
304 border-left: 1px solid transparent;
307 & > ul > li.active > a,
308 & > ul > li.active > a:hover {
310 background-color: @grayDark;
311 #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
312 border-left: 1px solid transparent;
319 #gradient > .directional(@grayDarker, @grayDark, 280deg);
320 border: 1px solid transparent;
325 background-color: transparent;
330 // -----------------------------------------------------
333 .buttonBackground(@gray, darken(@gray, 10%));
335 border: 1px solid @grayDarker;
341 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
345 .buttonBackground(@btnPrimaryBackground, spin(@btnPrimaryBackground, 20));
349 .buttonBackground(lighten(@orange, 15%), @orange);
353 .buttonBackground(#ee5f5b, #bd362f);
357 .buttonBackground(#62c462, #51a351);
361 .buttonBackground(#5bc0de, #2f96b4);
365 .buttonBackground(#454545, #262626);
369 border-top-color: @white;
373 // -----------------------------------------------------
376 // -----------------------------------------------------
378 label, input, button, select, textarea, legend {
383 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
386 .input-prepend .add-on,
387 .input-append .add-on {
389 background-color: @gray;
390 border-top: 1px solid @grayLight;
391 border-left: 1px solid @grayLight;
392 border-bottom: 1px solid @grayDark;
393 border-right: 1px solid @grayDark;
398 .input-prepend .btn {
418 // -----------------------------------------------------
421 .box-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
425 background-color: @grayDark;
429 .dropdown.open .dropdown-toggle {
430 background-color: @grayDark;
434 .dropdown-menu .divider {
436 border-bottom: 1px solid darken(@grayDarker, 5%);
437 background-color: transparent;
440 .dropdown-submenu > a::after {
441 border-left-color: @white;
444 // ALERTS, LABELS, BADGES
445 // -----------------------------------------------------
448 color: rgba(255, 255, 255, 0.9);
449 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
450 .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
454 color: rgba(255, 255, 255, 0.9);
455 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
459 background-color: @orange;
460 border-color: @orange;
464 background-color: @successText;
465 border-color: @successText;
469 background-color: @errorText;
470 border-color: @errorText;
474 background-color: @infoText;
475 border-color: @infoText;
479 // -----------------------------------------------------
482 .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5);
487 border: 1px solid darken(@grayDarker, 5%);
491 background-color: darken(@grayDarker, 3%);
492 #gradient > .vertical(darken(@grayDarker, 3%), darken(@grayDarker, 3%));
493 .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5);
497 border-top: 1px solid darken(@grayDarker, 5%);
506 background-color: darken(@grayDark, 5%);
513 border-bottom: 1px solid #1C1E22;
518 background-color: @grayDarker;
524 // -----------------------------------------------------
526 @media (max-width: 979px) {
532 @media (max-width: 768px) {
533 div.subnav .nav > li + li > a {
534 border-top: 1px solid transparent;