/* side-bar-menu模块 */ .whyc-sider-menu-container { overflow: hidden; } .whyc-sider-menu { height: 100%; background-color: #272822; font-size: 14px; overflow: hidden; overflow-y: auto; } /* first */ .whyc-sider-menu>ul>li>a>i.fa { margin-left: .5em; } /* second */ .whyc-sider-menu>ul>li>ul>li>a>i.fa { margin-left: 1em; } /* third */ .whyc-sider-menu>ul>li>ul>li>ul>li>a>i.fa { margin-left: 1.5em; } /* fourth */ .whyc-sider-menu>ul>li>ul>li>ul>li>ul>li>a>i.fa { margin-left: 2em; } .whyc-sider-menu i.fa { color: #676863; font-size: 22px; vertical-align: middle; margin-right: .5em; } .sider-menu-folder, .sider-menu-file { display: block; padding: .3em 0; color: #cfcfc2; white-space: nowrap; } .sider-menu-folder:hover, .sider-menu-file:hover { background-color: #494a45; text-decoration: none; } .sider-menu-file.active { color: #FFFFFF; background-color: #818280; } .sider-menu-open>a>.fa-caret-right { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .whyc-sider-menu>ul ul { display: none; } .whyc-sider-menu .sider-menu-open>ul { display: block; } .ui-resizable-e { width: 10px; } .whyc-sider-menu .sider-menu-open>.treeView-progressBar-container { display: block; } .whyc-sider-menu .treeView-progressBar-container { display: none; }