portal-FE-common/src/app/layout/components/userbar/userbar.component.scss

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2019 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  *
  37  */
  38
  39 .usb-item {
  40   background: #fff;
  41   position: fixed;
  42 }
  43
  44 .usb-item h3 {
  45   color: #ef6f00;
  46   font-size: 14px;
  47   padding: 20px;
  48   margin: 0;
  49   text-align: center;
  50   font-weight: 300;
  51   background: #f8f9fa;
  52 }
  53
  54 .usb-item a {
  55   display: block;
  56   color: #fff;
  57   font-size: 1.1em;
  58   font-weight: 300;
  59   transition: all 0.2s ease-in-out;
  60   -ms-transition: all 0.2s ease-in-out; /* IE 9 */
  61   -webkit-transition: all 0.2s ease-in-out; /* Safari 3-8 */
  62 }
  63
  64 .usb-item a:active {
  65   background: #afdefa;
  66   color: #47a3da;
  67 }
  68
  69 .usb-item-right {
  70   transition: all 0.5s ease-in-out;
  71   -ms-transition: all 0.5s ease-in-out; /* IE 9 */
  72   -webkit-transition: all 0.5s ease-in-out; /* Safari 3-8 */
  73 }
  74
  75 .usb-item a:hover {
  76   -ms-transform: scale(1.5); /* IE 9 */
  77   -webkit-transform: scale(1.5); /* Safari 3-8 */
  78   transform: scale(1.5);
  79 }
  80
  81 .usb-item-vertical {
  82   margin-top: 105px;
  83   text-align: center;
  84   width: 75px;
  85   height: 79%;
  86   top: 0;
  87   z-index: 1000;
  88   box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
  89 }
  90
  91 .usb-item-vertical a {
  92   padding: 0.5em;
  93 }
  94
  95 button {
  96   transition: all 0.5s ease-in-out;
  97   -ms-transition: all 0.5s ease-in-out; /* IE 9 */
  98   -webkit-transition: all 0.5s ease-in-out; /* Safari 3-8 */
  99   z-index: 9999;
 100   top: 450px;
 101   -ms-transform: rotate(-90deg); /* IE 9 */
 102   -webkit-transform: rotate(-90deg); /* Safari 3-8 */
 103   transform: rotate(-90deg);
 104   position: fixed;
 105 }
 106
 107 .activeUserIcon {
 108   display: block;
 109   margin-left: auto;
 110   margin-right: auto;
 111   height: 55px;
 112   width: 55px;
 113   border-radius: 50%;
 114 }
 115
 116 .default-user-icon{
 117   font-size: 45px;
 118   display: block;
 119   color: black;
 120 }