src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/dist/css/skins/skin-black-light.css

   1 /*
   2  * Skin: Black
   3  * -----------
   4  */
   5 /* skin-black navbar */
   6 .skin-black-light .main-header {
   7   -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
   8   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
   9 }
  10 .skin-black-light .main-header .navbar-toggle {
  11   color: #333;
  12 }
  13 .skin-black-light .main-header .navbar-brand {
  14   color: #333;
  15   border-right: 1px solid #eee;
  16 }
  17 .skin-black-light .main-header .navbar {
  18   background-color: #ffffff;
  19 }
  20 .skin-black-light .main-header .navbar .nav > li > a {
  21   color: #333333;
  22 }
  23 .skin-black-light .main-header .navbar .nav > li > a:hover,
  24 .skin-black-light .main-header .navbar .nav > li > a:active,
  25 .skin-black-light .main-header .navbar .nav > li > a:focus,
  26 .skin-black-light .main-header .navbar .nav .open > a,
  27 .skin-black-light .main-header .navbar .nav .open > a:hover,
  28 .skin-black-light .main-header .navbar .nav .open > a:focus,
  29 .skin-black-light .main-header .navbar .nav > .active > a {
  30   background: #ffffff;
  31   color: #999999;
  32 }
  33 .skin-black-light .main-header .navbar .sidebar-toggle {
  34   color: #333333;
  35 }
  36 .skin-black-light .main-header .navbar .sidebar-toggle:hover {
  37   color: #999999;
  38   background: #ffffff;
  39 }
  40 .skin-black-light .main-header .navbar > .sidebar-toggle {
  41   color: #333;
  42   border-right: 1px solid #eee;
  43 }
  44 .skin-black-light .main-header .navbar .navbar-nav > li > a {
  45   border-right: 1px solid #eee;
  46 }
  47 .skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
  48 .skin-black-light .main-header .navbar .navbar-right > li > a {
  49   border-left: 1px solid #eee;
  50   border-right-width: 0;
  51 }
  52 .skin-black-light .main-header > .logo {
  53   background-color: #ffffff;
  54   color: #333333;
  55   border-bottom: 0 solid transparent;
  56   border-right: 1px solid #eee;
  57 }
  58 .skin-black-light .main-header > .logo:hover {
  59   background-color: #fcfcfc;
  60 }
  61 @media (max-width: 767px) {
  62   .skin-black-light .main-header > .logo {
  63     background-color: #222222;
  64     color: #ffffff;
  65     border-bottom: 0 solid transparent;
  66     border-right: none;
  67   }
  68   .skin-black-light .main-header > .logo:hover {
  69     background-color: #1f1f1f;
  70   }
  71 }
  72 .skin-black-light .main-header li.user-header {
  73   background-color: #222;
  74 }
  75 .skin-black-light .content-header {
  76   background: transparent;
  77   box-shadow: none;
  78 }
  79 .skin-black-light .wrapper,
  80 .skin-black-light .main-sidebar,
  81 .skin-black-light .left-side {
  82   background-color: #f9fafc;
  83 }
  84 .skin-black-light .content-wrapper,
  85 .skin-black-light .main-footer {
  86   border-left: 1px solid #d2d6de;
  87 }
  88 .skin-black-light .user-panel > .info,
  89 .skin-black-light .user-panel > .info > a {
  90   color: #444444;
  91 }
  92 .skin-black-light .sidebar-menu > li {
  93   -webkit-transition: border-left-color 0.3s ease;
  94   -o-transition: border-left-color 0.3s ease;
  95   transition: border-left-color 0.3s ease;
  96 }
  97 .skin-black-light .sidebar-menu > li.header {
  98   color: #848484;
  99   background: #f9fafc;
 100 }
 101 .skin-black-light .sidebar-menu > li > a {
 102   border-left: 3px solid transparent;
 103   font-weight: 600;
 104 }
 105 .skin-black-light .sidebar-menu > li:hover > a,
 106 .skin-black-light .sidebar-menu > li.active > a {
 107   color: #000000;
 108   background: #f4f4f5;
 109 }
 110 .skin-black-light .sidebar-menu > li.active {
 111   border-left-color: #ffffff;
 112 }
 113 .skin-black-light .sidebar-menu > li.active > a {
 114   font-weight: 600;
 115 }
 116 .skin-black-light .sidebar-menu > li > .treeview-menu {
 117   background: #f4f4f5;
 118 }
 119 .skin-black-light .sidebar a {
 120   color: #444444;
 121 }
 122 .skin-black-light .sidebar a:hover {
 123   text-decoration: none;
 124 }
 125 .skin-black-light .treeview-menu > li > a {
 126   color: #777777;
 127 }
 128 .skin-black-light .treeview-menu > li.active > a,
 129 .skin-black-light .treeview-menu > li > a:hover {
 130   color: #000000;
 131 }
 132 .skin-black-light .treeview-menu > li.active > a {
 133   font-weight: 600;
 134 }
 135 .skin-black-light .sidebar-form {
 136   border-radius: 3px;
 137   border: 1px solid #d2d6de;
 138   margin: 10px 10px;
 139 }
 140 .skin-black-light .sidebar-form input[type="text"],
 141 .skin-black-light .sidebar-form .btn {
 142   box-shadow: none;
 143   background-color: #fff;
 144   border: 1px solid transparent;
 145   height: 35px;
 146 }
 147 .skin-black-light .sidebar-form input[type="text"] {
 148   color: #666;
 149   border-top-left-radius: 2px;
 150   border-top-right-radius: 0;
 151   border-bottom-right-radius: 0;
 152   border-bottom-left-radius: 2px;
 153 }
 154 .skin-black-light .sidebar-form input[type="text"]:focus,
 155 .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 156   background-color: #fff;
 157   color: #666;
 158 }
 159 .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 160   border-left-color: #fff;
 161 }
 162 .skin-black-light .sidebar-form .btn {
 163   color: #999;
 164   border-top-left-radius: 0;
 165   border-top-right-radius: 2px;
 166   border-bottom-right-radius: 2px;
 167   border-bottom-left-radius: 0;
 168 }
 169 @media (min-width: 768px) {
 170   .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
 171     border-left: 1px solid #d2d6de;
 172   }
 173 }