/*-------------------------------------
|
zTree Style
|
|
version: 3.5.19
|
author: Hunter.z
|
email: hunter.z@263.net
|
website: http://code.google.com/p/jquerytree/
|
|
-------------------------------------*/
|
|
.ztree * {padding:0;margin:0;font-size: 13px;}
|
.ztree {margin:0; padding:5px; color:#333}
|
.ztree li{padding:0;margin:0;list-style:none;line-height: 1.5em;text-align:left;white-space:nowrap;outline:0;font-family: "DIN","PingFang SC","microsoft yahei";}
|
.ztree li ul{ margin:0; padding:0 0 0 18px}
|
.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
|
|
.ztree li a {padding:1px 3px 0 3px; margin:0 0 0 3px; cursor:pointer; color:#6c6969; background-color: transparent;
|
text-decoration:none; vertical-align:top; display: inline-block; border-radius:2px; }
|
.ztree li a:hover { color:#009000; }
|
.ztree li a.curSelectedNode {/* padding-top:0px; */background-color: #eaeaea;/* color:#ffffff !important; *//* opacity:0.8; */}
|
.ztree li a.curSelectedNode i{ color:#ffffff;}
|
.ztree li a.curSelectedNode_Edit { background-color:var(--mc6); color:black; border:1px var(--mc6) solid; opacity:0.8; padding:3px; height:22px;}
|
.ztree li a.tmpTargetNode_inner {padding-top:0px;background-color:#316AC5;color: white !important;height:auto;border: 0;opacity:0.8;filter:alpha(opacity=80);}
|
.ztree li a.tmpTargetNode_inner .button::before{color:white;}
|
.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:22px; margin-right:2px}
|
.ztree li span i{line-height:16px; margin-right:5px; color:#34BC6B; display:inline-block; text-align:center; width:14px; font-size:14px; font-family:'Material Design Icons'; font-style:normal; }
|
.ztree li span i.i2{ font-size:12px; margin-right:3px; vertical-align:text-top; color:#ccc; }
|
.ztree li span.button:before{ font-family:'Material Design Icons';}
|
.ztree li span.button {
|
line-height:0;
|
margin:0;
|
width:16px;
|
height:16px;
|
display: inline-block;
|
border:0 none;
|
cursor: pointer;
|
outline:none;
|
background-attachment: scroll;
|
color: #89c316;
|
transform:scale(0.9);
|
}
|
.ztree li span.ico{ font-size:14px; line-height:14px; margin-right:3px; text-align:center; color:#0ec8bd; }
|
.ztree li span.button.chk {width:13px;height:13px;margin: 0 4px 0 4px;cursor: auto;line-height:1.5;}
|
.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 {width:14px;height:9px;padding: 12px 0 0 0px;}
|
.ztree li span.button.root_open{background-position:-92px -54px}
|
.ztree li span.button.root_close{background-position:-74px -54px}
|
.ztree li span.button.roots_open{background-position:-92px 0}
|
.ztree li span.button.roots_close{background-position:-74px 0}
|
.ztree li span.button.center_open{background-position:-92px -18px}
|
.ztree li span.button.center_close{background-position:-74px -18px}
|
.ztree li span.button.bottom_open{background-position:-92px -36px}
|
.ztree li span.button.bottom_close{background-position:-74px -36px}
|
.ztree li span.button.noline_open:before{ content:"\F0140";}
|
.ztree li span.button.noline_open{padding: 12px 0 0 0px;width:14px;}
|
.ztree li span.button.noline_close:before{ content:"\f0142";}
|
.ztree li span.button.noline_close{}
|
.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.noline_docu::before{content:"\F0224";font-family:"Material Design Icons";}
|
|
.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:middle; *vertical-align:middle; line-height:1; }
|
.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:0; background-position:-110px -32px; *vertical-align:middle; line-height:1; }
|
.ztree li span.button.edit { *vertical-align:middle}
|
.ztree li span.button.remove { background-position:-110px -64px; *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:top; *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 -4px;border:0 none;position:absolute;z-index:2000;}
|
span.tmpzTreeMove_arrow::before{content:"\f055";font-family:"Material Design Icons";font-size:16px;line-height:16px;color: var(--mc7);}
|
ul.ztree.zTreeDragUL {margin:0;padding:0;position:absolute;width:auto;height:auto;overflow:hidden;background-color:#cfcfcf;border:1px var(--mc6) dotted;opacity:0.8;filter:alpha(opacity=80);z-index: 2000;border-radius:2px;}
|
.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
|
.ztree li span.button::before{display:inline-block;font-size: 17px;}
|
|
/* level style*/
|
/*.ztree li span.button.level0 {
|
display:none;
|
}
|
.ztree li ul.level0 {
|
padding:0;
|
background:none;
|
}*/
|
|
.ztree .button.add{ padding:0 3px; vertical-align:middle; }
|
.ztree .button.add::before{ content:"\f415"; font-family:Material Design Icons; vertical-align:-7px; font-size:14px; }
|
.ztree .curSelectedNode .button.add::before{ color:#fff; }
|
.ztree .button.edit{ padding:0 3px; vertical-align:middle; }
|
.ztree .button.edit::before{ content:"\f3eb"; font-family:Material Design Icons; vertical-align:-7px; font-size:14px; }
|
.ztree .curSelectedNode .button.edit::before{ color:#fff; }
|
.ztree .button.remove{ padding:0 3px; vertical-align:middle; }
|
.ztree .button.remove::before{ content:"\f156"; font-family:Material Design Icons; vertical-align:-7px; font-size:14px; }
|
.ztree .curSelectedNode .button.remove::before{ color:#fff; }
|
.ztree input.rename{ vertical-align:top; height:20px; line-height:16; background-color:#fff; padding:3px; }
|
.ztree .button.ico_open::before{display:none; content:"\f0256"; font-family:Material Design Icons; position:relative; top:-2px; }
|
.ztree .button.ico_close::before{display:none; content:"\f0256"; font-family:Material Design Icons; line-height:1; position:relative; top:-2px; }
|
.ztree .button.ico_docu::before{display:none; content:"\f0224"; font-family:Material Design Icons; font-size:16px; position:relative; vertical-align:-1px; }
|
.ztree .button{ }
|
.ztree .curSelectedNode .button{/* color:#fff; */}
|
.ztree li .curSelectedNode_Edit span.button{ position:relative; top:-3px; }
|
.ztree li span.button.chk.checkbox_true_full::before{content:"\f0132";font-family:Material Design Icons;font-size: 20px;margin-top:-2px;}
|
.ztree li span.button.chk.checkbox_true_full_focus::before{content:"\f0132";font-family:Material Design Icons;margin-top:-2px;}
|
.ztree li span.button.chk.checkbox_true_part::before{content:"\f0135";font-family:Material Design Icons;font-size: 20px;margin-top:-2px;}
|
.ztree li span.button.chk.checkbox_false_part::before{content:"\f014a"; font-family:Material Design Icons; color:var(--mc6);font-size:18px;margin-top:-2px;}
|
.ztree li span.button.chk.checkbox_true_part_focus::before{content:"\f0135";font-family:Material Design Icons;color:var(--mc6);font-size: 20px;margin-top:-2px;}
|
.ztree li span.button.chk.checkbox_false_part_focus::before{content:"\f014a"; font-family:Material Design Icons; color:var(--mc6);font-size:18px;margin-top:-2px;}
|
.ztree li span.button.chk.checkbox_false_full::before{content:"\f0131";font-family:Material Design Icons;font-size: 20px;margin-top: -2px;}
|
.ztree li span.button.chk.checkbox_false_full_focus::before{content:"\f0131";font-family:Material Design Icons;font-size: 20px;margin-top:-2px;}
|
