sidemenu.css 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. 
  2. .side-menu-frame {
  3. /*border-right: 1px solid #d6d6d6;
  4. background-color: white;*/
  5. width:190px;
  6. background-color:#3e3e3e;
  7. background-image:url(../../../images/custom/ibems_light/side_menu_bg_body.png);
  8. background-repeat:repeat-y;
  9. }
  10. .side-menu-frame_bg {
  11. background:url(../../../images/custom/ibems_light/side_menu_bg_top.png) no-repeat;
  12. width:202px; height:46px;
  13. position:absolute; top:0; left:0;
  14. }
  15. .side-menu {
  16. width: 190px;
  17. box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1);
  18. /*float: left;*/
  19. /*left: -290px;*/
  20. margin-top:46px;
  21. /*-moz-transition: left 0.2s;
  22. -o-transition: left 0.2s;
  23. -webkit-transition: left 0.2s;
  24. transition: left 0.2s;*/
  25. z-index: 101;
  26. /*min-height: 100%;*/
  27. /*border-top: 1px solid #d6d6d6;
  28. border-right: 1px solid #d6d6d6;*/
  29. font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, "san-serif";
  30. }
  31. .side-menu-button {
  32. /*border-right: 1px solid #d6d6d6;*/
  33. height: 100%;
  34. width: 50px;
  35. float: left;
  36. cursor: pointer;
  37. -webkit-touch-callout: none;
  38. -webkit-user-select: none;
  39. -khtml-user-select: none;
  40. -moz-user-select: none;
  41. -ms-user-select: none;
  42. user-select: none;
  43. }
  44. .side-menu-button:hover {
  45. background-color: #e0e0e0;
  46. }
  47. .side-menu-button .side-menu-button-image {
  48. background-image: url(../../../images/custom/ibems_light/side_menu_icon.png)/*../Images/Icons/menu.png*/;
  49. background-repeat: no-repeat;
  50. background-position: center;
  51. background-size: 24px 24px;
  52. height: 100%;
  53. cursor: pointer;
  54. }
  55. .side-menu ul li {
  56. list-style-type: none;
  57. }
  58. /*.side-menu > ul > li {
  59. display: block;
  60. color: #676767;
  61. text-decoration: none;
  62. border-bottom: 1px solid #d6d6d6;
  63. }*/
  64. .side-menu > ul > li div {
  65. display: block;
  66. color: #eaeaea;
  67. text-decoration: none;
  68. /*border-bottom: 1px solid #d6d6d6;*/
  69. padding: 15px 25px 15px 22px;
  70. background-image:url(../../../images/custom/ibems_light/side_menu_bar.png);
  71. background-repeat:no-repeat;
  72. background-position:left bottom;
  73. line-height:120%;
  74. }
  75. .side-menu-collapse {
  76. display: none;
  77. }
  78. .side-menu > ul > li div.active {
  79. background-image:url(../../../images/custom/ibems_light/side_menu_bar_on.png);
  80. background-repeat:no-repeat;
  81. background-position:left bottom;
  82. cursor: pointer;
  83. }
  84. .side-menu > ul > li div:hover {
  85. background-image:url(../../../images/custom/ibems_light/side_menu_bar_hover.png);
  86. background-repeat:no-repeat;
  87. background-position:left bottom;
  88. cursor: pointer;
  89. }
  90. .side-menu > ul > li div:active {
  91. background-image:url(../../../images/custom/ibems_light/side_menu_bar_on.png);
  92. background-repeat:no-repeat;
  93. background-position:left bottom;
  94. cursor: pointer;
  95. }
  96. /*.side-menu > ul > li > .sub-menu {
  97. display: none;
  98. }*/
  99. /*
  100. .side-menu ul li input[type=radio]:checked {
  101. display: none;
  102. }
  103. */
  104. /*.side-menu > ul > li > .radio:checked + .link + .sub-menu {
  105. display: inline-block;
  106. }*/
  107. /*******2level*******/
  108. .side-menu > ul > li ul div.active {
  109. background-image:url(../../../images/custom/ibems_light/side_menu_bar_2level_on.png);
  110. background-repeat:no-repeat;
  111. background-position: 10px bottom;
  112. padding: 12px 10px 12px 30px;
  113. font-weight:bold;
  114. font-size:13px;
  115. }
  116. .side-menu > ul > li ul div {
  117. background-image:url(../../../images/custom/ibems_light/side_menu_bar_level2.png);
  118. background-repeat:no-repeat;
  119. background-position: 10px bottom;
  120. padding: 12px 10px 12px 30px;
  121. font-weight:bold;
  122. font-size:13px;
  123. }
  124. .side-menu > ul > li ul div:hover {
  125. background-image: url(../../../images/custom/ibems_light/side_menu_bar_2level_hover.png);
  126. background-repeat:no-repeat;
  127. background-position: 10px bottom;
  128. padding: 12px 10px 12px 30px;
  129. font-weight:bold;
  130. font-size:13px;
  131. }
  132. .side-menu ul li ul div:active {
  133. background-image:url(../../../images/custom/ibems_light/side_menu_bar_2level_on.png);
  134. background-repeat:no-repeat;
  135. background-position: 10px bottom;
  136. padding: 12px 10px 12px 30px;
  137. font-weight:bold;
  138. font-size:13px;
  139. }
  140. /*******3level*******/
  141. .side-menu > ul > li > ul > li ul div.active {
  142. background-image:url(../../../images/custom/ibems_light/side_menu_bar_2level_on.png);
  143. background-repeat:no-repeat;
  144. background-position: 20px bottom;
  145. padding: 12px 10px 12px 40px;
  146. font-weight:bold;
  147. font-size:12px;
  148. }
  149. .side-menu > ul > li > ul > li ul div {
  150. background-image:url(../../../images/custom/ibems_light/side_menu_bar_level2.png);
  151. background-repeat:no-repeat;
  152. background-position: 20px bottom;
  153. padding: 12px 10px 12px 40px;
  154. font-weight:bold;
  155. font-size:12px;
  156. }
  157. .side-menu > ul > li > ul > li ul div:hover {
  158. background-image: url(../../../images/custom/ibems_light/side_menu_bar_2level_hover.png);
  159. background-repeat:no-repeat;
  160. background-position: 20px bottom;
  161. padding: 12px 10px 12px 40px;
  162. font-weight:bold;
  163. font-size:12px;
  164. }
  165. .side-menu > ul > li > ul > li ul div:active {
  166. background-image:url(../../../images/custom/ibems_light/side_menu_bar_2level_on.png);
  167. background-repeat:no-repeat;
  168. background-position: 20px bottom;
  169. padding: 12px 10px 12px 40px;
  170. font-weight:bold;
  171. font-size:12px;
  172. }
  173. .sub-menu, .sub-menu ul { background:#1d1d1d }
  174. /*.side-menu > ul > li > .radio {
  175. display: none;
  176. }*/
  177. /*.side-menu > ul > .link {
  178. padding: 22px 22px 22px 53px;
  179. }*/