/*------------------------------------- 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; } }