ecomp-portal-FE-os/client/src/directives/right-menu/right-menu.less

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software except in compliance with the License.
  11  * You may obtain a copy of the License at
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  15  * Unless required by applicable law or agreed to in writing, software
  16  * distributed under the License is distributed on an "AS IS" BASIS,
  17  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18  * See the License for the specific language governing permissions and
  19  * limitations under the License.
  20  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  37  */
  38 @sidebar-width: 200px;
  39 @transition-duration: 0.25s;
  40 @overlayer-opacity: 0.65;
  41
  42
  43 .close-button {
  44   //width: @sidebar-width;
  45   .blackText24m;
  46   //.bg_u;
  47   font-size: 3em;
  48   line-height: 18px;
  49   position: absolute;
  50   cursor: pointer;
  51   vertical-align: middle;
  52   top: @second-level-top;
  53   left: 0;
  54   -webkit-font-smoothing: antialiased;
  55   height: 53px;
  56   z-index: 101;
  57   //box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
  58
  59 }
  60 .ecomp-right-sidebar-container{
  61   position: absolute;
  62   display: block;
  63   left: 0;
  64   z-index: 100;
  65   transition: left @transition-duration;
  66   margin-top: -15px;
  67
  68   .ecomp-right-sidebar-main {
  69     //background-color: ;
  70     position: absolute;
  71     margin-top: 115px;
  72
  73     height: 100vh;
  74     .bg_portalWhite;//white for 1702
  75     box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
  76         left: -90px;
  77         width:75px;
  78         padding:0px;
  79         height: 100vh;
  80
  81
  82
  83     .accordion-container{
  84       margin-top: 45px;
  85     }
  86     .portal-accordion-font{
  87       font-size: .875rem;
  88       color: #666;
  89       display: inline-block;
  90       font-family: Arial;
  91
  92     }
  93
  94     .portal-accordion-active{
  95       color: #199DDF !important;
  96     }
  97
  98     .sub-item{
  99       .portal-accordion-font;
 100       cursor: pointer;
 101       height: 37px;
 102       line-height: 37px;
 103       padding-left: 20px;
 104       padding-bottom: 10px;
 105       vertical-align: middle;
 106       width: 100%;
 107     }
 108     .sub-item:hover{
 109       .portal-accordion-active;
 110     }
 111
 112     .parent-item{
 113       .portal-accordion-font;
 114       border-bottom: 1px solid #bbb;
 115       cursor: pointer;
 116       height: 37px;
 117       line-height: 37px;
 118       padding-bottom: 10px;
 119       vertical-align: middle;
 120       width: 100%;
 121     }
 122     .parent-item:hover{
 123       .portal-accordion-active;
 124     }
 125
 126   }
 127 }
 128
 129 .open-userbar {
 130   left: 0;
 131   transition: left .25s ease-in-out;
 132    -moz-transition: left .25s ease-in-out;
 133    -webkit-transition: left .25s ease-in-out;
 134 }
 135
 136 .close-userbar {
 137   left: 91px;
 138   transition: left .25s ease-in-out;
 139    -moz-transition: left .25s ease-in-out;
 140    -webkit-transition: left .25s ease-in-out;
 141 }
 142
 143 .content-overlayed {
 144   position: fixed;
 145   top: 110px;
 146   right: 0;
 147   bottom: 0;
 148   left: 0;
 149   background: none repeat scroll 0 0 rgb(242, 242, 242);
 150   z-index: 9999;
 151 }
 152 .fade-animation{
 153   opacity: @overlayer-opacity;
 154   transition: opacity @transition-duration ease-in-out;
 155 }
 156 .fade-animation.ng-hide {
 157   opacity:0;
 158   transition: opacity @transition-duration ease-in-out;
 159 }
 160
 161 .activeUserIcon {
 162         transition: all .2s ease-in-out;
 163         display: block;
 164         margin-left: auto; margin-right: auto; height:55px; width:55px; border-radius: 50%;
 165
 166 }
 167 .activeUserIcon:hover { transform: scale(1.5); }
 168
 169 .ecomp-right-sidebar-toggle{
 170         position: absolute;
 171         top: 400px;
 172         right: 35px;
 173 }
 174 .ecomp-right-sidebar-toggle-btn{
 175         position:relative;
 176 }
 177 .open-userbar-toggle {
 178  // right: 0;
 179   transition: right .25s ease-in-out;
 180    -moz-transition: right .25s ease-in-out;
 181    -webkit-transition: right .25s ease-in-out;
 182 }
 183
 184 .close-userbar-toggle {
 185   right: -36px;
 186   transition: right .25s ease-in-out;
 187    -moz-transition: right .25s ease-in-out;
 188    -webkit-transition: right .25s ease-in-out;
 189 }
 190
 191 .ecomp-right-sidebar-title{
 192         font-family: Arial;
 193         font-size: 14px;
 194         color: #ef6f00;
 195         margin-bottom:20px;
 196         text-align: center;
 197 }
 198
 199 .ecomp-right-sidebar-toggle a{
 200         transform: rotate(-90deg);
 201         z-index:2
 202 }
 203 .ecomp-right-sidebar-toggle button{
 204         transform: rotate(-90deg);
 205         z-index:2;
 206         width: 100px!important;
 207     height: 30px !important;
 208     padding-bottom: 26px !important;
 209         }
 210         .btn:last-child {
 211     margin-right: 6px !important;
 212 }
 213
 214 .right-menu-button{
 215         font-family: Omnes-ECOMP-W02,Arial
 216 }