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

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