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