AdminLTE/build/less/variables.less

125 lines
3.1 KiB
Plaintext
Raw Normal View History

2015-02-01 21:25:09 +00:00
//AdminLTE 2 Variables.less
//=========================
//PATHS
//--------------------------------------------------------
@boxed-layout-bg-image-path: "../img/boxed-bg.jpg";
2015-02-01 21:25:09 +00:00
//COLORS
//--------------------------------------------------------
2015-09-19 18:05:54 +00:00
@light-blue: #3c8dbc;
//Primary
@red: #dd4b39;
//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: #605ca8;
@maroon: #D81B60;
@black: #111;
@gray: #d2d6de;
2015-02-01 21:25:09 +00:00
//LAYOUT
//--------------------------------------------------------
//Side bar and logo width
@sidebar-width: 230px;
2015-04-22 21:13:31 +00:00
//Boxed layout maximum width
@boxed-layout-max-width: 1024px;
//When the logo should go to the top of the screen
@screen-header-collapse: @screen-xs-max;
2015-02-01 21:25:09 +00:00
//Link colors (Aka: <a> tags)
2015-09-19 18:05:54 +00:00
@link-color: @light-blue;
2015-02-01 21:25:09 +00:00
@link-hover-color: lighten(@link-color, 15%);
//Body background (Affects main content background only)
@body-bg: #ecf0f5;
2015-02-01 21:25:09 +00:00
//SIDEBAR SKINS
//--------------------------------------------------------
//Dark sidebar
2015-09-19 18:05:54 +00:00
@sidebar-dark-bg: #222d32;
@sidebar-dark-hover-bg: darken(@sidebar-dark-bg, 2%);
@sidebar-dark-color: lighten(@sidebar-dark-bg, 60%);
@sidebar-dark-hover-color: #fff;
@sidebar-dark-submenu-bg: lighten(@sidebar-dark-bg, 5%);
@sidebar-dark-submenu-color: lighten(@sidebar-dark-submenu-bg, 40%);
2015-02-14 00:04:03 +00:00
@sidebar-dark-submenu-hover-color: #fff;
2015-02-01 21:25:09 +00:00
//Light sidebar
2015-09-19 18:05:54 +00:00
@sidebar-light-bg: #f9fafc;
@sidebar-light-hover-bg: lighten(#f0f0f1, 1.5%);
@sidebar-light-color: #444;
@sidebar-light-hover-color: #000;
@sidebar-light-submenu-bg: @sidebar-light-hover-bg;
@sidebar-light-submenu-color: #777;
@sidebar-light-submenu-hover-color: #000;
2015-03-27 23:29:28 +00:00
//CONTROL SIDEBAR
//--------------------------------------------------------
@control-sidebar-width: @sidebar-width;
2015-02-01 21:25:09 +00:00
//BOXES
//--------------------------------------------------------
2015-09-19 18:05:54 +00:00
@box-border-color: #f4f4f4;
2015-02-01 21:25:09 +00:00
@box-border-radius: 3px;
2015-09-19 18:05:54 +00:00
@box-footer-bg: #fff;
@box-boxshadow: 0 1px 1px rgba(0, 0, 0, .1);
@box-padding: 10px;
2015-02-01 21:25:09 +00:00
//Box variants
@box-default-border-top-color: #d2d6de;
//BUTTONS
//--------------------------------------------------------
@btn-boxshadow: none;
//PROGRESS BARS
//--------------------------------------------------------
2015-09-19 18:05:54 +00:00
@progress-bar-border-radius: 1px;
2015-02-01 21:25:09 +00:00
@progress-bar-sm-border-radius: 1px;
@progress-bar-xs-border-radius: 1px;
//FORMS
//--------------------------------------------------------
2015-07-25 19:52:28 +00:00
@input-radius: 0;
2015-02-01 21:25:09 +00:00
//BUTTONS
//--------------------------------------------------------
//Border radius for non flat buttons
@btn-border-radius: 3px;
//DIRECT CHAT
//--------------------------------------------------------
2015-09-19 18:05:54 +00:00
@direct-chat-height: 250px;
@direct-chat-default-msg-bg: @gray;
@direct-chat-default-font-color: #444;
2015-02-01 21:25:09 +00:00
@direct-chat-default-msg-border-color: @gray;
//CHAT WIDGET
//--------------------------------------------------------
@attachment-border-radius: 3px;
//TRANSITIONS SETTINGS
//--------------------------------------------------------
//Transition global options
@transition-speed: .3s;
2015-09-19 18:05:54 +00:00
@transition-fn: ease-in-out;
//cubic-bezier(0.32,1.25,0.375,1.15);