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