forked from fanruan/fineui
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
325 lines
9.8 KiB
325 lines
9.8 KiB
7 years ago
|
/*-------------------------------------
|
||
|
zTree Style
|
||
|
|
||
|
version: 3.5.17
|
||
|
author: Hunter.z
|
||
|
email: hunter.z@263.net
|
||
|
website: http://code.google.com/p/jquerytree/
|
||
|
|
||
|
-------------------------------------*/
|
||
|
.ztree * {
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
.ztree {
|
||
|
margin: 0;
|
||
|
padding: 5px;
|
||
|
}
|
||
|
.ztree li {
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
list-style: none;
|
||
|
line-height: 14px;
|
||
|
text-align: left;
|
||
|
white-space: nowrap;
|
||
|
outline: 0;
|
||
|
}
|
||
|
.ztree li ul {
|
||
|
margin: 0;
|
||
|
padding: 0 0 0 18px;
|
||
|
}
|
||
|
.ztree li ul.line {
|
||
|
background: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-1.png") 0 0 repeat-y;
|
||
|
}
|
||
|
.bi-theme-dark .ztree li ul.line {
|
||
|
background: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-vertical-line-1.png") 0 0 repeat-y;
|
||
|
}
|
||
|
.ztree li a {
|
||
|
padding: 1px 3px 0 0;
|
||
|
margin: 0;
|
||
|
cursor: pointer;
|
||
|
height: 24px;
|
||
|
background-color: transparent;
|
||
|
text-decoration: none;
|
||
|
vertical-align: top;
|
||
|
display: inline-block;
|
||
|
}
|
||
|
.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 input.rename {
|
||
|
height: 14px;
|
||
|
width: 80px;
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
font-size: 12px;
|
||
|
border: 1px #7EC4CC solid;
|
||
|
*border: 0px;
|
||
|
}
|
||
|
.ztree li span {
|
||
|
line-height: 24px;
|
||
|
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("http://fanruan.coding.me/fineui/dist/images/1x/third/ztree/img/zTreeStandard.png");
|
||
|
*background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/third/ztree/img/zTreeStandard.gif");
|
||
|
}
|
||
|
.ztree li span.button.chk {
|
||
|
width: 16px;
|
||
|
height: 16px;
|
||
|
margin: 0 3px 0 0;
|
||
|
cursor: auto;
|
||
|
}
|
||
|
.ztree li span.button.chk.checkbox_false_full {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-normal.png");
|
||
|
}
|
||
|
.ztree li span.button.chk.checkbox_false_full_focus {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-normal.png");
|
||
|
}
|
||
|
.ztree li span.button.chk.checkbox_false_part {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/half_selected.png");
|
||
|
}
|
||
|
.ztree li span.button.chk.checkbox_false_part_focus {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/half_selected.png");
|
||
|
}
|
||
|
.ztree li span.button.chk.checkbox_false_disable {
|
||
|
background-position: 0 -56px;
|
||
|
}
|
||
|
.ztree li span.button.chk.checkbox_true_full {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-active.png");
|
||
|
}
|
||
|
.ztree li span.button.chk.checkbox_true_full_focus {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-active.png");
|
||
|
}
|
||
|
.ztree li span.button.chk.checkbox_true_part {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/half_selected.png");
|
||
|
}
|
||
|
.ztree li span.button.chk.checkbox_true_part_focus {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/half_selected.png");
|
||
|
}
|
||
|
.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: 25px;
|
||
|
height: 25px;
|
||
|
}
|
||
|
.ztree li span.button.root_open {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-1.png");
|
||
|
}
|
||
|
.bi-theme-dark .ztree li span.button.root_open {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-1.png");
|
||
|
}
|
||
|
.ztree li span.button.root_close {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-1.png");
|
||
|
}
|
||
|
.bi-theme-dark .ztree li span.button.root_close {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-1.png");
|
||
|
}
|
||
|
.ztree li span.button.roots_open {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-2.png");
|
||
|
}
|
||
|
.bi-theme-dark .ztree li span.button.roots_open {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-2.png");
|
||
|
}
|
||
|
.ztree li span.button.roots_close {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-2.png");
|
||
|
}
|
||
|
.bi-theme-dark .ztree li span.button.roots_close {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-2.png");
|
||
|
}
|
||
|
.ztree li span.button.center_open {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-3.png");
|
||
|
}
|
||
|
.bi-theme-dark .ztree li span.button.center_open {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-3.png");
|
||
|
}
|
||
|
.ztree li span.button.center_close {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-3.png");
|
||
|
}
|
||
|
.bi-theme-dark .ztree li span.button.center_close {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-3.png");
|
||
|
}
|
||
|
.ztree li span.button.bottom_open {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-4.png");
|
||
|
}
|
||
|
.bi-theme-dark .ztree li span.button.bottom_open {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-4.png");
|
||
|
}
|
||
|
.ztree li span.button.bottom_close {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-4.png");
|
||
|
}
|
||
|
.bi-theme-dark .ztree li span.button.bottom_close {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-4.png");
|
||
|
}
|
||
|
.ztree li span.button.noline_open {
|
||
|
background-position: -92px -72px;
|
||
|
}
|
||
|
.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-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-2.png");
|
||
|
}
|
||
|
.bi-theme-dark .ztree li span.button.roots_docu {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-vertical-line-2.png");
|
||
|
}
|
||
|
.ztree li span.button.center_docu {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-3.png");
|
||
|
}
|
||
|
.bi-theme-dark .ztree li span.button.center_docu {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-vertical-line-3.png");
|
||
|
}
|
||
|
.ztree li span.button.bottom_docu {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-4.png");
|
||
|
}
|
||
|
.bi-theme-dark .ztree li span.button.bottom_docu {
|
||
|
background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-vertical-line-4.png");
|
||
|
}
|
||
|
.ztree li span.button.noline_docu {
|
||
|
background: none;
|
||
|
}
|
||
|
.ztree li span.button.ico_open {
|
||
|
margin-right: 2px;
|
||
|
background-position: -110px -16px;
|
||
|
vertical-align: top;
|
||
|
*vertical-align: middle;
|
||
|
}
|
||
|
.ztree li span.button.ico_close {
|
||
|
margin-right: 2px;
|
||
|
background-position: -110px 0;
|
||
|
vertical-align: top;
|
||
|
*vertical-align: middle;
|
||
|
}
|
||
|
.ztree li span.button.ico_docu {
|
||
|
margin-right: 2px;
|
||
|
background-position: -110px -32px;
|
||
|
vertical-align: top;
|
||
|
*vertical-align: middle;
|
||
|
}
|
||
|
.ztree li span.button.edit {
|
||
|
margin-right: 2px;
|
||
|
background-position: -110px -48px;
|
||
|
vertical-align: top;
|
||
|
*vertical-align: middle;
|
||
|
}
|
||
|
.ztree li span.button.remove {
|
||
|
margin-right: 2px;
|
||
|
background-position: -110px -64px;
|
||
|
vertical-align: top;
|
||
|
*vertical-align: middle;
|
||
|
}
|
||
|
.ztree li span.button.ico_loading {
|
||
|
width: 0px;
|
||
|
margin-right: 2px;
|
||
|
background: url("http://fanruan.coding.me/fineui/dist/images/1x/third/ztree/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("http://fanruan.coding.me/fineui/dist/images/1x/third/ztree/img/zTreeStandard.png");
|
||
|
*background-image: url("http://fanruan.coding.me/fineui/dist/images/1x/third/ztree/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;
|
||
|
}*/
|