4 // -----------------------------------------------------
7 // -----------------------------------------------------
9 @import url('http://fonts.googleapis.com/css?family=Muli');
12 // -----------------------------------------------------
15 // -----------------------------------------------------
20 border-bottom: 1px solid #CACACA;
21 .box-shadow(0 1px 0 rgba(255,255,255,0.4)~", "0 0 10px rgba(0,0,0,0.1));
26 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
34 padding: 11px 10px 9px;
35 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
44 .navbar-search .search-query,
45 .navbar-search .search-query:hover {
49 .placeholder(@grayLight);
50 .box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
54 .box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
62 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
70 text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
73 .nav li.dropdown.open > .dropdown-toggle .caret,
74 .nav li.dropdown:hover > .dropdown-toggle .caret,
75 .nav li.dropdown.open:hover > .dropdown-toggle .caret {
76 border-top-color: @white;
79 .navbar-search .search-query,
80 .navbar-search .search-query:hover {
84 .placeholder(@grayLighter);
89 @media (max-width: @navbarCollapseWidth) {
91 .navbar .nav-collapse {
94 background-color: @linkColor;
105 .navbar-inverse .nav-collapse {
111 background-color: @linkColor !important;
132 .nav > li.active > a {
141 .nav > li.dropdown > .dropdown-toggle {
142 background-color: transparent;
145 .nav > li.dropdown.open > .dropdown-toggle {
147 border-left: 1px solid whiteSmoke;
148 border-right: 1px solid #E5E5E5;
158 // -----------------------------------------------------
160 .nav > li.dropdown > .dropdown-toggle,
161 .nav > li.dropdown.active > .dropdown-toggle,
162 .nav > li.dropdown.open > .dropdown-toggle,
163 .nav > li.dropdown.open.active > .dropdown-toggle {
166 border-top: 4px solid @textColor;
167 border-top-color: @textColor;
172 border-top: 4px solid @linkColorHover;
173 border-top-color: @linkColorHover;
178 // -----------------------------------------------------
188 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
191 border-top-color: @textColor;
192 border-bottom-color: @textColor;
199 .buttonBackground(#F4F4F4, #ECECEC);
214 .buttonBackground(#909090, #3F3F3F);
218 .buttonBackground(lighten(@yellow, 15%), @yellow);
222 .buttonBackground(lighten(#DA2D2D, 15%), #DA2D2D);
226 .buttonBackground(#8ADD6D, #60B044);
230 .buttonBackground(lighten(#4488BB, 15%), #4488BB);
234 .buttonBackground(lighten(@purple, 5%), @purple);
238 // -----------------------------------------------------
241 // -----------------------------------------------------
243 .control-group.warning {
244 .formFieldState(#E29235, #E29235, @warningBackground);
247 .control-group.error {
248 .formFieldState(#C00, #C00, @errorBackground);
251 .control-group.success {
252 .formFieldState(#2BA949, #2BA949, @successBackground);
256 // -----------------------------------------------------
258 // ALERTS, LABELS, BADGES
259 // -----------------------------------------------------
263 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
271 background-color: @red;
275 background-color: @orange;
279 background-color: @green;
283 background-color: @blue;
288 // -----------------------------------------------------
291 background-color: @grayLighter;
295 .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
296 border: 1px solid rgba(0,0,0,.05);
300 // -----------------------------------------------------