ecomp-portal-FE/client/app/views/home/widgets-home/widgets-home.less

   1 .w-ecomp-widgets-home{
   2   //.bg_u;//white for 1702
   3   .bg_w;  // gray for 1610
   4   position: @page-main-position;
   5   top: @page-main-top;
   6   left: @page-main-left;
   7   right: @page-main-right;
   8   bottom: @page-main-bottom;
   9   padding-top: @padding-top;
  10   overflow-y: @page-main-overflow-y;
  11   padding-left: @padding-left-side;
  12
  13   .widget-gridster-header {
  14     background-color:#ffffff;
  15   }
  16
  17   .widget-gridster-footer {
  18     background-color:#ffffff
  19   }
  20
  21   .widget-iframe {
  22     width: 100%;
  23     height: 90%;
  24   }
  25
  26   .widget-image {
  27     cursor: pointer;
  28     width: 20px;
  29     height: 25px;
  30   }
  31
  32   .enlarge-content{
  33     top: 120px;
  34     left: 400px;
  35     width:1170px;
  36     height:600px;
  37     right: 0;
  38     bottom: 0;
  39     left: 0;
  40     background: none repeat scroll 0 0 #f2f2f2;
  41   }
  42
  43   .enlarge-close-button{
  44     .btn-blue;
  45     position: relative;
  46     top : -20px;
  47     left : 1145px;
  48     width : 25px;
  49   }
  50
  51   .widgets-home-container {
  52     .content_justify;
  53     position: relative;
  54     padding-right: 0;
  55     padding-left: 0;
  56     padding-bottom: 32px;
  57     width: 100%;
  58
  59     .widgets-home-title {
  60       .a24r;
  61       margin: auto;
  62       .content_justify;
  63     }
  64     .portals-list {
  65       min-height: 70vh;
  66       //display: flex;
  67       justify-content: center;
  68       flex-flow: row wrap;
  69       width: 1170px;
  70
  71       margin: auto;
  72       margin-bottom: 63px;
  73
  74       .portals-list-item {
  75         background-color: @u;
  76         border-radius: 2px;
  77         box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
  78         display: inline-block;
  79         width: 360px;
  80         height: 300px;
  81         background-size: cover;
  82         cursor: pointer;
  83         margin: 15px;
  84         overflow: hidden;
  85
  86         .portals-item-info {
  87           background-color: @u;
  88           height: 50px;
  89           top: 180px;
  90          // position: relative;
  91           box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
  92           padding: 16px;
  93
  94           .info-title {
  95             .a24r;
  96             margin-bottom: 4px;
  97
  98             text-overflow: ellipsis;
  99             overflow: hidden;
 100           }
 101           .info-description {
 102             .c16r;
 103             text-overflow: ellipsis;
 104             white-space: nowrap;
 105             overflow: hidden;
 106           }
 107           .info-button {
 108             .btn-green;
 109             width: 96px;
 110           //  position: absolute;
 111             bottom: 16px;
 112             left: 16px;
 113           }
 114
 115           &:hover {
 116             opacity: .93;
 117             z-index: 3;
 118           }
 119         }
 120       }
 121     }
 122   }
 123 }
 124
 125 .gridster-item-container .gridster-item-body{
 126         bottom:0px;
 127         overflow:hidden;
 128 }
 129
 130 @keyframes fadein {
 131   from {
 132     opacity: 0;
 133   }
 134   to {
 135     opacity: 1;
 136   }
 137 }