bsdsjj_siping/web/styles/blue/css/tree/zTreeStyle.css

/*-------------------------------------
zTree Style

version:	3.4
author:		Hunter.z
email:		hunter.z@263.net
website:	http://code.google.com/p/jquerytree/

-------------------------------------*/

.ztree * { margin:0;padding:0;  font-size:14px; 
 }
.ztree {
	margin:0; 
	padding:0px; 
	clear:left;
	font-family: "瀵邦喛钂嬮梿鍛寸拨";color:#000;
	height: 100%;
	}
.ztree li{position:relative;padding-top: 5px;margin:0;list-style:none;line-height:14px;text-align:left;white-space:nowrap;outline:0;border-top:1px solid #f3f3f3;}
.ztree li ul{ margin:0; padding:0 0 0 18px}
/*.ztree li ul.line{background:url(./img/line_conn.gif) 0 0 repeat-y;
background: #f6f6f7;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
-moz-box-shadow: -5px 5px 5px #999 inset;              For Firefox3.6+ 
-webkit-box-shadow:-5px 5px 5px #999 inset;            For Chrome5+, Safari5+ 
box-shadow: 1px 5px 7px #999 inset;                    For Latest Opera 
}*/
/*.ztree li ul.line li{background:url(./img/line_conn.gif) 0 0 repeat-y;
border-bottom:1px solid #f3f3f3;
border-top:0px;
}*/
.ztree li a {
display: block;
    height: 38px;
    line-height: 36px;
    margin: 0;
    padding: 0 16px 0 7px;
    -webkit-text-shadow: none!important;
    text-shadow: none!important;
    font-size: 13px;
    text-decoration: none;
    color: #737373;
    z-index: 123;
    cursor:pointer;
	}
.ztree li a:hover {border-color: #f3f3f3;
    background-color: #fbfbfb;color:#333;}
.ztree li a.curSelectedNode {   
	background:#f3fdff;
	border-left:5px solid #378eef;
	color:#000;

	}
		#leftTree li a.curSelectedNode span.button {
    filter: brightness(50%);
}
.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
	opacity:0.8; filter:alpha(opacity=80)}
.ztree li a.tmpTargetNode_prev {}
.ztree li a.tmpTargetNode_next {}
.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
	font-size:12px; border:1px #7EC4CC solid; *border:0px}
.ztree li span {line-height:36px; margin-right:2px}
.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
	border:0 none; cursor: pointer;outline:none;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
	/*background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")*/}
	


.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}


.ztree li span.button.switch {
  
position: relative;
  
z-index: 100;
  
display: block;
  
position: absolute;
  
width: 20%;
  
height: 43px;
  
background: url(/xtbg//styles/default/images/resicon/xiala.png) 0 0 no-repeat;
  
font-size: 13px;
  
line-height: 10px;
  
right: 0px;
  
top: 0px;
  
margin: 0;
  
text-align: center;
  
padding: 0;
  
-webkit-text-shadow: none;
  
text-shadow: none;
  
color: #666;
  
-webkit-transition: all 300ms ease-in-out;
  
-moz-transition: all 300ms ease-in-out;
  
-o-transition: all 300ms ease-in-out;
  
transition: all 300ms ease-in-out;
  
font-family: 'FontAwesome';
  
font-style: normal;
  
font-weight: normal;
}
.ztree li span.button.switch:before{
	/* content: "飫�"; */
}
   
   
    }

.ztree li span.button.switch {width:18px; height:18px;position: relative;
    z-index: 100;}
.ztree li span.button.root_open{background-position: 15px 15px;}
.ztree li span.button.root_close{
/* 	background-position: 15px 15px; */
	background-position: 9px 15px;
    moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	}
.ztree li span.button.roots_open{background-position: 22px 12px;}
.ztree li span.button.roots_close{background-position: 11px 12px;-moz-transform: rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);---------------------   浣滆�咃細鐭虫鐑熸枟鐨勯浘   鏉ユ簮锛欳SDN   鍘熸枃锛歨ttps://blog.csdn.net/eric520zenobia/article/details/24869161   鐗堟潈澹版槑锛氭湰鏂囦负鍗氫富鍘熷垱鏂囩珷锛岃浆杞借闄勪笂鍗氭枃閾炬帴锛�;}
.ztree li span.button.center_open{background-position: 21px 12px;-moz-transform: rotate(180deg);/* -webkit-transform:rotate(180deg); *//* transform:rotate(180deg); */filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);---------------------   浣滆�咃細鐭虫鐑熸枟鐨勯浘   鏉ユ簮锛欳SDN   鍘熸枃锛歨ttps://blog.csdn.net/eric520zenobia/article/details/24869161   鐗堟潈澹版槑锛氭湰鏂囦负鍗氫富鍘熷垱鏂囩珷锛岃浆杞借闄勪笂鍗氭枃閾炬帴锛�;}
.ztree li span.button.center_close{background-position: 8px 12px;-moz-transform: rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);---------------------   浣滆�咃細鐭虫鐑熸枟鐨勯浘   鏉ユ簮锛欳SDN   鍘熸枃锛歨ttps://blog.csdn.net/eric520zenobia/article/details/24869161   鐗堟潈澹版槑锛氭湰鏂囦负鍗氫富鍘熷垱鏂囩珷锛岃浆杞借闄勪笂鍗氭枃閾炬帴锛�;}
.ztree li span.button.bottom_open{background-position:5px 15px}
.ztree li span.button.bottom_close{background-position: 5px 15px;}
.ztree li span.button.noline_open{background-position:5px 15px}
.ztree li span.button.noline_close{background-position:-74px -72px}
.ztree li span.button.root_docu{ background:none;}
.ztree li span.button.roots_docu{background-position:-56px 0}
.ztree li span.button.center_docu{background-position:-56px -18px}
.ztree li span.button.bottom_docu{background-position:-56px -36px}
.ztree li span.button.noline_docu{ background:none;}

.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:middle; *vertical-align:middle}
.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:middle; *vertical-align:middle}
.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:middle; *vertical-align:middle}
.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:middle; *vertical-align:middle}
.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:middle; *vertical-align:middle}

.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:middle; *vertical-align:middle}

ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}

span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
	background-position:-110px -80px; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}

ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}

/* level style*/
/*.ztree li span.button.level0 {
	display:none;
}
.ztree li ul.level0 {
	padding:0;
	background:none;
}*/


#leftTree li a:hover{
	background:#f3fdff;
	border-left:5px solid #fb6e52;
	padding-left:5px;
}
#leftTree li a:hover span.button{
	filter:brightness(50%);
}
.ztree>li:last-child{
	margin-bottom:40px;
}



//婊氬姩鏉�
#accordion1 #leftTree{
	
}
#leftTree::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮�*/
    width: 10px;     /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
    height: 1px;
}
#leftTree::-webkit-scrollbar-thumb{/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
        border-radius: 10px;

background:#cacaca;
    }
#leftTree::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬�*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        /*border-radius: 10px;*/
        background: #EDEDED;
    }
#orgTree::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮�*/
    width: 10px;     /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
    height: 1px;
}
#orgTree::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
        border-radius: 10px;

background:#cacaca;
    }
#orgTree::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬�*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        /*border-radius: 10px;*/
        background: #EDEDED;
    }
   
   
   #tree_tr .ztree li span.button.center_close {
    background-position: 11px 12px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
   #tree_tr .ztree li span.button.center_open {
    background-position: 9px 12px;
    -moz-transform: rotate(180deg);
    /* -webkit-transform: rotate(180deg); */
    /* transform: rotate(180deg); */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
   #tree_tr .ztree li span.button.root_open {
    background-position: 15px 15px;
}

#resourcesTree1 .ztree li span.button.root_open {
    background-position: 14px 15px;
}
#resourcesTree1 .ztree li span.button.center_open {
    background-position: 29px 12px;
    -moz-transform: rotate(180deg);
    /* -webkit-transform: rotate(180deg); */
    /* transform: rotate(180deg); */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
#resourcesTree1 .ztree li span.button.center_close {
   background-position: 11px 12px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
#resourcesTree1 .ztree li span.button.bottom_close {
    background-position: 34px 15px;
      -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
#resourcesTree1 .ztree li span.button.bottom_open {
    background-position: 31px 15px;
}
#resourcesTree1 .ztree li span.button.bottom_close {
    background-position: 11px 15px;
     -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
#resourcesTree1 .ztree li span.button.bottom_open {
    background-position: 26px 15px;
}
#accordion1 .ztree li span.button.bottom_close {
    background-position: 9px 15px;
     -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
#accordion1 .ztree li span.button.bottom_open {
    background-position: 18px 15px;
}
    
@media screen and (max-width: 900px) {
	.ztree,.ztree li,.ztree li a ,.ztree ul{
		width:100%;
	}
    	.ztree li span.button.root_open {
    background-position: 7px 17px;
}
.ztree li span.button.switch{
	left:0px;
	
}
.ztree li span.button.bottom_close {
    background-position: 8px 15px;
}
.ztree li span.button.bottom_open {
    background-position: 8px 15px;
}
.ztree li span.button.center_open {
    background-position: 10px 16px;
   
}
.ztree li span.button.root_open {
    background-position: 7px 17px;
}
.ztree li span.button.root_close {
    background-position: 7px 17px;
}
.ztree li span.button.center_close {
    background-position: 15px 12px;
  
}
.ztree li span.button.roots_open {
    background-position: 9px 15px;
}
.ztree li span.button.roots_close {
    background-position: 9px 15px;
}
    }