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

   1 /*
   2  * Component: Social Widgets
   3  * -------------------------
   4  */
   5 //General widget style
   6 .box-widget {
   7   border: none;
   8   position: relative;
   9 }
  10
  11 //User Widget Style 1
  12 .widget-user {
  13   //User name container
  14   .widget-user-header {
  15     padding: 20px;
  16     height: 120px;
  17     .border-top-radius(@box-border-radius);
  18   }
  19   //User name
  20   .widget-user-username {
  21     margin-top: 0;
  22     margin-bottom: 5px;
  23     font-size: 25px;
  24     font-weight: 300;
  25     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  26   }
  27   //User single line description
  28   .widget-user-desc {
  29     margin-top: 0;
  30   }
  31   //User image container
  32   .widget-user-image {
  33     position: absolute;
  34     top: 65px;
  35     left: 50%;
  36     margin-left: -45px;
  37     > img {
  38       width: 90px;
  39       height: auto;
  40       border: 3px solid #fff;
  41     }
  42   }
  43   .box-footer {
  44     padding-top: 30px;
  45   }
  46 }
  47
  48 //User Widget Style 2
  49 .widget-user-2 {
  50   //User name container
  51   .widget-user-header {
  52     padding: 20px;
  53     .border-top-radius(@box-border-radius);
  54   }
  55   //User name
  56   .widget-user-username {
  57     margin-top: 5px;
  58     margin-bottom: 5px;
  59     font-size: 25px;
  60     font-weight: 300;
  61   }
  62   //User single line description
  63   .widget-user-desc {
  64     margin-top: 0;
  65   }
  66   .widget-user-username,
  67   .widget-user-desc {
  68     margin-left: 75px;
  69   }
  70   //User image container
  71   .widget-user-image {
  72     > img {
  73       width: 65px;
  74       height: auto;
  75       float: left;
  76     }
  77   }
  78 }