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

   1 /**
   2  * Created by nnaffar on 1/28/16.
   3  */
   4 @sidebar-width: 200px;
   5 @transition-duration: 0.25s;
   6 @overlayer-opacity: 0.65;
   7
   8
   9 .close-button {
  10   //width: @sidebar-width;
  11   .blackText24m;
  12   //.bg_u;
  13   font-size: 3em;
  14   line-height: 18px;
  15   position: absolute;
  16   cursor: pointer;
  17   vertical-align: middle;
  18   top: @second-level-top;
  19   left: 0;
  20   -webkit-font-smoothing: antialiased;
  21   height: 53px;
  22   z-index: 101;
  23   //box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
  24
  25 }
  26 .ecomp-right-sidebar-container{
  27   position: absolute;
  28   display: block;
  29   left: 0;
  30   z-index: 100;
  31   transition: left @transition-duration;
  32   margin-top: -15px;
  33
  34   .ecomp-right-sidebar-main {
  35     //background-color: ;
  36     position: absolute;
  37     margin-top: 115px;
  38
  39     height: 100vh;
  40     .bg_portalWhite;//white for 1702
  41     box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
  42         left: -90px;
  43         width:75px;
  44         padding:0px;
  45         height: 100vh;
  46
  47
  48
  49     .accordion-container{
  50       margin-top: 45px;
  51     }
  52     .portal-accordion-font{
  53       font-size: .875rem;
  54       color: #666;
  55       display: inline-block;
  56       font-family: Arial;
  57
  58     }
  59
  60     .portal-accordion-active{
  61       color: #199DDF !important;
  62     }
  63
  64     .sub-item{
  65       .portal-accordion-font;
  66       cursor: pointer;
  67       height: 37px;
  68       line-height: 37px;
  69       padding-left: 20px;
  70       padding-bottom: 10px;
  71       vertical-align: middle;
  72       width: 100%;
  73     }
  74     .sub-item:hover{
  75       .portal-accordion-active;
  76     }
  77
  78     .parent-item{
  79       .portal-accordion-font;
  80       border-bottom: 1px solid #bbb;
  81       cursor: pointer;
  82       height: 37px;
  83       line-height: 37px;
  84       padding-bottom: 10px;
  85       vertical-align: middle;
  86       width: 100%;
  87     }
  88     .parent-item:hover{
  89       .portal-accordion-active;
  90     }
  91
  92   }
  93 }
  94
  95 .open-userbar {
  96   left: 0;
  97   transition: left .25s ease-in-out;
  98    -moz-transition: left .25s ease-in-out;
  99    -webkit-transition: left .25s ease-in-out;
 100 }
 101
 102 .close-userbar {
 103   left: 91px;
 104   transition: left .25s ease-in-out;
 105    -moz-transition: left .25s ease-in-out;
 106    -webkit-transition: left .25s ease-in-out;
 107 }
 108
 109 .content-overlayed {
 110   position: fixed;
 111   top: 110px;
 112   right: 0;
 113   bottom: 0;
 114   left: 0;
 115   background: none repeat scroll 0 0 rgb(242, 242, 242);
 116   z-index: 9999;
 117 }
 118 .fade-animation{
 119   opacity: @overlayer-opacity;
 120   transition: opacity @transition-duration ease-in-out;
 121 }
 122 .fade-animation.ng-hide {
 123   opacity:0;
 124   transition: opacity @transition-duration ease-in-out;
 125 }
 126
 127 .activeUserIcon {
 128         transition: all .2s ease-in-out;
 129         display: block;
 130         margin-left: auto; margin-right: auto; height:55px; width:55px; border-radius: 50%;
 131
 132 }
 133 .activeUserIcon:hover { transform: scale(1.5); }
 134
 135 .ecomp-right-sidebar-toggle{
 136         position: absolute;
 137         top: 400px;
 138         right: 35px;
 139 }
 140 .ecomp-right-sidebar-toggle-btn{
 141         position:relative;
 142 }
 143 .open-userbar-toggle {
 144  // right: 0;
 145   transition: right .25s ease-in-out;
 146    -moz-transition: right .25s ease-in-out;
 147    -webkit-transition: right .25s ease-in-out;
 148 }
 149
 150 .close-userbar-toggle {
 151   right: -36px;
 152   transition: right .25s ease-in-out;
 153    -moz-transition: right .25s ease-in-out;
 154    -webkit-transition: right .25s ease-in-out;
 155 }
 156
 157 .ecomp-right-sidebar-title{
 158         font-family: Arial;
 159         font-size: 14px;
 160         color: #ef6f00;
 161         margin-bottom:20px;
 162         text-align: center;
 163 }
 164
 165 .ecomp-right-sidebar-toggle a{
 166         transform: rotate(-90deg);
 167         z-index:2
 168 }
 169 .ecomp-right-sidebar-toggle button{
 170         transform: rotate(-90deg);
 171         z-index:2;
 172         width: 100px!important;
 173     height: 30px !important;
 174     padding-bottom: 26px !important;
 175         }
 176         .btn:last-child {
 177     margin-right: 6px !important;
 178 }
 179
 180 .right-menu-button{
 181         font-family: Omnes-ECOMP-W02,Arial
 182 }