3 // -----------------------------------------------------
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 {
264 border: 1px solid transparent;
265 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
266 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
276 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
288 border-left: 1px solid @gray;
289 border-right: 1px solid darken(@gray, 15%);
292 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
293 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
296 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
299 #gradient > .directional(@grayDarker, @grayDark, 280deg);
300 border-left: 1px solid transparent;
305 ul > .active > a:hover,
307 ul > .active > span:hover {
309 background-color: @grayDark;
310 #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
311 border-left: 1px solid transparent;
315 ul > .disabled > a:hover,
316 ul > .disabled > span,
317 ul > .disabled > span:hover {
318 border-left: 1px solid @gray;
319 border-right: 1px solid darken(@gray, 15%);
322 #gradient > .vertical-three-colors(@grayLight, @gray, 70%, @gray);
329 border: 1px solid transparent;
330 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
331 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
335 #gradient > .directional(@grayDarker, @grayDark, 280deg);
336 border: 1px solid transparent;
341 background-color: transparent;
346 // -----------------------------------------------------
349 .buttonBackground(@gray, darken(@gray, 10%));
351 border: 1px solid @grayDarker;
357 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
361 .buttonBackground(@btnPrimaryBackground, spin(@btnPrimaryBackground, 20));
365 .buttonBackground(lighten(@orange, 15%), @orange);
369 .buttonBackground(#ee5f5b, #bd362f);
373 .buttonBackground(#62c462, #51a351);
377 .buttonBackground(#5bc0de, #2f96b4);
381 .buttonBackground(#454545, #262626);
385 border-top-color: @white;
389 // -----------------------------------------------------
392 // -----------------------------------------------------
394 label, input, button, select, textarea, legend {
399 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
402 .input-prepend .add-on,
403 .input-append .add-on {
405 background-color: @gray;
406 border-top: 1px solid @grayLight;
407 border-left: 1px solid @grayLight;
408 border-bottom: 1px solid @grayDark;
409 border-right: 1px solid @grayDark;
414 .input-prepend .btn {
434 // -----------------------------------------------------
437 .box-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
441 background-color: @grayDark;
445 .dropdown.open .dropdown-toggle {
446 background-color: @grayDark;
450 .dropdown-menu .divider {
452 border-bottom: 1px solid darken(@grayDarker, 5%);
453 background-color: transparent;
456 .dropdown-submenu > a::after {
457 border-left-color: @white;
460 // ALERTS, LABELS, BADGES
461 // -----------------------------------------------------
464 color: rgba(255, 255, 255, 0.9);
465 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
466 .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
470 color: rgba(255, 255, 255, 0.9);
471 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
475 background-color: @orange;
476 border-color: @orange;
480 background-color: @successText;
481 border-color: @successText;
485 background-color: @errorText;
486 border-color: @errorText;
490 background-color: @infoText;
491 border-color: @infoText;
495 // -----------------------------------------------------
498 .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5));
503 border: 1px solid darken(@grayDarker, 5%);
507 background-color: darken(@grayDarker, 3%);
508 #gradient > .vertical(darken(@grayDarker, 3%), darken(@grayDarker, 3%));
509 .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5));
513 border-top: 1px solid darken(@grayDarker, 5%);
522 background-color: darken(@grayDark, 5%);
529 border-bottom: 1px solid #1C1E22;
534 background-color: @grayDarker;
540 // -----------------------------------------------------
542 @media (max-width: 979px) {
548 @media (max-width: 768px) {
549 div.subnav .nav > li + li > a {
550 border-top: 1px solid transparent;