12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- //Contains All variables
- //-----------------------
- //Layout
- //Side bar and logo width
- @left-side-width: 220px;
- //Colors
- @light-blue: #3c8dbc; //Primary
- @red: #f56954; //Danger
- @green: #00a65a; //Success
- @aqua: #00c0ef; //Info
- @yellow: #f39c12; //Warning
- @blue: #0073b7;
- @navy: #001F3F;
- @teal: #39CCCC;
- @olive: #3D9970;
- @lime: #01FF70;
- @orange: #FF851B;
- @fuchsia: #F012BE;
- @purple: #932ab6;
- @maroon: #85144B;
- @black: #222;
- @gray: #eaeaec;
- //Link colors (Aka: <a> tags)
- @link-color: @light-blue;
- @link-hover-color: lighten(@link-color, 15%);
- //Body background (Affects main content background only)
- @body-bg: #f9f9f9;
- //Table striped color
- @table-striped-color: #f3f4f5;
- //Sidebar skins
- //skin blue (light) sidebar vars
- @sidebar-light-bg: #f4f4f4;
- @sidebar-light-hover-bg: #f9f9f9;
- @sidebar-light-font: #555;
- @sidebar-light-border: #dbdbdb;
- //Screen widths - Same as bootstrap default settings
- @screen-xs: 480px;
- @screen-sm: 767px;
- @screen-md: 992px;
- @screen-lg: 1200px;
- //When the logo should go to the top of the screen
- @screen-header-collapse: 560px;
- //BOXES
- @box-border-color: #f4f4f4;
- @box-border-radius: 3px;
- @box-footer-bg: #fff;
- //FORMS
- @input-radius: 0px;
- //BUTTONS
- //Border radius for non flat buttons
- @btn-border-radius: 3px;
- //CHAT widget
- @attachment-border-radius: 3px;
|