250 lines
5.9 KiB
PHP
250 lines
5.9 KiB
PHP
/**
|
|
* @author zhixin wen <wenzhixin2010@gmail.com>
|
|
* version: 1.2.0
|
|
* https://github.com/wenzhixin/font-awesome-zTree
|
|
*/
|
|
.ztree * {
|
|
font-size: 14px;
|
|
font-family: inherit;
|
|
}
|
|
|
|
.ztree .fa, .ztree .fab, .ztree .fad, .ztree .fal, .ztree .far, .ztree .fas {
|
|
font-family: "Font Awesome 5 Free";
|
|
}
|
|
|
|
.ztree .ztree-search {
|
|
margin: 5px;
|
|
}
|
|
|
|
.ztree .ztree-search input {
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.ztree .ztree-search .search-clear {
|
|
padding: 5px 10px;
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.ztree li ul {
|
|
position: relative;
|
|
background: none;
|
|
margin-left: 12px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.ztree li ul.line {
|
|
background: none;
|
|
}
|
|
|
|
.ztree li ul::before {
|
|
content: "";
|
|
display: block;
|
|
width: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
border-left: 1px dotted #ccc;
|
|
}
|
|
|
|
.ztree li li {
|
|
position: relative;
|
|
padding-left: 9px;
|
|
line-height: inherit;
|
|
}
|
|
|
|
.ztree li li::before {
|
|
content: "";
|
|
display: block;
|
|
width: 10px;
|
|
height: 0;
|
|
border-top: 1px dotted #ccc;
|
|
position: absolute;
|
|
top: 13px;
|
|
left: 0;
|
|
}
|
|
|
|
.ztree li .noline_open + a + ul li::before {
|
|
border-top: none;
|
|
}
|
|
|
|
.ztree li .noline_open + a + ul::before {
|
|
border-left: none;
|
|
}
|
|
|
|
.ztree li span.node_name {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.ztree li span.button[class$=Page] {
|
|
width: 15px;
|
|
}
|
|
|
|
.ztree li span.button::before {
|
|
display: block;
|
|
line-height: 26px;
|
|
text-align: center;
|
|
}
|
|
|
|
.ztree li span.button.roots_docu, .ztree li span.button.center_docu, .ztree li span.button.bottom_docu {
|
|
position: relative;
|
|
height: 26px;
|
|
padding: 0;
|
|
}
|
|
|
|
.ztree li span.button.roots_docu::before, .ztree li span.button.center_docu::before, .ztree li span.button.bottom_docu::before {
|
|
content: "";
|
|
display: block;
|
|
width: 18px;
|
|
height: 0;
|
|
border-top: 1px dotted #ccc;
|
|
position: absolute;
|
|
top: 13px;
|
|
left: 0;
|
|
}
|
|
|
|
.ztree li span.button.root_open::before, .ztree li span.button.roots_open::before, .ztree li span.button.center_open::before, .ztree li span.button.bottom_open::before, .ztree li span.button.noline_open::before {
|
|
content: "\f146";
|
|
color: #3c8dbc;
|
|
}
|
|
|
|
.ztree li span.button.root_close::before, .ztree li span.button.roots_close::before, .ztree li span.button.center_close::before, .ztree li span.button.bottom_close::before, .ztree li span.button.noline_close::before {
|
|
content: "\f0fe";
|
|
color: #3c8dbc;
|
|
}
|
|
|
|
.ztree li span.button.chk {
|
|
color: #6b6b6b;
|
|
}
|
|
|
|
.ztree li span.button.chk[class$=focus]::before {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ztree li span.button.chk[class$=disable] {
|
|
color: #ccc;
|
|
}
|
|
|
|
.ztree li span.button.chk.checkbox_true_full::before, .ztree li span.button.chk.checkbox_true_disable::before, .ztree li span.button.chk.checkbox_true_full_focus::before {
|
|
content: "\f14a";
|
|
font-weight: normal !important;
|
|
color: #16b777;
|
|
}
|
|
|
|
.ztree li span.button.chk.checkbox_false_full::before, .ztree li span.button.chk.checkbox_false_disable::before, .ztree li span.button.chk.checkbox_false_full_focus::before {
|
|
content: "\f0c8";
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
.ztree li span.button.chk.checkbox_true_part::before, .ztree li span.button.chk.checkbox_true_part_focus::before, .ztree li span.button.chk.checkbox_false_part::before, .ztree li span.button.chk.checkbox_false_part_focus::before {
|
|
content: "\f146";
|
|
font-weight: bold !important;
|
|
color: #16B777;
|
|
}
|
|
|
|
.ztree li span.button.chk.radio_true_full::before, .ztree li span.button.chk.radio_true_disable::before, .ztree li span.button.chk.radio_true_full_focus::before {
|
|
content: "\f058";
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
.ztree li span.button.chk.radio_false_full::before, .ztree li span.button.chk.radio_false_disable::before, .ztree li span.button.chk.radio_false_full_focus::before {
|
|
content: "\f111";
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
.ztree li span.button.chk.radio_true_part::before, .ztree li span.button.chk.radio_true_part_focus::before, .ztree li span.button.chk.radio_false_part::before, .ztree li span.button.chk.radio_false_part_focus::before {
|
|
content: "\f192";
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
.ztree li span.button.ico_open::before {
|
|
content: "\f07c";
|
|
}
|
|
|
|
.ztree li span.button.ico_close::before {
|
|
content: "\f07b";
|
|
}
|
|
|
|
.ztree li span.button.ico_docu::before {
|
|
content: "\f15b";
|
|
}
|
|
|
|
.ztree li span.button.add::before {
|
|
content: "\f067";
|
|
}
|
|
|
|
.ztree li span.button.edit::before {
|
|
content: "\f044";
|
|
}
|
|
|
|
.ztree li span.button.remove::before {
|
|
content: "\f2ed";
|
|
}
|
|
|
|
.ztree li span.button.fa_history_ico_open::before, .ztree li span.button.fa_history_ico_close::before, .ztree li span.button.fa_history_ico_docu::before {
|
|
font-weight: bold !important;
|
|
content: "\f1da";
|
|
}
|
|
|
|
.ztree li span.button.fa_tasks_ico_open::before {
|
|
font-weight: bold !important;
|
|
content: "\f233";
|
|
}
|
|
|
|
.ztree li span.button.firstPage::before {
|
|
content: "\f100";
|
|
}
|
|
|
|
.ztree li span.button.prevPage::before {
|
|
content: "\f053";
|
|
}
|
|
|
|
.ztree li span.button.nextPage::before {
|
|
content: "\f054";
|
|
}
|
|
|
|
.ztree li span.button.lastPage::before {
|
|
content: "\f101";
|
|
}
|
|
|
|
.ztree li a span.button[style="width:0px;height:0px;"]::before, .ztree li a span.button[style^=background]::before {
|
|
content: "";
|
|
}
|
|
|
|
.ztree li a.curSelectedNode, .ztree li a.tmpTargetNode_inner {
|
|
height: 26px;
|
|
}
|
|
|
|
.ztree li > a {
|
|
height: 26px;
|
|
line-height: 26px;
|
|
}
|
|
|
|
.ztree li > span {
|
|
height: 26px;
|
|
}
|
|
|
|
.ztree li:last-child::before {
|
|
height: auto;
|
|
top: 13px;
|
|
bottom: 0;
|
|
}
|
|
|
|
.ztree li span.button.switch,
|
|
.ztree li span.button.chk,
|
|
.ztree li a span.button,
|
|
.ztree li span.button[class$=Page] {
|
|
position: relative;
|
|
width: 21px;
|
|
height: 26px;
|
|
background: none;
|
|
background-position: center center !important;
|
|
padding: 2px 0;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
font: normal normal normal 15px/1 "Font Awesome 5 Free";
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
} |