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

   1 /*-
   2  * ================================================================================
   3  * eCOMP Portal
   4  * ================================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ================================================================================
  19  */
  20  .w-ecomp-applications-home {
  21   .bg_w;
  22   position: @page-main-position;
  23   top: @page-main-top;
  24   left: @page-main-left;
  25   right: @page-main-right;
  26   bottom: @page-main-bottom;
  27   padding-top: @padding-top;
  28   overflow-y: @page-main-overflow-y;
  29   padding-left: @padding-left-side;
  30
  31   .go-button {
  32     .btn-green;
  33     width: 96px;
  34     position: absolute;
  35     border-radius: 0px;
  36   }
  37
  38   .applications-home-container {
  39     .content_justify;
  40     position: relative;
  41     padding: 15px 0 32px 0;
  42     width: 100%;
  43
  44     .applications-home-title {
  45       .a24r;
  46       margin: auto;
  47       .content_justify;
  48     }
  49     .portals-list {
  50       min-height: 70vh;
  51       justify-content: center;
  52       flex-flow: row wrap;
  53       width: 1170px;
  54
  55       margin: auto;
  56       margin-bottom: 63px;
  57
  58       .app-gridster-header {
  59         background-color: @u;
  60       }
  61
  62       .app-gridster-footer {
  63         background-color: @u;
  64       }
  65
  66       .portals-list-item {
  67         background-color: @u;
  68         border-radius: 2px;
  69         box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
  70         display: inline-block;
  71         width: 360px;
  72         height: 300px;
  73         background-size: cover;
  74         cursor: pointer;
  75         margin: 15px;
  76         overflow: hidden;
  77
  78         .portals-item-info {
  79           background-color: @u;
  80           height: 120px;
  81           top: 180px;
  82           position: relative;
  83           box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
  84           padding: 16px;
  85
  86           .info-title {
  87             .a24r;
  88             margin-bottom: 4px;
  89
  90             text-overflow: ellipsis;
  91             overflow: hidden;
  92           }
  93           .info-description {
  94             .c16r;
  95             text-overflow: ellipsis;
  96             white-space: nowrap;
  97             overflow: hidden;
  98           }
  99           .info-button {
 100             .btn-green;
 101             width: 96px;
 102             position: absolute;
 103             bottom: 16px;
 104             left: 16px;
 105           }
 106
 107           &:hover {
 108             opacity: .93;
 109             z-index: 3;
 110           }
 111         }
 112       }
 113     }
 114   }
 115 }
 116 .w-ecomp-main-error{
 117   .o14r;
 118   position: absolute;
 119   width: 100%;
 120   line-height: 1.5em;
 121 }
 122 .w-ecomp-main-disclaimer {
 123   text-align: center;
 124   .o14r;
 125   //position: absolute;
 126   bottom: -75px;
 127   line-height: 1.5em;
 128   margin: 0 auto;
 129   width:1170px;
 130   position: relative;
 131
 132 }
 133 .build-number {
 134   .o12i;
 135 }
 136
 137 @keyframes fadein {
 138   from {
 139     opacity: 0;
 140   }
 141   to {
 142     opacity: 1;
 143   }
 144 }
 145
 146 .slide.ng-hide-add,
 147 .slide.ng-hide-remove,
 148 .slide.ng-enter,
 149 .slide.ng-leave {
 150   transition: all 0.5s ease;
 151 }
 152 .slide.ng-hide,
 153 .slide.ng-enter {
 154   transform: translate(-100%, 0);
 155 }
 156 .slide.ng-enter-active {
 157   transform: translate(0, 0);
 158 }
 159 .slide.ng-leave {
 160   transform: translate(0, 0);
 161 }
 162 .slide.ng-leave-active {
 163   transform: translate(+100%, 0);
 164 }