3 // -----------------------------------------------------
6 // -----------------------------------------------------
9 background-color: @grayDarker;
12 h1, h2, h3, h4, h5, h6, body, legend, label {
14 text-shadow: -1px -1px 0 #111;
18 // -----------------------------------------------------
24 .navbar .navbar-inner,
26 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
29 .navbar .divider-vertical {
30 background-color: transparent;
35 .navbar .nav > li > a,
36 div.subnav .nav > li > a {
38 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
39 border-right: 1px solid darken(@gray, 15%);
42 .navbar .nav > li > a,
43 div.subnav .nav > li > a {
44 border-left: 1px solid @gray;
48 background-color: @grayDark;
49 #gradient > .directional(@grayDarker, @grayDark, 280deg);
50 border-left: 1px solid transparent;
51 border-right: 1px solid transparent;
55 .navbar .nav > li.active > a,
56 div.subnav .nav > li.active > a,
57 .navbar .nav > li.active > a:hover,
58 div.subnav .nav > li.active > a:hover {
60 background-color: @grayDark;
61 #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
62 border-right: 1px solid darken(@gray, 15%);
65 div.subnav .nav > li:first-child > a,
66 div.subnav .nav > li:first-child > a:hover {
67 border-left: 1px solid transparent;
70 div.subnav.subnav-fixed .nav > li.active:first-child > a,
71 div.subnav.subnav-fixed .nav > li:first-child > a:hover {
72 border-left: 1px solid darken(@gray, 15%);
75 div.subnav .nav > li.active:last-child > a,
76 div.subnav .nav > li:last-child > a:hover {
77 border-right: 1px solid darken(@gray, 15%);
81 border: 1px solid transparent;
82 .box-shadow(0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1));
85 .navbar-search .search-query {
86 border: 1px solid darken(@gray, 15%);
89 .navbar .nav-collapse.collapse > .nav > li > a,
90 .navbar .nav-collapse.collapse > .nav > li.active > a,
91 .navbar .nav-collapse.collapse > .nav > li > a:hover,
92 .navbar .nav-collapse.collapse > .nav > li.active > a:hover {
94 border: 1px solid transparent;
96 background-color: transparent;
97 background-image: none;
100 .navbar .nav-collapse.collapse > .nav > li > a:hover,
101 .navbar .nav-collapse.collapse > .nav > li.active > a:hover {
102 background-color: @grayDarker;
105 @media (max-width: 979px) {
112 // -----------------------------------------------------
115 .buttonBackground(@gray, darken(@gray, 10%));
117 border: 1px solid @grayDarker;
123 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
126 // Set the backgrounds
127 // -------------------------
129 .buttonBackground(@primaryButtonBackground, spin(@primaryButtonBackground, 20));
131 // Warning appears are orange
133 .buttonBackground(lighten(@orange, 15%), @orange);
135 // Danger and error appear as red
137 .buttonBackground(#ee5f5b, #bd362f);
139 // Success appears as green
141 .buttonBackground(#62c462, #51a351);
143 // Info appears as a neutral blue
145 .buttonBackground(#5bc0de, #2f96b4);
147 // Inverse appears as dark gray
149 .buttonBackground(#454545, #262626);
153 border-top-color: @white;
157 // -----------------------------------------------------
159 .table th, .table td, .table tbody + tbody {
160 border-top: 1px solid darken(@grayDarker, 5%);
164 border: 1px solid darken(@grayDarker, 5%);
169 border-left: 1px solid darken(@grayDarker, 5%);
171 // Prevent a double border
172 thead:first-child tr:first-child th,
173 tbody:first-child tr:first-child th,
174 tbody:first-child tr:first-child td {
181 tr:nth-child(odd) td,
182 tr:nth-child(odd) th {
183 background-color: darken(@grayDark, 5%);
191 background-color: @grayDark;
196 // -----------------------------------------------------
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;
251 .nav > li.active > a,
252 .nav > li.active > a:hover,
253 .nav-tabs.nav-stacked > li > a,
254 .nav-tabs.nav-stacked > li > a:hover {
256 background-color: transparent;
259 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
263 .box-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
267 .dropdown-menu li.active a,
268 .dropdown-menu li.active a:hover {
269 background-color: @grayDark;
273 .dropdown-menu li.active a,
274 .dropdown-menu li a:hover,
275 .dropdown-menu li.active a:hover,
276 .dropdown.open .dropdown-toggle {
280 .dropdown-menu li a:hover,
281 .dropdown-menu li.active a:hover {
282 background-color: @grayDarker;
285 .navbar .dropdown-menu::after {
286 border-bottom: 6px solid @grayDark;
291 .box-shadow(0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1));
292 #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
296 .nav.nav-list .nav-header {
298 text-shadow: -1px -1px 0 #111;
301 .tabs-below .nav-tabs {
305 .tabs-left .nav-tabs {
309 .tabs-right .nav-tabs {
314 // -----------------------------------------------------
317 background-color: darken(@grayDarker, 3%);
321 .input-prepend .add-on, .input-append .add-on {
322 background-color: @gray;
323 border-top: 1px solid @grayLight;
324 border-left: 1px solid @grayLight;
325 border-bottom: 1px solid @grayDark;
326 border-right: 1px solid @grayDark;
330 .uneditable-input, input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
336 // -----------------------------------------------------
339 color: rgba(256, 256, 256, 0.9);
340 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
341 .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
345 color: rgba(256, 256, 256, 0.9);
346 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
350 background-color: @warningText;
351 border-color: @warningText;
355 background-color: @successText;
356 border-color: @successText;
361 background-color: @errorText;
362 border-color: @errorText;
366 background-color: @infoText;
367 border-color: @infoText;
371 // -----------------------------------------------------
374 background-color: #F7F7F7;
375 border: 1px solid darken(@grayDarker, 5%);
379 hr, legend, .page-header, .dropdown-menu .divider {
381 border-bottom: 1px solid darken(@grayDarker, 5%);
382 background-color: transparent;
386 border-top: 1px solid darken(@grayDarker, 5%);
390 background-color: darken(@grayDarker, 3%);
391 .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5);
395 #gradient > .vertical(darken(@grayDarker, 3%), darken(@grayDarker, 3%));
398 .thumbnail, a.thumbnail:hover {
399 border: 1px solid darken(@grayDarker, 5%);