src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/build/less/variables.less

   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);