source: pro-violet-viettel/docs/Space/assets/css/less/variables.less @ 290

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