]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | //AdminLTE 2 Variables.less |
2 | //========================= | |
3 | ||
4 | //PATHS | |
5 | //-------------------------------------------------------- | |
6 | ||
7 | @boxed-layout-bg-image-path: "../img/boxed-bg.jpg"; | |
8 | ||
9 | //COLORS | |
10 | //-------------------------------------------------------- | |
11 | //Primary | |
12 | @light-blue: #3c8dbc; | |
13 | //Danger | |
14 | @red: #dd4b39; | |
15 | //Success | |
16 | @green: #00a65a; | |
17 | //Info | |
18 | @aqua: #00c0ef; | |
19 | //Warning | |
20 | @yellow: #f39c12; | |
21 | @blue: #0073b7; | |
22 | @navy: #001F3F; | |
23 | @teal: #39CCCC; | |
24 | @olive: #3D9970; | |
25 | @lime: #01FF70; | |
26 | @orange: #FF851B; | |
27 | @fuchsia: #F012BE; | |
28 | @purple: #605ca8; | |
29 | @maroon: #D81B60; | |
30 | @black: #111; | |
31 | @gray: #d2d6de; | |
32 | ||
33 | //LAYOUT | |
34 | //-------------------------------------------------------- | |
35 | ||
36 | //Side bar and logo width | |
37 | @sidebar-width: 230px; | |
38 | //Boxed layout maximum width | |
39 | @boxed-layout-max-width: 1024px; | |
40 | //When the logo should go to the top of the screen | |
41 | @screen-header-collapse: @screen-xs-max; | |
42 | ||
43 | //Link colors (Aka: <a> tags) | |
44 | @link-color: @light-blue; | |
45 | @link-hover-color: lighten(@link-color, 15%); | |
46 | ||
47 | //Body background (Affects main content background only) | |
48 | @body-bg: #ecf0f5; | |
49 | ||
50 | //SIDEBAR SKINS | |
51 | //-------------------------------------------------------- | |
52 | ||
53 | //Dark sidebar | |
54 | @sidebar-dark-bg: #222d32; | |
55 | @sidebar-dark-hover-bg: darken(@sidebar-dark-bg, 2%); | |
56 | @sidebar-dark-color: lighten(@sidebar-dark-bg, 60%); | |
57 | @sidebar-dark-hover-color: #fff; | |
58 | @sidebar-dark-submenu-bg: lighten(@sidebar-dark-bg, 5%); | |
59 | @sidebar-dark-submenu-color: lighten(@sidebar-dark-submenu-bg, 40%); | |
60 | @sidebar-dark-submenu-hover-color: #fff; | |
61 | ||
62 | //Light sidebar | |
63 | @sidebar-light-bg: #f9fafc; | |
64 | @sidebar-light-hover-bg: lighten(#f0f0f1, 1.5%); | |
65 | @sidebar-light-color: #444; | |
66 | @sidebar-light-hover-color: #000; | |
67 | @sidebar-light-submenu-bg: @sidebar-light-hover-bg; | |
68 | @sidebar-light-submenu-color: #777; | |
69 | @sidebar-light-submenu-hover-color: #000; | |
70 | ||
71 | //CONTROL SIDEBAR | |
72 | //-------------------------------------------------------- | |
73 | @control-sidebar-width: @sidebar-width; | |
74 | ||
75 | //BOXES | |
76 | //-------------------------------------------------------- | |
77 | @box-border-color: #f4f4f4; | |
78 | @box-border-radius: 3px; | |
79 | @box-footer-bg: #fff; | |
80 | @box-boxshadow: 0 1px 1px rgba(0, 0, 0, .1); | |
81 | @box-padding: 10px; | |
82 | ||
83 | //Box variants | |
84 | @box-default-border-top-color: #d2d6de; | |
85 | ||
86 | //BUTTONS | |
87 | //-------------------------------------------------------- | |
88 | @btn-boxshadow: none; | |
89 | ||
90 | //PROGRESS BARS | |
91 | //-------------------------------------------------------- | |
92 | @progress-bar-border-radius: 1px; | |
93 | @progress-bar-sm-border-radius: 1px; | |
94 | @progress-bar-xs-border-radius: 1px; | |
95 | ||
96 | //FORMS | |
97 | //-------------------------------------------------------- | |
98 | @input-radius: 0; | |
99 | ||
100 | //BUTTONS | |
101 | //-------------------------------------------------------- | |
102 | ||
103 | //Border radius for non flat buttons | |
104 | @btn-border-radius: 3px; | |
105 | ||
106 | //DIRECT CHAT | |
107 | //-------------------------------------------------------- | |
108 | @direct-chat-height: 250px; | |
109 | @direct-chat-default-msg-bg: @gray; | |
110 | @direct-chat-default-font-color: #444; | |
111 | @direct-chat-default-msg-border-color: @gray; | |
112 | ||
113 | //CHAT WIDGET | |
114 | //-------------------------------------------------------- | |
115 | @attachment-border-radius: 3px; | |
116 | ||
117 | //TRANSITIONS SETTINGS | |
118 | //-------------------------------------------------------- | |
119 | ||
120 | //Transition global options | |
121 | @transition-speed: .3s; | |
122 | @transition-fn: ease-in-out; | |
123 | //cubic-bezier(0.32,1.25,0.375,1.15); |