/*------------------------------------- zTree Style version: 3.4 author: Hunter.z email: hunter.z@263.net website: http://code.google.com/p/jquerytree/ -------------------------------------*/ .ztree * { padding: 0; margin: 0; font-size: 13px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif; } .ztree { margin: 0; padding: 5px; color: #333; } .ztree li { padding: 0; margin: 0; list-style: none; line-height: 23px; text-align: left; white-space: nowrap; outline: 0; } .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 0; margin: 0; cursor: pointer; height: 23px; color: #333; background-color: transparent; text-decoration: none; vertical-align: top; display: inline-block; } .ztree li a:hover { text-decoration: underline; } .ztree li a.curSelectedNode { padding-top: 0px; background-color: #FFE6B0; color: black; height: 20px; border: 1px #FFB951 solid; opacity: 0.8; } .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: 16px; margin-right: 2px; } .ztree li span.spbutton { 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; } .ztree li span.spbutton.chk { width: 13px; height: 13px; margin: 0 3px 0 0; cursor: auto; } /* .ztree li span.spbutton.chk.checkbox_false_full {background-position:0 0} .ztree li span.spbutton.chk.checkbox_false_full_focus {background-position:0 -14px} .ztree li span.spbutton.chk.checkbox_false_part {background-position:0 -28px} .ztree li span.spbutton.chk.checkbox_false_part_focus {background-position:0 -42px} .ztree li span.spbutton.chk.checkbox_false_disable {background-position:0 -56px} .ztree li span.spbutton.chk.checkbox_true_full {background-position:-14px 0} .ztree li span.spbutton.chk.checkbox_true_full_focus {background-position:-14px -14px} .ztree li span.spbutton.chk.checkbox_true_part {background-position:-14px -28px} .ztree li span.spbutton.chk.checkbox_true_part_focus {background-position:-14px -42px} .ztree li span.spbutton.chk.checkbox_true_disable {background-position:-14px -56px}*/ .ztree li span.spbutton.chk.checkbox_false_full { background: url("./img/checkbox.png") no-repeat scroll 0 0 transparent; } .ztree li span.spbutton.chk.checkbox_false_full_focus { background: url("./img/checkbox.png") no-repeat scroll 0 -12px transparent; } .ztree li span.spbutton.chk.checkbox_false_part { background: url("./img/checkbox.png") no-repeat scroll 0 -72px transparent; } .ztree li span.spbutton.chk.checkbox_false_part_focus { background: url("./img/checkbox.png") no-repeat scroll 0 -84px transparent; } .ztree li span.spbutton.chk.checkbox_true_full { background: url("./img/checkbox.png") no-repeat scroll 0 -24px transparent; } .ztree li span.spbutton.chk.checkbox_true_full_focus { background: url("./img/checkbox.png") no-repeat scroll 0 -36px transparent; } .ztree li span.spbutton.chk.checkbox_true_part { background: url("./img/checkbox.png") no-repeat scroll 0 -48px transparent; } .ztree li span.spbutton.chk.checkbox_true_part_focus { background: url("./img/checkbox.png") no-repeat scroll 0 -60px transparent; } .ztree li span.spbutton.chk.radio_false_full { background-position: -28px 0; } .ztree li span.spbutton.chk.radio_false_full_focus { background-position: -28px -14px; } .ztree li span.spbutton.chk.radio_false_part { background-position: -28px -28px; } .ztree li span.spbutton.chk.radio_false_part_focus { background-position: -28px -42px; } .ztree li span.spbutton.chk.radio_false_disable { background-position: -28px -56px; } .ztree li span.spbutton.chk.radio_true_full { background-position: -42px 0; } .ztree li span.spbutton.chk.radio_true_full_focus { background-position: -42px -14px; } .ztree li span.spbutton.chk.radio_true_part { background-position: -42px -28px; } .ztree li span.spbutton.chk.radio_true_part_focus { background-position: -42px -42px; } .ztree li span.spbutton.chk.radio_true_disable { background-position: -42px -56px; } .ztree li span.spbutton.switch { width: 18px; height: 18px; } /*.ztree li span.spbutton.root_open{background-position:-92px -54px} .ztree li span.spbutton.root_close{background-position:-74px -54px}*/ .ztree li span.spbutton.root_open { background: url(./img/minus_root.gif); } .ztree li span.spbutton.root_close { background: url(./img/plus_root.gif); } .ztree li span.spbutton.roots_open { background: url("./img/minus_top.gif"); } .ztree li span.spbutton.roots_close { background: url("./img/plus_top.gif"); } .ztree li span.spbutton.center_open { background: url("./img/minus_top.gif"); } .ztree li span.spbutton.center_close { background: url("./img/plus_top.gif"); } .ztree li span.spbutton.bottom_open { background: url("./img/minus_top.gif"); } .ztree li span.spbutton.bottom_close { background: url("./img/plus_top.gif"); } .ztree li span.spbutton.noline_open { background-position: -92px -72px; } .ztree li span.spbutton.noline_close { background-position: -74px -72px; } .ztree li span.spbutton.root_docu { background: none; } .ztree li span.spbutton.roots_docu { background: url("./img/page.gif"); } .ztree li span.spbutton.center_docu { background: url("./img/line_center.gif"); } .ztree li span.spbutton.bottom_docu { background: url("./img/line_bottom.gif"); } .ztree li span.spbutton.noline_docu { background: none; } .ztree li span.spbutton.ico_open { margin-right: 2px; background: url("./img/folder_Open.gif"); /*vertical-align: top;*/ *vertical-align: middle; } .ztree li span.spbutton.ico_close { margin-right: 2px; background: url("./img/folder_Close.gif"); /*vertical-align: top;*/ *vertical-align: middle; } .ztree li span.spbutton.ico_docu { margin-right: 2px; background: url("./img/page.gif"); /*vertical-align: top;*/ *vertical-align: middle; } .ztree li span.spbutton.edit { margin-right: 2px; background-position: -110px -48px; /*vertical-align: top;*/ *vertical-align: middle; } .ztree li span.spbutton.remove { margin-right: 2px; background-position: -110px -64px; /*vertical-align: top;*/ *vertical-align: middle; } .ztree li span.spbutton.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 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; } ul.ztree { border: 1px solid #617775; background: #f0f6e4; height: auto; overflow-y: scroll; overflow-x: auto; z-index: 10; } div.zTreeDemoBackground { width: 250px; height: 362px; text-align: left; float: left; margin-top: -47px; } /* level style*/ /*.ztree li span.spbutton.level0 { display:none; } .ztree li ul.level0 { padding:0; background:none; }*/ div.rMenu { position: absolute; visibility: hidden; top: 0; background-color: #555; text-align: left; padding: 2px; } div.rMenu ul li { text-align:left; margin: 1px 0; padding: 3px 8px; cursor: pointer; list-style: none outside none; background-color: #DFDFDF; }