4 // -----------------------------------------------------
7 // -----------------------------------------------------
9 h1, h2, h3, h4, h5, h6, body, legend, label {
10 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
14 // -----------------------------------------------------
19 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
24 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
25 border-right: 1px solid darken(@gray, 15%);
29 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
30 border-right: 1px solid darken(@gray, 15%);
31 border-left: 1px solid @gray;
34 #gradient > .directional(@grayDarker, @grayDark, 280deg);
35 border-left: 1px solid transparent;
36 border-right: 1px solid transparent;
41 .nav > li.active > a:hover {
43 background-color: @grayDark;
44 #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
45 border-right: 1px solid darken(@gray, 15%);
48 .navbar-search .search-query {
49 border: 1px solid darken(@gray, 15%);
53 background-color: transparent;
57 .dropdown-menu::after {
58 border-bottom: 6px solid @grayDark;
61 .nav-collapse.in > .nav > li > a,
62 .nav-collapse.in > .nav > li.active > a,
63 .nav-collapse.in > .nav > li > a:hover,
64 .nav-collapse.in > .nav > li.active > a:hover {
67 border: 1px solid transparent;
68 background-color: transparent;
69 background-image: none;
72 .nav-collapse.in > .nav > li > a:hover,
73 .nav-collapse.in > .nav > li.active > a:hover {
74 background-color: @grayDarker;
78 @media (max-width: 979px) {
85 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
86 border: 1px solid transparent;
87 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
91 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
92 border-right: 1px solid darken(@gray, 15%);
93 border-left: 1px solid @gray;
97 background-color: @grayDark;
98 #gradient > .directional(@grayDarker, @grayDark, 280deg);
99 border-left: 1px solid transparent;
100 border-right: 1px solid transparent;
104 .nav > li.active > a,
105 .nav > li.active > a:hover {
107 background-color: @grayDark;
108 #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
109 border-right: 1px solid darken(@gray, 15%);
112 .nav > li:first-child > a,
113 .nav > li:first-child > a:hover {
114 border-left: 1px solid transparent;
117 &.subnav-fixed .nav > li.active:first-child > a,
118 &.subnav-fixed .nav > li:first-child > a:hover {
119 border-left: 1px solid darken(@gray, 15%);
122 .nav > li.active:last-child > a,
123 .nav > li:last-child > a:hover {
124 border-right: 1px solid darken(@gray, 15%);
127 .open .dropdown-toggle {
128 border-right: 1px solid darken(@gray, 15%);
129 border-left: 1px solid @gray;
137 @media (max-width: 768px) {
138 div.subnav .nav > li + li > a {
139 border-top: 1px solid transparent;
144 // -----------------------------------------------------
147 .buttonBackground(@gray, darken(@gray, 10%));
149 border: 1px solid @grayDarker;
155 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
159 .buttonBackground(@btnPrimaryBackground, spin(@btnPrimaryBackground, 20));
163 .buttonBackground(lighten(@orange, 15%), @orange);
167 .buttonBackground(#ee5f5b, #bd362f);
171 .buttonBackground(#62c462, #51a351);
175 .buttonBackground(#5bc0de, #2f96b4);
179 .buttonBackground(#454545, #262626);
183 border-top-color: @white;
187 // -----------------------------------------------------
192 // -----------------------------------------------------
202 .breadcrumb, .pagination > ul a, .pager a {
203 border: 1px solid transparent;
204 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
205 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
208 .breadcrumb li, .breadcrumb a, .pagination > ul a {
211 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
219 .pagination li.disabled > a {
220 border-left: 1px solid @gray;
221 border-right: 1px solid darken(@gray, 15%);
226 .pagination li.disabled > a {
227 #gradient > .vertical-three-colors(@grayLight, @gray, 70%, @gray);
230 .pagination > ul > li:not(.disabled) a:hover,
232 #gradient > .directional(@grayDarker, @grayDark, 280deg);
233 border-left: 1px solid transparent;
236 .pagination > ul > li.active > a,
237 .pagination > ul > li.active > a:hover {
239 background-color: @grayDark;
240 #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
241 border-left: 1px solid transparent;
245 #gradient > .directional(@grayDarker, @grayDark, 280deg);
246 border: 1px solid transparent;
254 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
255 .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
259 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
262 .nav > li.active > a,
263 .nav > li.active > a:hover {
264 background-color: transparent;
269 .nav > li > a:hover {
270 background-color: transparent;
275 background-color: @grayDark;
276 .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
279 background-image: none;
280 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
285 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
289 border-bottom: 1px solid darken(@grayDarker, 5%);
290 background-color: transparent;
298 .tabs-below .nav-tabs {
302 .tabs-left .nav-tabs {
306 .tabs-right .nav-tabs {
310 .nav-tabs.nav-stacked > li > a,
311 .nav-tabs.nav-stacked > li > a:hover {
316 .box-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
320 background-color: @grayDark;
324 .dropdown.open .dropdown-toggle {
325 background-color: @grayDark;
330 // -----------------------------------------------------
332 label, input, button, select, textarea, legend {
340 .input-prepend .add-on, .input-append .add-on {
343 background-color: @gray;
344 border-top: 1px solid @grayLight;
345 border-left: 1px solid @grayLight;
346 border-bottom: 1px solid @grayDark;
347 border-right: 1px solid @grayDark;
351 .uneditable-input, input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
357 // -----------------------------------------------------
360 color: rgba(255, 255, 255, 0.9);
361 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
362 .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
366 color: rgba(255, 255, 255, 0.9);
367 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
371 background-color: @orange;
372 border-color: @orange;
376 background-color: @successText;
377 border-color: @successText;
381 background-color: @errorText;
382 border-color: @errorText;
386 background-color: @infoText;
387 border-color: @infoText;
391 // -----------------------------------------------------
394 background-color: darken(@grayDark, 5%);
402 border-bottom: 1px solid #1C1E22;
407 background-color: @grayDarker;
412 // -----------------------------------------------------
415 background-color: #F7F7F7;
416 border: 1px solid darken(@grayDarker, 5%);
420 hr, legend, .page-header, .dropdown-menu .divider {
422 border-bottom: 1px solid darken(@grayDarker, 5%);
423 background-color: transparent;
427 border-top: 1px solid darken(@grayDarker, 5%);
434 .well, .progress, .hero-unit {
435 background-color: darken(@grayDarker, 3%);
436 .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5);
440 #gradient > .vertical(darken(@grayDarker, 3%), darken(@grayDarker, 3%));
443 .thumbnail, a.thumbnail:hover {
444 border: 1px solid darken(@grayDarker, 5%);