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 legend, .page-header {
23 border-bottom: 1px solid @hrBorder;
31 // -----------------------------------------------------
36 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
41 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
42 border-right: 1px solid darken(@gray, 15%);
51 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
52 border-right: 1px solid rgba(0, 0, 0, 0.2);
53 border-left: 1px solid rgba(255, 255, 255, 0.1);
56 #gradient > .directional(@grayDarker, @grayDark, 280deg);
57 border-left: 1px solid transparent;
58 border-right: 1px solid transparent;
63 .nav > li.active > a:hover {
65 background-color: @grayDark;
66 #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
67 border-right: 1px solid darken(@gray, 15%);
70 .navbar-search .search-query {
71 border: 1px solid darken(@gray, 15%);
80 background-color: transparent;
84 .dropdown-menu::after {
85 border-bottom: 6px solid @grayDark;
91 #gradient > .vertical-three-colors(darken(@grayDarker, 3%), darken(@grayDarker, 8%), 70%, darken(@grayDarker, 8%));
95 background-image: none;
96 background-color: transparent;
101 .nav li.active > a:hover {
102 #gradient > .directional(darken(@grayDarker, 10%), darken(@grayDarker, 5%), 280deg);
107 @media (max-width: @navbarCollapseWidth) {
109 .navbar .nav-collapse {
114 .nav .active > a:hover {
117 border: 1px solid transparent;
118 background-color: transparent;
119 background-image: none;
123 .nav .active > a:hover {
124 background-color: @grayDarker;
129 border-color: transparent;
138 .navbar-inverse .nav-collapse {
141 .nav .active > a:hover {
142 background-color: @grayDarker !important;
150 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
151 border: 1px solid transparent;
152 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
156 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
157 border-right: 1px solid darken(@gray, 15%);
158 border-left: 1px solid @gray;
162 background-color: @grayDark;
163 #gradient > .directional(@grayDarker, @grayDark, 280deg);
164 border-left: 1px solid transparent;
165 border-right: 1px solid transparent;
169 .nav > li.active > a,
170 .nav > li.active > a:hover {
172 background-color: @grayDark;
173 #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
174 border-right: 1px solid darken(@gray, 15%);
177 .nav > li:first-child > a,
178 .nav > li:first-child > a:hover {
179 border-left: 1px solid transparent;
182 .nav > li.active:last-child > a,
183 .nav > li:last-child > a:hover {
184 border-right: 1px solid darken(@gray, 15%);
187 .open .dropdown-toggle {
188 border-right: 1px solid darken(@gray, 15%);
189 border-left: 1px solid @gray;
197 .nav > li.active:first-child > a,
198 .nav > li:first-child > a:hover {
199 border-left: 1px solid darken(@gray, 15%);
205 // -----------------------------------------------------
210 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
214 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
215 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
219 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
223 li.active > a:hover {
224 background-color: transparent;
230 & > li.disabled > a:hover {
235 background-color: transparent;
242 background-color: @grayDark;
243 .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
246 background-image: none;
247 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
252 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
256 border-bottom: 1px solid darken(@grayDarker, 5%);
257 background-color: transparent;
265 .tabs-below .nav-tabs {
269 .tabs-left .nav-tabs {
273 .tabs-right .nav-tabs {
277 .nav-tabs.nav-stacked {
281 border: 1px solid darken(@grayDarker, 5%);
282 background-image: none;
288 background-color: @wellBackground;
294 border: 1px solid transparent;
295 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
296 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
306 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
318 border-left: 1px solid @gray;
319 border-right: 1px solid darken(@gray, 15%);
322 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
323 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
326 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
329 #gradient > .directional(@grayDarker, @grayDark, 280deg);
330 border-left: 1px solid transparent;
335 ul > .active > a:hover,
337 ul > .active > span:hover {
339 background-color: @grayDark;
340 #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
341 border-left: 1px solid transparent;
345 ul > .disabled > a:hover,
346 ul > .disabled > span,
347 ul > .disabled > span:hover {
348 border-left: 1px solid @gray;
349 border-right: 1px solid darken(@gray, 15%);
352 #gradient > .vertical-three-colors(@grayLight, @gray, 70%, @gray);
361 border: 1px solid transparent;
362 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
363 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
366 #gradient > .directional(@grayDarker, @grayDark, 280deg);
367 border: 1px solid transparent;
373 background-color: transparent;
374 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
379 // -----------------------------------------------------
382 .buttonBackground(@gray, darken(@gray, 10%));
384 border: 1px solid @grayDarker;
390 text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3);
394 .buttonBackground(@btnPrimaryBackground, spin(@btnPrimaryBackground, 20));
396 text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
400 .buttonBackground(lighten(@orange, 15%), @orange);
404 .buttonBackground(@red, #bd362f);
408 .buttonBackground(@green, #51a351);
412 .buttonBackground(@blue, #2f96b4);
416 .buttonBackground(@gray, @grayDarker);
420 border-top-color: @white;
424 // -----------------------------------------------------
428 tbody tr.success td {
429 background-color: @successText;
433 background-color: @errorText;
437 background-color: @infoText;
444 // -----------------------------------------------------
446 label, input, button, select, textarea, legend {
451 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
454 .input-prepend .add-on,
455 .input-append .add-on {
457 background-color: @gray;
458 border-top: 1px solid @grayLight;
459 border-left: 1px solid @grayLight;
460 border-bottom: 1px solid @grayDark;
461 border-right: 1px solid @grayDark;
466 .input-prepend .btn {
486 // -----------------------------------------------------
489 .box-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
492 .dropdown.open .dropdown-toggle {
493 background-color: @grayDark;
497 .dropdown-submenu > a::after {
498 border-left-color: @white;
501 // ALERTS, LABELS, BADGES
502 // -----------------------------------------------------
505 color: rgba(255, 255, 255, 0.9);
506 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
507 .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
511 background-color: @orange;
512 border-color: @orange;
515 color: rgba(255, 255, 255, 0.9);
516 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
521 background-color: @successText;
522 border-color: @successText;
526 background-color: @errorText;
527 border-color: @errorText;
531 background-color: @infoText;
532 border-color: @infoText;
536 // -----------------------------------------------------
539 .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5));
544 border: 1px solid darken(@grayDarker, 5%);
548 background-color: darken(@grayDarker, 3%);
549 #gradient > .vertical(darken(@grayDarker, 3%), darken(@grayDarker, 3%));
550 .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5));
554 border-top: 1px solid darken(@grayDarker, 5%);
563 background-color: darken(@grayDark, 5%);
570 border-bottom: 1px solid #1C1E22;
575 background-color: @grayDarker;
581 // -----------------------------------------------------
583 @media (max-width: 979px) {
589 @media (max-width: 768px) {
590 div.subnav .nav > li + li > a {
591 border-top: 1px solid transparent;