.side-menu-frame { /*border-right: 1px solid #d6d6d6; background-color: white;*/ width:190px; background-color:#3e3e3e; background-image:url(../../../images/custom/ibems_light/side_menu_bg_body.png); background-repeat:repeat-y; } .side-menu-frame_bg { background:url(../../../images/custom/ibems_light/side_menu_bg_top.png) no-repeat; width:202px; height:46px; position:absolute; top:0; left:0; } .side-menu { width: 190px; box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1); /*float: left;*/ /*left: -290px;*/ margin-top:46px; /*-moz-transition: left 0.2s; -o-transition: left 0.2s; -webkit-transition: left 0.2s; transition: left 0.2s;*/ z-index: 101; /*min-height: 100%;*/ /*border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6;*/ font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, "san-serif"; } .side-menu-button { /*border-right: 1px solid #d6d6d6;*/ height: 100%; width: 50px; float: left; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .side-menu-button:hover { background-color: #e0e0e0; } .side-menu-button .side-menu-button-image { background-image: url(../../../images/custom/ibems_light/side_menu_icon.png)/*../Images/Icons/menu.png*/; background-repeat: no-repeat; background-position: center; background-size: 24px 24px; height: 100%; cursor: pointer; } .side-menu ul li { list-style-type: none; } /*.side-menu > ul > li { display: block; color: #676767; text-decoration: none; border-bottom: 1px solid #d6d6d6; }*/ .side-menu > ul > li div { display: block; color: #eaeaea; text-decoration: none; /*border-bottom: 1px solid #d6d6d6;*/ padding: 15px 25px 15px 22px; background-image:url(../../../images/custom/ibems_light/side_menu_bar.png); background-repeat:no-repeat; background-position:left bottom; line-height:120%; } .side-menu-collapse { display: none; } .side-menu > ul > li div.active { background-image:url(../../../images/custom/ibems_light/side_menu_bar_on.png); background-repeat:no-repeat; background-position:left bottom; cursor: pointer; } .side-menu > ul > li div:hover { background-image:url(../../../images/custom/ibems_light/side_menu_bar_hover.png); background-repeat:no-repeat; background-position:left bottom; cursor: pointer; } .side-menu > ul > li div:active { background-image:url(../../../images/custom/ibems_light/side_menu_bar_on.png); background-repeat:no-repeat; background-position:left bottom; cursor: pointer; } /*.side-menu > ul > li > .sub-menu { display: none; }*/ /* .side-menu ul li input[type=radio]:checked { display: none; } */ /*.side-menu > ul > li > .radio:checked + .link + .sub-menu { display: inline-block; }*/ /*******2level*******/ .side-menu > ul > li ul div.active { background-image:url(../../../images/custom/ibems_light/side_menu_bar_2level_on.png); background-repeat:no-repeat; background-position: 10px bottom; padding: 12px 10px 12px 30px; font-weight:bold; font-size:13px; } .side-menu > ul > li ul div { background-image:url(../../../images/custom/ibems_light/side_menu_bar_level2.png); background-repeat:no-repeat; background-position: 10px bottom; padding: 12px 10px 12px 30px; font-weight:bold; font-size:13px; } .side-menu > ul > li ul div:hover { background-image: url(../../../images/custom/ibems_light/side_menu_bar_2level_hover.png); background-repeat:no-repeat; background-position: 10px bottom; padding: 12px 10px 12px 30px; font-weight:bold; font-size:13px; } .side-menu ul li ul div:active { background-image:url(../../../images/custom/ibems_light/side_menu_bar_2level_on.png); background-repeat:no-repeat; background-position: 10px bottom; padding: 12px 10px 12px 30px; font-weight:bold; font-size:13px; } /*******3level*******/ .side-menu > ul > li > ul > li ul div.active { background-image:url(../../../images/custom/ibems_light/side_menu_bar_2level_on.png); background-repeat:no-repeat; background-position: 20px bottom; padding: 12px 10px 12px 40px; font-weight:bold; font-size:12px; } .side-menu > ul > li > ul > li ul div { background-image:url(../../../images/custom/ibems_light/side_menu_bar_level2.png); background-repeat:no-repeat; background-position: 20px bottom; padding: 12px 10px 12px 40px; font-weight:bold; font-size:12px; } .side-menu > ul > li > ul > li ul div:hover { background-image: url(../../../images/custom/ibems_light/side_menu_bar_2level_hover.png); background-repeat:no-repeat; background-position: 20px bottom; padding: 12px 10px 12px 40px; font-weight:bold; font-size:12px; } .side-menu > ul > li > ul > li ul div:active { background-image:url(../../../images/custom/ibems_light/side_menu_bar_2level_on.png); background-repeat:no-repeat; background-position: 20px bottom; padding: 12px 10px 12px 40px; font-weight:bold; font-size:12px; } .sub-menu, .sub-menu ul { background:#1d1d1d } /*.side-menu > ul > li > .radio { display: none; }*/ /*.side-menu > ul > .link { padding: 22px 22px 22px 53px; }*/