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