3 // -----------------------------------------------------
6 #gradient > .vertical-three-colors(lighten(@color, 6%), @color, 60%, darken(@color, 4%));
9 .btn-shadow-inverse(@color) {
10 #gradient > .vertical-three-colors(darken(@color, 24%), darken(@color, 18%), 40%, darken(@color, 14%));
13 // Navbar =====================================================================
17 .btn-shadow(@navbar-default-bg);
19 border: 1px solid rgba(0, 0, 0, 0.6);
20 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
23 .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);
64 .btn-shadow(@btn-primary-bg);
68 .btn-shadow(@btn-success-bg);
72 .btn-shadow(@btn-info-bg);
76 .btn-shadow(@btn-warning-bg);
80 .btn-shadow(@btn-danger-bg);
84 .btn-shadow-inverse(@btn-default-bg);
88 .btn-shadow-inverse(@btn-primary-bg);
92 .btn-shadow-inverse(@btn-success-bg);
96 .btn-shadow-inverse(@btn-info-bg);
100 .btn-shadow-inverse(@btn-warning-bg);
104 .btn-shadow-inverse(@btn-danger-bg);
107 // Typography =================================================================
109 h1, h2, h3, h4, h5, h6 {
110 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
114 color: @brand-primary;
118 color: @brand-success;
122 color: @brand-danger;
126 color: @brand-warning;
133 // Tables =====================================================================
151 border-color: @table-border-color;
157 // Forms ======================================================================
162 color: @brand-warning;
166 .form-control:focus {
167 border-color: @brand-warning;
174 color: @brand-danger;
178 .form-control:focus {
179 border-color: @brand-danger;
186 color: @brand-success;
190 .form-control:focus {
191 border-color: @brand-success;
200 border-color: rgba(0, 0, 0, 0.6);
201 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
202 .btn-shadow(@btn-default-bg);
205 // Navs =======================================================================
212 border-color: rgba(0, 0, 0, 0.6);
220 .btn-shadow(@btn-default-bg);
221 border: 1px solid rgba(0, 0, 0, 0.6);
222 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
225 .btn-shadow-inverse(@btn-default-bg);
226 border: 1px solid rgba(0, 0, 0, 0.6);
231 & > li.active > a:hover {
232 background-color: none;
233 .btn-shadow-inverse(@btn-default-bg);
234 border: 1px solid rgba(0, 0, 0, 0.6);
238 & > li.disabled > a:hover {
239 .btn-shadow(@btn-default-bg);
246 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
247 .btn-shadow(@btn-default-bg);
250 .btn-shadow-inverse(@btn-default-bg);
255 .btn-shadow-inverse(@btn-default-bg);
256 border-color: rgba(0, 0, 0, 0.6);
260 & > li.disabled > a:hover {
261 background-color: transparent;
262 .btn-shadow(@btn-default-bg);
269 .btn-shadow(@btn-default-bg);
270 border: 1px solid rgba(0, 0, 0, 0.6);
271 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
274 .btn-shadow-inverse(@btn-default-bg);
275 border: 1px solid rgba(0, 0, 0, 0.6);
280 & > li.disabled > a:hover {
281 background-color: transparent;
282 .btn-shadow(@btn-default-bg);
287 border: 1px solid rgba(0, 0, 0, 0.6);
288 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
289 .btn-shadow(@btn-default-bg);
292 // Indicators =================================================================
299 text-decoration: underline;
303 // Progress bars ==============================================================
305 // Containers =================================================================
308 border: 1px solid rgba(0, 0, 0, 0.6);
312 background-color: lighten(@body-bg, 5%);