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

   1 .usb-item {
   2   background: #fff;
   3   position: fixed;
   4 }
   5
   6 .usb-item h3 {
   7   color: #ef6f00;
   8   font-size: 14px;
   9   padding: 20px;
  10   margin: 0;
  11   text-align: center;
  12   font-weight: 300;
  13   background: #f8f9fa;
  14 }
  15
  16 .usb-item a {
  17   display: block;
  18   color: #fff;
  19   font-size: 1.1em;
  20   font-weight: 300;
  21   transition: all 0.2s ease-in-out;
  22   -ms-transition: all 0.2s ease-in-out; /* IE 9 */
  23   -webkit-transition: all 0.2s ease-in-out; /* Safari 3-8 */
  24 }
  25
  26 .usb-item a:active {
  27   background: #afdefa;
  28   color: #47a3da;
  29 }
  30
  31 .usb-item-right {
  32   transition: all 0.5s ease-in-out;
  33   -ms-transition: all 0.5s ease-in-out; /* IE 9 */
  34   -webkit-transition: all 0.5s ease-in-out; /* Safari 3-8 */
  35 }
  36
  37 .usb-item a:hover {
  38   -ms-transform: scale(1.5); /* IE 9 */
  39   -webkit-transform: scale(1.5); /* Safari 3-8 */
  40   transform: scale(1.5);
  41 }
  42
  43 .usb-item-vertical {
  44   margin-top: 105px;
  45   text-align: center;
  46   width: 75px;
  47   height: 79%;
  48   top: 0;
  49   z-index: 1000;
  50   box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
  51 }
  52
  53 .usb-item-vertical a {
  54   padding: 0.5em;
  55 }
  56
  57 button {
  58   transition: all 0.5s ease-in-out;
  59   -ms-transition: all 0.5s ease-in-out; /* IE 9 */
  60   -webkit-transition: all 0.5s ease-in-out; /* Safari 3-8 */
  61   z-index: 9999;
  62   top: 450px;
  63   -ms-transform: rotate(-90deg); /* IE 9 */
  64   -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  65   transform: rotate(-90deg);
  66   position: fixed;
  67 }
  68
  69 .activeUserIcon {
  70   display: block;
  71   margin-left: auto;
  72   margin-right: auto;
  73   height: 55px;
  74   width: 55px;
  75   border-radius: 50%;
  76 }