1
This commit is contained in:
你的名字
250
public/static/plugs/zTree/zTreeStyle.css
Normal file
250
public/static/plugs/zTree/zTreeStyle.css
Normal file
@ -0,0 +1,250 @@
|
||||
/**
|
||||
* @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;
|
||||
}
|
||||
Reference in New Issue
Block a user