[290] | 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; |
---|