3 // Load core variables and mixins
4 // --------------------------------------------------
6 @import "variables.less";
13 // --------------------------------------------------
22 text-shadow: 0 -1px 0 rgba(0,0,0,.2);
23 @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
29 .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
33 // Mixin for generating new styles
34 .btn-styles(@btn-color: #555;) {
35 #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 10%));
36 border-color: darken(@btn-color, 12%);
40 background-color: darken(@btn-color, 10%);
41 border-color: darken(@btn-color, 12%);
47 // Remove the gradient for the pressed/active state
50 background-image: none;
54 // Apply the mixin to the buttons
55 .btn-default { .btn-styles(@btn-default-bg;); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
56 .btn-primary { .btn-styles(@btn-primary-bg); }
57 .btn-success { .btn-styles(@btn-success-bg); }
58 .btn-warning { .btn-styles(@btn-warning-bg); }
59 .btn-danger { .btn-styles(@btn-danger-bg); }
60 .btn-info { .btn-styles(@btn-info-bg); }
66 // --------------------------------------------------
70 .box-shadow(0 1px 2px rgba(0,0,0,.075));
77 // --------------------------------------------------
79 .dropdown-menu > li > a:hover,
80 .dropdown-menu > li > a:focus,
81 .dropdown-menu > .active > a,
82 .dropdown-menu > .active > a:hover,
83 .dropdown-menu > .active > a:focus {
84 #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));
85 background-color: darken(@dropdown-link-hover-bg, 5%);
92 // --------------------------------------------------
96 #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg;);
97 border-radius: @navbar-border-radius;
98 @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
101 .navbar-nav > .active > a {
102 background-color: @navbar-default-bg;
106 .navbar-nav > li > a {
107 text-shadow: 0 1px 0 rgba(255,255,255,.25);
112 #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg;);
114 .navbar-nav > .active > a {
115 background-color: @navbar-inverse-bg;
119 .navbar-nav > li > a {
120 text-shadow: 0 -1px 0 rgba(0,0,0,.25);
124 // Undo rounded corners in static and fixed navbars
127 .navbar-fixed-bottom {
135 // --------------------------------------------------
139 text-shadow: 0 1px 0 rgba(255,255,255,.2);
140 @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
141 .box-shadow(@shadow);
144 // Mixin for generating new styles
145 .alert-styles(@color) {
146 #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%));
147 border-color: darken(@color, 15%);
150 // Apply the mixin to the alerts
151 .alert-success { .alert-styles(@alert-success-bg); }
152 .alert-info { .alert-styles(@alert-info-bg); }
153 .alert-warning { .alert-styles(@alert-warning-bg); }
154 .alert-danger { .alert-styles(@alert-danger-bg); }
160 // --------------------------------------------------
162 // Give the progress background some depth
164 #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg;)
167 // Mixin for generating new styles
168 .progress-bar-styles(@color) {
169 #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%));
172 // Apply the mixin to the progress bars
173 .progress-bar { .progress-bar-styles(@progress-bar-bg); }
174 .progress-bar-success { .progress-bar-styles(@progress-bar-success-bg); }
175 .progress-bar-info { .progress-bar-styles(@progress-bar-info-bg); }
176 .progress-bar-warning { .progress-bar-styles(@progress-bar-warning-bg); }
177 .progress-bar-danger { .progress-bar-styles(@progress-bar-danger-bg); }
183 // --------------------------------------------------
186 border-radius: @border-radius-base;
187 .box-shadow(0 1px 2px rgba(0,0,0,.075));
189 .list-group-item.active,
190 .list-group-item.active:hover,
191 .list-group-item.active:focus {
192 text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%);
193 #gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%));
194 border-color: darken(@list-group-active-border, 7.5%);
201 // --------------------------------------------------
205 .box-shadow(0 1px 2px rgba(0,0,0,.05));
208 // Mixin for generating new styles
209 .panel-heading-styles(@color) {
210 #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%));
213 // Apply the mixin to the panel headings only
214 .panel-default > .panel-heading { .panel-heading-styles(@panel-default-heading-bg); }
215 .panel-primary > .panel-heading { .panel-heading-styles(@panel-primary-heading-bg); }
216 .panel-success > .panel-heading { .panel-heading-styles(@panel-success-heading-bg); }
217 .panel-info > .panel-heading { .panel-heading-styles(@panel-info-heading-bg); }
218 .panel-warning > .panel-heading { .panel-heading-styles(@panel-warning-heading-bg); }
219 .panel-danger > .panel-heading { .panel-heading-styles(@panel-danger-heading-bg); }
225 // --------------------------------------------------
228 #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg;);
229 border-color: darken(@well-bg, 10%);
230 @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
231 .box-shadow(@shadow);