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);
27 border-right: 1px solid rgba(0, 0, 0, 0.4);
30 .btn-shadow-inverse(@navbar-bg);
35 border-right: 1px solid rgba(0, 0, 0, 0.2);
36 border-left: 1px solid rgba(255, 255, 255, 0.1);
39 .btn-shadow-inverse(@navbar-bg);
40 border-left-color: transparent;
44 &-nav > li.active > a {
45 border-left-color: transparent;
54 // Buttons ====================================================================
58 border-color: rgba(0, 0, 0, 0.6);
59 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
63 .btn-shadow(@btn-default-bg);
67 .btn-shadow(@btn-primary-bg);
71 .btn-shadow(@btn-success-bg);
75 .btn-shadow(@btn-info-bg);
79 .btn-shadow(@btn-warning-bg);
83 .btn-shadow(@btn-danger-bg);
87 .btn-shadow-inverse(@btn-default-bg);
91 .btn-shadow-inverse(@btn-primary-bg);
95 .btn-shadow-inverse(@btn-success-bg);
99 .btn-shadow-inverse(@btn-info-bg);
103 .btn-shadow-inverse(@btn-warning-bg);
107 .btn-shadow-inverse(@btn-danger-bg);
110 // Typography =================================================================
112 h1, h2, h3, h4, h5, h6 {
113 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
117 color: @brand-primary;
121 color: @brand-success;
125 color: @brand-danger;
129 color: @brand-warning;
136 // Tables =====================================================================
154 border-color: @table-border-color;
160 // Forms ======================================================================
165 color: @brand-warning;
169 .form-control:focus {
170 border-color: @brand-warning;
177 color: @brand-danger;
181 .form-control:focus {
182 border-color: @brand-danger;
189 color: @brand-success;
193 .form-control:focus {
194 border-color: @brand-success;
203 border-color: rgba(0, 0, 0, 0.6);
204 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
205 .btn-shadow(@btn-default-bg);
208 // Navs =======================================================================
212 .btn-shadow(@btn-default-bg);
213 border: 1px solid rgba(0, 0, 0, 0.6);
214 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
217 .btn-shadow-inverse(@btn-default-bg);
218 border: 1px solid rgba(0, 0, 0, 0.6);
223 & > li.active > a:hover {
224 bacground-color: none;
225 .btn-shadow-inverse(@btn-default-bg);
226 border: 1px solid rgba(0, 0, 0, 0.6);
230 & > li.disabled > a:hover {
231 .btn-shadow(@btn-default-bg);
238 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
239 .btn-shadow(@btn-default-bg);
242 .btn-shadow-inverse(@btn-default-bg);
247 .btn-shadow-inverse(@btn-default-bg);
251 & > li.disabled > a:hover {
252 background-color: transparent;
253 .btn-shadow(@btn-default-bg);
260 .btn-shadow(@btn-default-bg);
261 border: 1px solid rgba(0, 0, 0, 0.6);
262 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
265 .btn-shadow-inverse(@btn-default-bg);
266 border: 1px solid rgba(0, 0, 0, 0.6);
271 & > li.disabled > a:hover {
272 background-color: transparent;
273 .btn-shadow(@btn-default-bg);
278 border: 1px solid rgba(0, 0, 0, 0.6);
279 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
280 .btn-shadow(@btn-default-bg);
283 // Indicators =================================================================
290 text-decoration: underline;
294 // Progress bars ==============================================================
296 // Containers =================================================================
299 border: 1px solid rgba(0, 0, 0, 0.6);
303 background-color: lighten(@body-bg, 5%);