3 // -----------------------------------------------------
6 #gradient > .vertical-three-colors(lighten(@color, 6%), @color, 60%, darken(@color, 4%));
10 .btn-shadow-inverse(@color) {
11 #gradient > .vertical-three-colors(darken(@color, 24%), darken(@color, 18%), 40%, darken(@color, 14%));
15 // Navbar =====================================================================
19 .btn-shadow(@navbar-default-bg);
20 border: 1px solid rgba(0, 0, 0, 0.6);
21 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
24 .btn-shadow(@navbar-inverse-bg);
28 border-right: 1px solid rgba(0, 0, 0, 0.2);
29 border-left: 1px solid rgba(255, 255, 255, 0.1);
32 .btn-shadow-inverse(@navbar-default-bg);
33 border-left-color: transparent;
38 border-color: transparent;
41 &-nav > li.active > a {
42 border-left-color: transparent;
51 // Buttons ====================================================================
55 border-color: rgba(0, 0, 0, 0.6);
56 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
60 .btn-shadow(@btn-default-bg);
63 .btn-shadow-inverse(@btn-default-bg);
68 .btn-shadow(@btn-primary-bg);
71 .btn-shadow-inverse(@btn-primary-bg);
76 .btn-shadow(@btn-success-bg);
79 .btn-shadow-inverse(@btn-success-bg);
84 .btn-shadow(@btn-info-bg);
87 .btn-shadow-inverse(@btn-info-bg);
92 .btn-shadow(@btn-warning-bg);
95 .btn-shadow-inverse(@btn-warning-bg);
100 .btn-shadow(@btn-danger-bg);
103 .btn-shadow-inverse(@btn-danger-bg);
109 border-color: transparent;
112 // Typography =================================================================
114 h1, h2, h3, h4, h5, h6 {
115 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
119 .text-primary:hover {
120 color: @brand-primary;
124 .text-success:hover {
125 color: @brand-success;
130 color: @brand-danger;
134 .text-warning:hover {
135 color: @brand-warning;
143 // Tables =====================================================================
161 border-color: @table-border-color;
167 .table-responsive > .table {
168 background-color: @table-bg;
171 // Forms ======================================================================
176 color: @brand-warning;
180 .form-control:focus {
181 border-color: @brand-warning;
188 color: @brand-danger;
192 .form-control:focus {
193 border-color: @brand-danger;
200 color: @brand-success;
204 .form-control:focus {
205 border-color: @brand-success;
214 border-color: rgba(0, 0, 0, 0.6);
215 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
216 .btn-shadow(@btn-default-bg);
217 color: @btn-default-color;
220 // Navs =======================================================================
227 border-color: rgba(0, 0, 0, 0.6);
235 .btn-shadow(@btn-default-bg);
236 border: 1px solid rgba(0, 0, 0, 0.6);
237 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
240 .btn-shadow-inverse(@btn-default-bg);
241 border: 1px solid rgba(0, 0, 0, 0.6);
246 & > li.active > a:hover {
247 background-color: none;
248 .btn-shadow-inverse(@btn-default-bg);
249 border: 1px solid rgba(0, 0, 0, 0.6);
253 & > li.disabled > a:hover {
254 .btn-shadow(@btn-default-bg);
261 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
262 .btn-shadow(@btn-default-bg);
265 .btn-shadow-inverse(@btn-default-bg);
270 .btn-shadow-inverse(@btn-default-bg);
271 border-color: rgba(0, 0, 0, 0.6);
275 & > li.disabled > a:hover {
276 background-color: transparent;
277 .btn-shadow(@btn-default-bg);
284 .btn-shadow(@btn-default-bg);
285 border: 1px solid rgba(0, 0, 0, 0.6);
286 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
289 .btn-shadow-inverse(@btn-default-bg);
290 border: 1px solid rgba(0, 0, 0, 0.6);
295 & > li.disabled > a:hover {
296 background-color: transparent;
297 .btn-shadow(@btn-default-bg);
302 border: 1px solid rgba(0, 0, 0, 0.6);
303 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
304 .btn-shadow(@btn-default-bg);
307 // Indicators =================================================================
314 text-decoration: underline;
318 // Progress bars ==============================================================
320 // Containers =================================================================
323 border: 1px solid rgba(0, 0, 0, 0.6);
327 background-color: lighten(@body-bg, 5%);