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%);
78 background-color: transparent;
82 .dropdown-menu::after {
83 border-bottom: 6px solid @grayDark;
89 #gradient > .vertical-three-colors(darken(@grayDarker, 3%), darken(@grayDarker, 8%), 70%, darken(@grayDarker, 8%));
93 background-image: none;
94 background-color: transparent;
99 .nav li.active > a:hover {
100 #gradient > .directional(darken(@grayDarker, 3%), @grayDarker, 280deg);
105 @media (max-width: @navbarCollapseWidth) {
107 .navbar .nav-collapse {
112 .nav .active > a:hover {
115 border: 1px solid transparent;
116 background-color: transparent;
117 background-image: none;
121 .nav .active > a:hover {
122 background-color: @grayDarker;
127 border-color: transparent;
136 .navbar-inverse .nav-collapse {
139 .nav .active > a:hover {
140 background-color: @grayDarker !important;
147 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
148 border: 1px solid transparent;
149 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
153 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
154 border-right: 1px solid darken(@gray, 15%);
155 border-left: 1px solid @gray;
159 background-color: @grayDark;
160 #gradient > .directional(@grayDarker, @grayDark, 280deg);
161 border-left: 1px solid transparent;
162 border-right: 1px solid transparent;
166 .nav > li.active > a,
167 .nav > li.active > a:hover {
169 background-color: @grayDark;
170 #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
171 border-right: 1px solid darken(@gray, 15%);
174 .nav > li:first-child > a,
175 .nav > li:first-child > a:hover {
176 border-left: 1px solid transparent;
179 &.subnav-fixed .nav > li.active:first-child > a,
180 &.subnav-fixed .nav > li:first-child > a:hover {
181 border-left: 1px solid darken(@gray, 15%);
184 .nav > li.active:last-child > a,
185 .nav > li:last-child > a:hover {
186 border-right: 1px solid darken(@gray, 15%);
189 .open .dropdown-toggle {
190 border-right: 1px solid darken(@gray, 15%);
191 border-left: 1px solid @gray;
200 // -----------------------------------------------------
209 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
210 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
214 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
218 li.active > a:hover {
219 background-color: transparent;
225 background-color: transparent;
232 background-color: @grayDark;
233 .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
236 background-image: none;
237 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
242 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
246 border-bottom: 1px solid darken(@grayDarker, 5%);
247 background-color: transparent;
255 .tabs-below .nav-tabs {
259 .tabs-left .nav-tabs {
263 .tabs-right .nav-tabs {
267 .nav-tabs.nav-stacked {
271 border: 1px solid darken(@grayDarker, 5%);
272 background-image: none;
278 background-color: @wellBackground;
284 border: 1px solid transparent;
285 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
286 .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);
308 border-left: 1px solid @gray;
309 border-right: 1px solid darken(@gray, 15%);
312 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
313 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
316 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
319 #gradient > .directional(@grayDarker, @grayDark, 280deg);
320 border-left: 1px solid transparent;
325 ul > .active > a:hover,
327 ul > .active > span:hover {
329 background-color: @grayDark;
330 #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
331 border-left: 1px solid transparent;
335 ul > .disabled > a:hover,
336 ul > .disabled > span,
337 ul > .disabled > span:hover {
338 border-left: 1px solid @gray;
339 border-right: 1px solid darken(@gray, 15%);
342 #gradient > .vertical-three-colors(@grayLight, @gray, 70%, @gray);
350 border: 1px solid transparent;
351 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
352 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
355 #gradient > .directional(@grayDarker, @grayDark, 280deg);
356 border: 1px solid transparent;
362 background-color: transparent;
367 // -----------------------------------------------------
370 .buttonBackground(@gray, darken(@gray, 10%));
372 border: 1px solid @grayDarker;
378 text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3);
382 .buttonBackground(@btnPrimaryBackground, spin(@btnPrimaryBackground, 20));
384 text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
388 .buttonBackground(lighten(@orange, 15%), @orange);
392 .buttonBackground(@red, #bd362f);
396 .buttonBackground(@green, #51a351);
400 .buttonBackground(@blue, #2f96b4);
404 .buttonBackground(@gray, @grayDarker);
408 border-top-color: @white;
412 // -----------------------------------------------------
416 tbody tr.success td {
417 background-color: @successText;
421 background-color: @errorText;
425 background-color: @infoText;
432 // -----------------------------------------------------
434 label, input, button, select, textarea, legend {
439 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
442 .input-prepend .add-on,
443 .input-append .add-on {
445 background-color: @gray;
446 border-top: 1px solid @grayLight;
447 border-left: 1px solid @grayLight;
448 border-bottom: 1px solid @grayDark;
449 border-right: 1px solid @grayDark;
454 .input-prepend .btn {
474 // -----------------------------------------------------
477 .box-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
480 .dropdown.open .dropdown-toggle {
481 background-color: @grayDark;
485 .dropdown-submenu > a::after {
486 border-left-color: @white;
489 // ALERTS, LABELS, BADGES
490 // -----------------------------------------------------
493 color: rgba(255, 255, 255, 0.9);
494 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
495 .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
499 background-color: @orange;
500 border-color: @orange;
503 color: rgba(255, 255, 255, 0.9);
504 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
509 background-color: @successText;
510 border-color: @successText;
514 background-color: @errorText;
515 border-color: @errorText;
519 background-color: @infoText;
520 border-color: @infoText;
524 // -----------------------------------------------------
527 .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5));
532 border: 1px solid darken(@grayDarker, 5%);
536 background-color: darken(@grayDarker, 3%);
537 #gradient > .vertical(darken(@grayDarker, 3%), darken(@grayDarker, 3%));
538 .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5));
542 border-top: 1px solid darken(@grayDarker, 5%);
551 background-color: darken(@grayDark, 5%);
558 border-bottom: 1px solid #1C1E22;
563 background-color: @grayDarker;
569 // -----------------------------------------------------
571 @media (max-width: 979px) {
577 @media (max-width: 768px) {
578 div.subnav .nav > li + li > a {
579 border-top: 1px solid transparent;