KodExplorer/static/style/skin/metro/tree.less

.ztree{
    @height:22px;
    font-size:12px;padding:0;margin:0px;margin-top:10px;
    li {
        padding:0; margin:0; list-style:none;text-align:left; 
        white-space:nowrap; outline:0;line-height:@height+2;
        ul{margin:0; padding:0;}
        &.level0{margin-bottom:5px;}
        span{
            line-height:@height;
            &.button{
                line-height:0; margin:0;display: inline-block; vertical-align:middle;
                cursor: pointer;outline:none;background-color:transparent; background-repeat:no-repeat;
                height:22px;width:18px;
                background:url("@{img_common}tree.png") no-repeat;margin-right:5px;
                &.switch {width: 16px;height:22px;}
                &.noline_open,&.noline_open_hover{
                    background-position:-16px -353px;
                    &.switch_hover{background-position:-48px -353px !important;}
                }
                &.noline_close,&.noline_close_hover{
                    background-position:0px -353px;
                    &.switch_hover{background-position:-32px -353px !important;}
                }
                &.ico_loading{background:url("@{img_common}loading_tree.gif") no-repeat scroll 0 2px transparent;}
            }
        }
        a{ padding-top:1px;cursor:pointer;text-decoration:none;
            display:block;margin:0;color:#333; vertical-align:top;
            height:@height;padding-left:10px;border:1px solid @tree_background;
            &:hover{text-decoration:none;
                .transition(all 0.3s);background:@file_hover_color;
                height:@height;border:1px solid @file_hover_color;
            }
            &.curSelectedNode {
                border:1px solid @file_select_color;background:@file_select_color;
                line-height:@height;height:@height;color:#fff;
            }
            &.curSelectedNode_Edit {
                border:1px solid @file_select_color;background:@file_select_color;
                color:black; height:@height+1;
            }
            input.rename {height:20px;line-height:22px; width:100px; padding:0;margin:0;
               border:none;outline:none;padding-left:5px;font-size: 12px;
            }
            span{
                &.button{
                    &.root_docu{ background:none;}
                    &.noline_docu{ background:none;}
                    &.root_ico_open,&.root_ico_close,&.root_ico_docu{background-position: 0 -160px;}
                    &.fav_ico_open,&.fav_ico_close,&.fav_ico_docu{background-position: 0px -275px;};
                    &.lib_ico_open,&.lib_ico_close,&.lib_ico_docu{background-position: 0px -245px;};
                    &.my_ico_open,&.my_ico_close,&.my_ico_docu{background-position: 0px -327px;};
                    &.folder_ico_close,&.folder_ico_open,&.folder_ico_docu,&.ico_close,&.ico_open,&.ico_docu
                    {background-position: 0 -100px;}

                    &.doc_ico_close,&.doc_ico_docu,&.doc_ico_open{background-position: 0 -188px;}
                    &.pic_ico_close,&.pic_ico_docu,&.pic_ico_open{background-position: 0 -132px;}
                    &.music_ico_close,&.music_ico_docu,&.music_ico_open{background-position: 0 -70px;}
                    &.movie_ico_close,&.movie_ico_docu,&.movie_ico_open{background-position: 0 -220px;}
                    &.download_ico_close,&.download_ico_docu,&.download_ico_open{background-position: 0 -301px;}
                }
            }
        }
    }
}
ul.tmpTargetzTree {}/*移植根目录选择器*/
ul.ztree.zTreeDragUL {
    margin:0; padding:0; position:absolute;width:auto; height:auto;
    background-color:@file_select_color; border:1px solid @file_select_color;.opacity(50);
    li a span.space{display: none !important;}
    li a{padding: 4px 10px 0 10px;color:#fff;}
    li span.button.switch{display: none;}
}

.ztree li a.tmpTargetNode_inner {background:darken(@file_select_color,20%);border:1px solid darken(@file_select_color,10%); color:#fff;}
.ztree li a.tmpTargetNode_prev {border-bottom: 1px solid #f96;}
.ztree li a.tmpTargetNode_next {border-bottom: 1px solid #f96;}
span.tmpzTreeMove_arrow {display: inline-block;margin:4px 0 0 2px;position:absolute;
      border-color: transparent  transparent transparent #fff;
      border-style: solid;border-width: 7px 0px 7px 7px;width: 0;height: 0;
      _border-top-color: white;_border-bottom-color: white;_filter: chroma( color =white);
}


.frame-left .ztree{
    @path:"./@{img_common}file_16/";
    li{
        .file{
            line-height: 0;margin: 0;display: inline-block;
            vertical-align: middle;cursor: pointer;
            outline: none;background-color: transparent;
            background-repeat: no-repeat;
            height: 22px;width: 18px;
            margin-right: 5px;
            background:url("@{path}file.png") no-repeat;
        }
        .cpp,.h,.sql,.java,.cs,.py,.html,.htm,.shtml,.hta,.css,.js,.xml,.php,.jsp,.asp,.aspx,.vb,.vbs,.bat,.reg,.cmd,.pl,.pm,.cgi,.as
        {background-image:url("@{path}code.png");}

        .oexe{background-image:url("@{path}oexe.png");}  
        .txt,.ini{background-image:url("@{path}txt.png");}
        .html,.htm,.url{background-image:url("@{path}html.png");}
        .css{background-image:url("@{path}css.png");}
        .js{background-image:url("@{path}js.png");}
        .xml,.config,.manifest,.xaml,.csproj,.vbproj
        {background-image:url("@{path}xml.png");}
        .php{background-image:url("@{path}php.png");}
        .py{background-image:url("@{path}py.png");}
        .h,.cpp,.c{background-image:url("@{path}cpp.png");}

        .pdf{background-image:url("@{path}pdf.png");}
        .psd{background-image:url("@{path}psd.png");}
        .flv,.f4v{background-image:url("@{path}flv.png");}
        .fla{background-image:url("@{path}fla.png");}
        .swf{background-image:url("@{path}swf.png");}
        .air{background-image:url("@{path}air.png");}

        .zip,.tar,.gzip{background-image:url("@{path}zip.png");}
        .rar{background-image:url("@{path}rar.gif");}
        .dll{background-image:url("@{path}dll.png");}
        .exe{background-image:url("@{path}exe.png");}
        .ttf{background-image:url("@{path}ttf.png");}
        .bat,.cmd{background-image:url("@{path}cmd.png");}
        .ini{background-image:url("@{path}ini.png");}

        .jpg,.png,.bmp,.gif,.ttf
        {background-image:url("@{path}jpg.png");}
        .mp3,.wma,.mp2,.mid,.aac
        {background-image:url("@{path}mp3.png");}
        .avi,.rm,.rmvb,.mpg,.mkv,.wmv,.mov,.mp4
        {background-image:url("@{path}avi.png");}
        .doc,.docx,.wps{background-image:url("@{path}doc.png");}
        .xls,.xlsx{background-image:url("@{path}xls.png");}
        .ppt,.pptx{background-image:url("@{path}ppt.png");}
    }
}