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.
324 lines
9.8 KiB
324 lines
9.8 KiB
/*------------------------------------- |
|
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("https://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("https://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("https://fanruan.coding.me/fineui/dist/images/1x/third/ztree/img/zTreeStandard.png"); |
|
*background-image: url("https://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("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-normal.png"); |
|
} |
|
.ztree li span.button.chk.checkbox_false_full_focus { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-normal.png"); |
|
} |
|
.ztree li span.button.chk.checkbox_false_part { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/half_selected.png"); |
|
} |
|
.ztree li span.button.chk.checkbox_false_part_focus { |
|
background-image: url("https://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("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-active.png"); |
|
} |
|
.ztree li span.button.chk.checkbox_true_full_focus { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-active.png"); |
|
} |
|
.ztree li span.button.chk.checkbox_true_part { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/half_selected.png"); |
|
} |
|
.ztree li span.button.chk.checkbox_true_part_focus { |
|
background-image: url("https://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("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-1.png"); |
|
} |
|
.bi-theme-dark .ztree li span.button.root_open { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-1.png"); |
|
} |
|
.ztree li span.button.root_close { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-1.png"); |
|
} |
|
.bi-theme-dark .ztree li span.button.root_close { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-1.png"); |
|
} |
|
.ztree li span.button.roots_open { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-2.png"); |
|
} |
|
.bi-theme-dark .ztree li span.button.roots_open { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-2.png"); |
|
} |
|
.ztree li span.button.roots_close { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-2.png"); |
|
} |
|
.bi-theme-dark .ztree li span.button.roots_close { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-2.png"); |
|
} |
|
.ztree li span.button.center_open { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-3.png"); |
|
} |
|
.bi-theme-dark .ztree li span.button.center_open { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-3.png"); |
|
} |
|
.ztree li span.button.center_close { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-3.png"); |
|
} |
|
.bi-theme-dark .ztree li span.button.center_close { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-3.png"); |
|
} |
|
.ztree li span.button.bottom_open { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-4.png"); |
|
} |
|
.bi-theme-dark .ztree li span.button.bottom_open { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-4.png"); |
|
} |
|
.ztree li span.button.bottom_close { |
|
background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-4.png"); |
|
} |
|
.bi-theme-dark .ztree li span.button.bottom_close { |
|
background-image: url("https://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("https://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("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-vertical-line-2.png"); |
|
} |
|
.ztree li span.button.center_docu { |
|
background-image: url("https://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("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-vertical-line-3.png"); |
|
} |
|
.ztree li span.button.bottom_docu { |
|
background-image: url("https://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("https://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("https://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("https://fanruan.coding.me/fineui/dist/images/1x/third/ztree/img/zTreeStandard.png"); |
|
*background-image: url("https://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; |
|
}*/
|
|
|