/* 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;
|
color: #cfcfc2;
|
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);
|
}
|
.treeview-txt {
|
display: inline-block;
|
width: 100%;
|
}
|
.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;
|
}
|
