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 background-color: transparent;
237 background-color: @grayDark;
238 .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
241 background-image: none;
242 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
247 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
251 border-bottom: 1px solid darken(@grayDarker, 5%);
252 background-color: transparent;
260 .tabs-below .nav-tabs {
264 .tabs-left .nav-tabs {
268 .tabs-right .nav-tabs {
272 .nav-tabs.nav-stacked {
276 border: 1px solid darken(@grayDarker, 5%);
277 background-image: none;
283 background-color: @wellBackground;
289 border: 1px solid transparent;
290 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
291 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
301 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
313 border-left: 1px solid @gray;
314 border-right: 1px solid darken(@gray, 15%);
317 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
318 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
321 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
324 #gradient > .directional(@grayDarker, @grayDark, 280deg);
325 border-left: 1px solid transparent;
330 ul > .active > a:hover,
332 ul > .active > span:hover {
334 background-color: @grayDark;
335 #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
336 border-left: 1px solid transparent;
340 ul > .disabled > a:hover,
341 ul > .disabled > span,
342 ul > .disabled > span:hover {
343 border-left: 1px solid @gray;
344 border-right: 1px solid darken(@gray, 15%);
347 #gradient > .vertical-three-colors(@grayLight, @gray, 70%, @gray);
355 border: 1px solid transparent;
356 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
357 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
360 #gradient > .directional(@grayDarker, @grayDark, 280deg);
361 border: 1px solid transparent;
367 background-color: transparent;
372 // -----------------------------------------------------
375 .buttonBackground(@gray, darken(@gray, 10%));
377 border: 1px solid @grayDarker;
383 text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3);
387 .buttonBackground(@btnPrimaryBackground, spin(@btnPrimaryBackground, 20));
389 text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
393 .buttonBackground(lighten(@orange, 15%), @orange);
397 .buttonBackground(@red, #bd362f);
401 .buttonBackground(@green, #51a351);
405 .buttonBackground(@blue, #2f96b4);
409 .buttonBackground(@gray, @grayDarker);
413 border-top-color: @white;
417 // -----------------------------------------------------
421 tbody tr.success td {
422 background-color: @successText;
426 background-color: @errorText;
430 background-color: @infoText;
437 // -----------------------------------------------------
439 label, input, button, select, textarea, legend {
444 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
447 .input-prepend .add-on,
448 .input-append .add-on {
450 background-color: @gray;
451 border-top: 1px solid @grayLight;
452 border-left: 1px solid @grayLight;
453 border-bottom: 1px solid @grayDark;
454 border-right: 1px solid @grayDark;
459 .input-prepend .btn {
479 // -----------------------------------------------------
482 .box-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
485 .dropdown.open .dropdown-toggle {
486 background-color: @grayDark;
490 .dropdown-submenu > a::after {
491 border-left-color: @white;
494 // ALERTS, LABELS, BADGES
495 // -----------------------------------------------------
498 color: rgba(255, 255, 255, 0.9);
499 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
500 .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
504 background-color: @orange;
505 border-color: @orange;
508 color: rgba(255, 255, 255, 0.9);
509 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
514 background-color: @successText;
515 border-color: @successText;
519 background-color: @errorText;
520 border-color: @errorText;
524 background-color: @infoText;
525 border-color: @infoText;
529 // -----------------------------------------------------
532 .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5));
537 border: 1px solid darken(@grayDarker, 5%);
541 background-color: darken(@grayDarker, 3%);
542 #gradient > .vertical(darken(@grayDarker, 3%), darken(@grayDarker, 3%));
543 .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5));
547 border-top: 1px solid darken(@grayDarker, 5%);
556 background-color: darken(@grayDark, 5%);
563 border-bottom: 1px solid #1C1E22;
568 background-color: @grayDarker;
574 // -----------------------------------------------------
576 @media (max-width: 979px) {
582 @media (max-width: 768px) {
583 div.subnav .nav > li + li > a {
584 border-top: 1px solid transparent;