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

   1 /*
   2  * Skin: Black
   3  * -----------
   4  */
   5 /* skin-black navbar */
   6 .skin-black .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 .main-header .navbar-toggle {
  11   color: #333;
  12 }
  13 .skin-black .main-header .navbar-brand {
  14   color: #333;
  15   border-right: 1px solid #eee;
  16 }
  17 .skin-black .main-header .navbar {
  18   background-color: #ffffff;
  19 }
  20 .skin-black .main-header .navbar .nav > li > a {
  21   color: #333333;
  22 }
  23 .skin-black .main-header .navbar .nav > li > a:hover,
  24 .skin-black .main-header .navbar .nav > li > a:active,
  25 .skin-black .main-header .navbar .nav > li > a:focus,
  26 .skin-black .main-header .navbar .nav .open > a,
  27 .skin-black .main-header .navbar .nav .open > a:hover,
  28 .skin-black .main-header .navbar .nav .open > a:focus,
  29 .skin-black .main-header .navbar .nav > .active > a {
  30   background: #ffffff;
  31   color: #999999;
  32 }
  33 .skin-black .main-header .navbar .sidebar-toggle {
  34   color: #333333;
  35 }
  36 .skin-black .main-header .navbar .sidebar-toggle:hover {
  37   color: #999999;
  38   background: #ffffff;
  39 }
  40 .skin-black .main-header .navbar > .sidebar-toggle {
  41   color: #333;
  42   border-right: 1px solid #eee;
  43 }
  44 .skin-black .main-header .navbar .navbar-nav > li > a {
  45   border-right: 1px solid #eee;
  46 }
  47 .skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
  48 .skin-black .main-header .navbar .navbar-right > li > a {
  49   border-left: 1px solid #eee;
  50   border-right-width: 0;
  51 }
  52 .skin-black .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 .main-header > .logo:hover {
  59   background-color: #fcfcfc;
  60 }
  61 @media (max-width: 767px) {
  62   .skin-black .main-header > .logo {
  63     background-color: #222222;
  64     color: #ffffff;
  65     border-bottom: 0 solid transparent;
  66     border-right: none;
  67   }
  68   .skin-black .main-header > .logo:hover {
  69     background-color: #1f1f1f;
  70   }
  71 }
  72 .skin-black .main-header li.user-header {
  73   background-color: #222;
  74 }
  75 .skin-black .content-header {
  76   background: transparent;
  77   box-shadow: none;
  78 }
  79 .skin-black .wrapper,
  80 .skin-black .main-sidebar,
  81 .skin-black .left-side {
  82   background-color: #222d32;
  83 }
  84 .skin-black .user-panel > .info,
  85 .skin-black .user-panel > .info > a {
  86   color: #fff;
  87 }
  88 .skin-black .sidebar-menu > li.header {
  89   color: #4b646f;
  90   background: #1a2226;
  91 }
  92 .skin-black .sidebar-menu > li > a {
  93   border-left: 3px solid transparent;
  94 }
  95 .skin-black .sidebar-menu > li:hover > a,
  96 .skin-black .sidebar-menu > li.active > a {
  97   color: #ffffff;
  98   background: #1e282c;
  99   border-left-color: #ffffff;
 100 }
 101 .skin-black .sidebar-menu > li > .treeview-menu {
 102   margin: 0 1px;
 103   background: #2c3b41;
 104 }
 105 .skin-black .sidebar a {
 106   color: #b8c7ce;
 107 }
 108 .skin-black .sidebar a:hover {
 109   text-decoration: none;
 110 }
 111 .skin-black .treeview-menu > li > a {
 112   color: #8aa4af;
 113 }
 114 .skin-black .treeview-menu > li.active > a,
 115 .skin-black .treeview-menu > li > a:hover {
 116   color: #ffffff;
 117 }
 118 .skin-black .sidebar-form {
 119   border-radius: 3px;
 120   border: 1px solid #374850;
 121   margin: 10px 10px;
 122 }
 123 .skin-black .sidebar-form input[type="text"],
 124 .skin-black .sidebar-form .btn {
 125   box-shadow: none;
 126   background-color: #374850;
 127   border: 1px solid transparent;
 128   height: 35px;
 129 }
 130 .skin-black .sidebar-form input[type="text"] {
 131   color: #666;
 132   border-top-left-radius: 2px;
 133   border-top-right-radius: 0;
 134   border-bottom-right-radius: 0;
 135   border-bottom-left-radius: 2px;
 136 }
 137 .skin-black .sidebar-form input[type="text"]:focus,
 138 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 139   background-color: #fff;
 140   color: #666;
 141 }
 142 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 143   border-left-color: #fff;
 144 }
 145 .skin-black .sidebar-form .btn {
 146   color: #999;
 147   border-top-left-radius: 0;
 148   border-top-right-radius: 2px;
 149   border-bottom-right-radius: 2px;
 150   border-bottom-left-radius: 0;
 151 }
 152 .skin-black .pace .pace-progress {
 153   background: #222;
 154 }
 155 .skin-black .pace .pace-activity {
 156   border-top-color: #222;
 157   border-left-color: #222;
 158 }