提交 | 用户 | 时间
|
58d006
|
1 |
//basic variables |
A |
2 |
@icon: ace-icon;//the icon class to be used. For more info please refer to docs, the "icons" section |
|
3 |
|
|
4 |
|
|
5 |
@base-font-size: 13px; |
|
6 |
@baseFontSize: @base-font-size; |
|
7 |
@sansFontFamily: "Open Sans"; |
|
8 |
|
|
9 |
@import "fonts.less";//font sizes |
|
10 |
|
|
11 |
|
|
12 |
@screen-topbar-down: 479px;//The point to move top menu buttons down in default layout |
|
13 |
@screen-topbar-down-min: (@screen-topbar-down + 1);//!ignore |
|
14 |
@screen-topbar-down-small: 360px; //!ignore |
|
15 |
|
|
16 |
@screen-qhd-width: 540px;//!ignore |
|
17 |
@screen-tiny: 320px;//!ignore |
|
18 |
@screen-tiny-max: (@screen-xs-min - 1);//!ignore |
|
19 |
@screen-mini: 240px;//!ignore |
|
20 |
@screen-mini-max: (@screen-tiny - 1);//!ignore |
|
21 |
|
|
22 |
|
|
23 |
|
|
24 |
@screen-fixed-breadcrumbs: @grid-float-breakpoint;//minimum width for fixed breadcrumbs |
|
25 |
@screen-hover-menu: @grid-float-breakpoint;//minimum width for .hover submenus |
|
26 |
@screen-compact-menu: @screen-hover-menu; |
|
27 |
|
|
28 |
|
|
29 |
|
|
30 |
//general.less variables |
|
31 |
@body-background: #E4E6E9; |
|
32 |
@text-color: #393939; |
|
33 |
|
|
34 |
|
|
35 |
|
|
36 |
@ace-nav-default: #2E6589;//ace nav button default background color |
|
37 |
@ace-nav-blue: #2E6589; |
|
38 |
@ace-nav-grey: #555;//ace nav button grey background color |
|
39 |
@ace-nav-purple: #892E65;//ace nav button purple background color |
|
40 |
@ace-nav-green: #2E8965; |
|
41 |
@ace-nav-red: #B74635; |
|
42 |
@ace-nav-light-green: #9ABC32; |
|
43 |
@ace-nav-light-purple: #CB6FD7; |
|
44 |
@ace-nav-light-orange: #F79263; |
|
45 |
@ace-nav-light-blue: #62A8D1; |
|
46 |
@ace-nav-light-blue2: #42A8E1; |
|
47 |
@ace-nav-light-pink: #F4DAE5; |
|
48 |
@ace-nav-dark: #404040; |
|
49 |
@ace-nav-white-opaque: rgba(255,255,255,0.8); |
|
50 |
@ace-nav-dark-opaque: rgba(0,0,0,0.2); |
|
51 |
|
|
52 |
|
|
53 |
@navbar-min-height: 45px;//navbar's min-height |
|
54 |
@navbar-dropdown-width: 240px; |
|
55 |
@navbar-dropdown-shadow: ~"0 2px 4px rgba(30, 30, 100, 0.25)"; |
|
56 |
|
|
57 |
|
|
58 |
@sidebar-width: 190px; |
|
59 |
@sidebar-min-width: 43px;//sidebar minimum width |
|
60 |
@sidebar-compact-width: 105px; |
|
61 |
@nav-item-height: 39px; |
|
62 |
|
|
63 |
@sidebar-toggler-line-1: #87B87F; |
|
64 |
@sidebar-toggler-line-2: #6FB3E0; |
|
65 |
@sidebar-toggler-line-3: #FFA24D; |
|
66 |
@sidebar-toggler-line-4: #D15B47; |
|
67 |
|
|
68 |
@breadcrumb-height: 41px; |
|
69 |
@breadcrumb-arrow-color: #B2B6BF; |
|
70 |
@page-content-padding-top: 8px; |
|
71 |
|
|
72 |
|
|
73 |
|
|
74 |
//navbar |
|
75 |
@navbar-background: #438EB9;//navbar background color |
|
76 |
@navbar-text-color: #FFF; |
|
77 |
|
|
78 |
|
|
79 |
|
|
80 |
|
|
81 |
|
|
82 |
//some text colors |
|
83 |
@ace-dark: #333; |
|
84 |
@ace-white: #FFF; |
|
85 |
@ace-red: #DD5A43; |
|
86 |
@ace-red2: #E08374; |
|
87 |
@ace-light-red: #FF7777; |
|
88 |
@ace-blue: #478FCA; |
|
89 |
@ace-light-blue: #93CBF9; |
|
90 |
@ace-green: #69AA46; |
|
91 |
@ace-light-green: #B0D877; |
|
92 |
@ace-orange: #FF892A; |
|
93 |
@ace-orange2: #FEB902; |
|
94 |
@ace-light-orange: #FCAC6F; |
|
95 |
@ace-purple: #A069C3; |
|
96 |
@ace-pink: #C6699F; |
|
97 |
@ace-pink2: #D6487E; |
|
98 |
@ace-brown:brown; |
|
99 |
@ace-grey: #777; |
|
100 |
@ace-light-grey: #BBB; |
|
101 |
|
|
102 |
|
|
103 |
|
|
104 |
//button colors |
|
105 |
@btn-default: #ABBAC3; |
|
106 |
@btn-default-hover: #8B9AA3; |
|
107 |
|
|
108 |
@btn-primary: #428BCA; |
|
109 |
@btn-primary-hover: #1B6AAA; |
|
110 |
|
|
111 |
@btn-info: #6FB3E0; |
|
112 |
@btn-info-hover: #4F99C6; |
|
113 |
|
|
114 |
@btn-info2: #95C6E5; |
|
115 |
@btn-info2-hover: #67A6CE; |
|
116 |
|
|
117 |
@btn-success: #87B87F; |
|
118 |
@btn-success-hover: #629B58; |
|
119 |
|
|
120 |
@btn-warning: #FFB752; |
|
121 |
@btn-warning-hover: #E59729; |
|
122 |
|
|
123 |
@btn-danger: #D15B47; |
|
124 |
@btn-danger-hover: #B74635; |
|
125 |
|
|
126 |
@btn-inverse: #555555; |
|
127 |
@btn-inverse-hover: #303030; |
|
128 |
|
|
129 |
@btn-pink: #D6487E; |
|
130 |
@btn-pink-hover: #B73766; |
|
131 |
|
|
132 |
@btn-purple: #9585BF; |
|
133 |
@btn-purple-hover: #7461AA; |
|
134 |
|
|
135 |
@btn-yellow: #FEE188; |
|
136 |
@btn-yellow-hover: #F7D05B; |
|
137 |
@btn-yellow-color: #996633; |
|
138 |
|
|
139 |
@btn-light: #E7E7E7; |
|
140 |
@btn-light-hover: #D9D9D9; |
|
141 |
@btn-light-color: #888; |
|
142 |
|
|
143 |
@btn-grey: #A0A0A0; |
|
144 |
@btn-grey-hover: #888888; |
|
145 |
|
|
146 |
//active state: |
|
147 |
@btn-active-color: #EFE5B5; |
|
148 |
@btn-yellow-active-border: #C96338; |
|
149 |
|
|
150 |
@btn-link-color: #0088CC; |
|
151 |
|
|
152 |
|
|
153 |
|
|
154 |
|
|
155 |
//application button colors |
|
156 |
@btn-app-default-1: #BCC9D5; |
|
157 |
@btn-app-default-2: #ABBAC3; |
|
158 |
|
|
159 |
@btn-app-primary-1: #3B98D6; |
|
160 |
@btn-app-primary-2: #197EC1; |
|
161 |
|
|
162 |
@btn-app-info-1: #75B5E6; |
|
163 |
@btn-app-info-2: #5BA4D5; |
|
164 |
|
|
165 |
@btn-app-success-1: #8EBF60; |
|
166 |
@btn-app-success-2: #7DAA50; |
|
167 |
|
|
168 |
@btn-app-danger-1: #D55B52; |
|
169 |
@btn-app-danger-2: #D12723; |
|
170 |
|
|
171 |
@btn-app-warning-1: #FFBF66; |
|
172 |
@btn-app-warning-2: #FFA830; |
|
173 |
|
|
174 |
@btn-app-purple-1: #A696CE; |
|
175 |
@btn-app-purple-2: #8A7CB4; |
|
176 |
|
|
177 |
@btn-app-pink-1: #DB5E8C; |
|
178 |
@btn-app-pink-2: #CE3970; |
|
179 |
|
|
180 |
@btn-app-inverse-1: #555555; |
|
181 |
@btn-app-inverse-2: #333333; |
|
182 |
|
|
183 |
@btn-app-grey-1: #898989; |
|
184 |
@btn-app-grey-2: #696969; |
|
185 |
|
|
186 |
@btn-app-light-1: #F4F4F4; |
|
187 |
@btn-app-light-2: #E6E6E6; |
|
188 |
|
|
189 |
@btn-app-yellow-1: #FFE8A5; |
|
190 |
@btn-app-yellow-2: #FCD76A; |
|
191 |
|
|
192 |
@btn-app-active: #FFF; |
|
193 |
@btn-app-yellow-color: #963; |
|
194 |
@btn-app-yellow-border: #FEE188; |
|
195 |
@btn-app-light-color: #5A5A5A; |
|
196 |
@btn-app-light-active: #515151; |
|
197 |
|
|
198 |
|
|
199 |
|
|
200 |
|
|
201 |
//label & badge colors |
|
202 |
@label-default: #ABBAC3; |
|
203 |
@label-primary:@btn-primary; |
|
204 |
@label-info: #3A87AD; |
|
205 |
@label-success: #82AF6F; |
|
206 |
@label-danger: #D15B47; |
|
207 |
@label-important:@label-danger;//!ignore |
|
208 |
@label-warning: #F89406; |
|
209 |
@label-inverse: #333333; |
|
210 |
@label-pink: #D6487E; |
|
211 |
@label-purple: #9585BF; |
|
212 |
@label-yellow: #FEE188; |
|
213 |
@label-light: #E7E7E7; |
|
214 |
@label-grey:@btn-grey; |
|
215 |
|
|
216 |
|
|
217 |
|
|
218 |
//menu colors |
|
219 |
@dropdown-menu: #4F99C6; |
|
220 |
@dropdown-default:@btn-default; |
|
221 |
@dropdown-primary:@btn-primary; |
|
222 |
@dropdown-info:@btn-info; |
|
223 |
@dropdown-success:@btn-success; |
|
224 |
@dropdown-warning: #FFA24D; |
|
225 |
@dropdown-danger:@btn-danger; |
|
226 |
@dropdown-inverse:@btn-inverse; |
|
227 |
@dropdown-pink:@btn-pink; |
|
228 |
@dropdown-purple:@btn-purple; |
|
229 |
@dropdown-grey:@btn-grey; |
|
230 |
@dropdown-light:@btn-light; |
|
231 |
@dropdown-lighter: #EFEFEF; |
|
232 |
@dropdown-lightest: #F3F3F3; |
|
233 |
@dropdown-yellow:@btn-yellow; |
|
234 |
@dropdown-yellow2: #F9E8B3; |
|
235 |
@dropdown-light-blue: #ECF3F9; |
|
236 |
|
|
237 |
//slider colors |
|
238 |
@slider-color: #4AA4CE; |
|
239 |
@slider-green: #8BBC67; |
|
240 |
@slider-red: #D36E6E; |
|
241 |
@slider-purple: #AC68BA; |
|
242 |
@slider-orange: #EFAD62; |
|
243 |
@slider-dark: #606060; |
|
244 |
@slider-pink:@btn-pink; |
|
245 |
|
|
246 |
|
|
247 |
//infobox colors |
|
248 |
@infobox-purple: #6F3CC4; |
|
249 |
@infobox-purple2: #5F47B0; |
|
250 |
@infobox-pink: #CB6FD7; |
|
251 |
@infobox-blue: #6FB3E0; |
|
252 |
@infobox-blue2: #3983C2; |
|
253 |
@infobox-blue3: #1144EB; |
|
254 |
@infobox-red: #D53F40; |
|
255 |
@infobox-brown: #C67A3E; |
|
256 |
@infobox-light-brown: #CEBEA5; |
|
257 |
@infobox-wood: #7B3F25; |
|
258 |
@infobox-orange: #E8B110; |
|
259 |
@infobox-orange2: #F79263; |
|
260 |
@infobox-green: #9ABC32; |
|
261 |
@infobox-green2: #0490A6; |
|
262 |
@infobox-grey: #999999; |
|
263 |
@infobox-black: #393939; |
|
264 |
|
|
265 |
|
|
266 |
//widget colors |
|
267 |
@widget-blue: #307ECC; |
|
268 |
@widget-blue2: #5090C1; |
|
269 |
@widget-blue3: #6379AA; |
|
270 |
@widget-green: #82AF6F; |
|
271 |
@widget-green2: #2E8965; |
|
272 |
@widget-green3: #4EBC30; |
|
273 |
@widget-red: #E2755F; |
|
274 |
@widget-red2: #E04141; |
|
275 |
@widget-red3: #D15B47; |
|
276 |
@widget-purple: #7E6EB0; |
|
277 |
@widget-pink: #CE6F9E; |
|
278 |
@widget-dark: #404040; |
|
279 |
@widget-grey: #848484; |
|
280 |
|
|
281 |
@widget-orange: #FFC657; |
|
282 |
@widget-orange-txt: #855D10; |
|
283 |
@widget-orange-border: #E8B10D; |
|
284 |
|
|
285 |
|
|
286 |
|
|
287 |
|
|
288 |
//form |
|
289 |
@help-button-bg: #65BCDA; |
|
290 |
@input-border: #D5D5D5; |
|
291 |
@input-background: #FFF; |
|
292 |
@input-color: #858585; |
|
293 |
|
|
294 |
@input-border-focus: #F59942; |
|
295 |
@input-background-focus: #FFF; |
|
296 |
@input-color-focus: #696969; |
|
297 |
//@input-shadow-focus:~"0px 0px 0px 2px rgba(245, 153, 66, 0.3)"; |
|
298 |
|
|
299 |
|
|
300 |
|
|
301 |
//tabs & accordion |
|
302 |
@tab-border: #C5D0DC; |
|
303 |
@tab-active-color: #576373; |
|
304 |
@tab-active-border: #4C8FBD; |
|
305 |
@tab-hover-color: #4C8FBD; |
|
306 |
|
|
307 |
|
|
308 |
|
|
309 |
//tooltip |
|
310 |
@tooltip-color: #333; |
|
311 |
@tooltip-error-color: #C94D32; |
|
312 |
@tooltip-success-color: #629B58; |
|
313 |
@tooltip-warning-color: #ED9421; |
|
314 |
@tooltip-info-color: #4B89AA; |
|
315 |
|
|
316 |
|
|
317 |
//progress bar |
|
318 |
@progress-color: #2A91D8; |
|
319 |
@progress-danger: #CA5952; |
|
320 |
@progress-success: #59A84B; |
|
321 |
@progress-warning: #F2BB46; |
|
322 |
@progress-pink: #D6487E; |
|
323 |
@progress-purple: #9585BF; |
|
324 |
@progress-yellow: #FFD259; |
|
325 |
@progress-inverse: #404040; |
|
326 |
@progress-grey: #8A8A8A; |
|
327 |
|
|
328 |
|
|
329 |
|
|
330 |
|
|
331 |
|
|
332 |
//widget |
|
333 |
@widget-header-color: #669FC7;//text color |
|
334 |
@tag-bg: #91B8D0; |
|
335 |
|
|
336 |
|
|
337 |
|
|
338 |
//items |
|
339 |
@item-list-orange-border: #E8B110; |
|
340 |
@item-list-orange2-border: #F79263; |
|
341 |
@item-list-red-border: #D53F40; |
|
342 |
@item-list-red2-border: #D15B47; |
|
343 |
@item-list-green-border: #9ABC32; |
|
344 |
@item-list-green2-border: #0490A6; |
|
345 |
@item-list-blue-border:@btn-info-hover; |
|
346 |
@item-list-blue2-border: #3983C2; |
|
347 |
@item-list-blue3-border: #1144EB; |
|
348 |
@item-list-pink-border: #CB6FD7; |
|
349 |
@item-list-purple-border: #6F3CC4; |
|
350 |
@item-list-black-border: #505050; |
|
351 |
@item-list-grey-border: #A0A0A0; |
|
352 |
@item-list-brown-border:brown; |
|
353 |
@item-list-default-border:@btn-default; |
|
354 |
|
|
355 |
|
|
356 |
|
|
357 |
|
|
358 |
|
|
359 |
|