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

   1 /*
   2  * Component: Info Box
   3  * -------------------
   4  */
   5 .info-box {
   6   display: block;
   7   min-height: 90px;
   8   background: #fff;
   9   width: 100%;
  10   box-shadow: @box-boxshadow;
  11   .border-radius(2px);
  12   margin-bottom: 15px;
  13   small {
  14     font-size: 14px;
  15   }
  16   .progress {
  17     background: rgba(0, 0, 0, .2);
  18     margin: 5px -10px 5px -10px;
  19     height: 2px;
  20     &,
  21     & .progress-bar {
  22       .border-radius(0);
  23     }
  24     .progress-bar {
  25       background: #fff;
  26     }
  27   }
  28 }
  29
  30 .info-box-icon {
  31   .border-radius(2px; 0; 2px; 0);
  32   display: block;
  33   float: left;
  34   height: 90px;
  35   width: 90px;
  36   text-align: center;
  37   font-size: 45px;
  38   line-height: 90px;
  39   background: rgba(0, 0, 0, 0.2);
  40   > img {
  41     max-width: 100%;
  42   }
  43 }
  44
  45 .info-box-content {
  46   padding: 5px 10px;
  47   margin-left: 90px;
  48 }
  49
  50 .info-box-number {
  51   display: block;
  52   font-weight: bold;
  53   font-size: 18px;
  54 }
  55
  56 .progress-description,
  57 .info-box-text {
  58   display: block;
  59   font-size: 14px;
  60   white-space: nowrap;
  61   overflow: hidden;
  62   text-overflow: ellipsis;
  63 }
  64
  65 .info-box-text {
  66   text-transform: uppercase;
  67 }
  68
  69 .info-box-more {
  70   display: block;
  71 }
  72
  73 .progress-description {
  74   margin: 0;
  75 }