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-bg);
18 border: 1px solid rgba(0, 0, 0, 0.6);
19 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
22 .btn-shadow(@navbar-inverse-bg);
26 border-right: 1px solid rgba(0, 0, 0, 0.2);
27 border-left: 1px solid rgba(255, 255, 255, 0.1);
30 .btn-shadow-inverse(@navbar-bg);
31 border-left-color: transparent;
36 border-color: transparent;
39 &-nav > li.active > a {
40 border-left-color: transparent;
49 // Buttons ====================================================================
53 border-color: rgba(0, 0, 0, 0.6);
54 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
58 .btn-shadow(@btn-default-bg);
62 .btn-shadow(@btn-primary-bg);
66 .btn-shadow(@btn-success-bg);
70 .btn-shadow(@btn-info-bg);
74 .btn-shadow(@btn-warning-bg);
78 .btn-shadow(@btn-danger-bg);
82 .btn-shadow-inverse(@btn-default-bg);
86 .btn-shadow-inverse(@btn-primary-bg);
90 .btn-shadow-inverse(@btn-success-bg);
94 .btn-shadow-inverse(@btn-info-bg);
98 .btn-shadow-inverse(@btn-warning-bg);
102 .btn-shadow-inverse(@btn-danger-bg);
105 // Typography =================================================================
107 h1, h2, h3, h4, h5, h6 {
108 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
112 color: @brand-primary;
116 color: @brand-success;
120 color: @brand-danger;
124 color: @brand-warning;
131 // Tables =====================================================================
149 border-color: @table-border-color;
155 // Forms ======================================================================
160 color: @brand-warning;
164 .form-control:focus {
165 border-color: @brand-warning;
172 color: @brand-danger;
176 .form-control:focus {
177 border-color: @brand-danger;
184 color: @brand-success;
188 .form-control:focus {
189 border-color: @brand-success;
198 border-color: rgba(0, 0, 0, 0.6);
199 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
200 .btn-shadow(@btn-default-bg);
203 // Navs =======================================================================
207 .btn-shadow(@btn-default-bg);
208 border: 1px solid rgba(0, 0, 0, 0.6);
209 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
212 .btn-shadow-inverse(@btn-default-bg);
213 border: 1px solid rgba(0, 0, 0, 0.6);
218 & > li.active > a:hover {
219 bacground-color: none;
220 .btn-shadow-inverse(@btn-default-bg);
221 border: 1px solid rgba(0, 0, 0, 0.6);
225 & > li.disabled > a:hover {
226 .btn-shadow(@btn-default-bg);
233 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
234 .btn-shadow(@btn-default-bg);
237 .btn-shadow-inverse(@btn-default-bg);
242 .btn-shadow-inverse(@btn-default-bg);
246 & > li.disabled > a:hover {
247 background-color: transparent;
248 .btn-shadow(@btn-default-bg);
255 .btn-shadow(@btn-default-bg);
256 border: 1px solid rgba(0, 0, 0, 0.6);
257 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
260 .btn-shadow-inverse(@btn-default-bg);
261 border: 1px solid rgba(0, 0, 0, 0.6);
266 & > li.disabled > a:hover {
267 background-color: transparent;
268 .btn-shadow(@btn-default-bg);
273 border: 1px solid rgba(0, 0, 0, 0.6);
274 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
275 .btn-shadow(@btn-default-bg);
278 // Indicators =================================================================
285 text-decoration: underline;
289 // Progress bars ==============================================================
291 // Containers =================================================================
294 border: 1px solid rgba(0, 0, 0, 0.6);
298 background-color: lighten(@body-bg, 5%);