zTreeStyle.css 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  1. /**
  2. * @author zhixin wen <wenzhixin2010@gmail.com>
  3. * version: 1.2.0
  4. * https://github.com/wenzhixin/font-awesome-zTree
  5. */
  6. .ztree * {
  7. font-size: 14px;
  8. font-family: inherit;
  9. }
  10. .ztree .fa, .ztree .fab, .ztree .fad, .ztree .fal, .ztree .far, .ztree .fas {
  11. font-family: "Font Awesome 5 Free";
  12. }
  13. .ztree .ztree-search {
  14. margin: 5px;
  15. }
  16. .ztree .ztree-search input {
  17. padding: 5px 10px;
  18. }
  19. .ztree .ztree-search .search-clear {
  20. padding: 5px 10px;
  21. font-size: 12px;
  22. line-height: 1;
  23. }
  24. .ztree li ul {
  25. position: relative;
  26. background: none;
  27. margin-left: 12px;
  28. padding-left: 0;
  29. }
  30. .ztree li ul.line {
  31. background: none;
  32. }
  33. .ztree li ul::before {
  34. content: "";
  35. display: block;
  36. width: 0;
  37. position: absolute;
  38. top: 0;
  39. bottom: 0;
  40. left: 0;
  41. border-left: 1px dotted #ccc;
  42. }
  43. .ztree li li {
  44. position: relative;
  45. padding-left: 9px;
  46. line-height: inherit;
  47. }
  48. .ztree li li::before {
  49. content: "";
  50. display: block;
  51. width: 10px;
  52. height: 0;
  53. border-top: 1px dotted #ccc;
  54. position: absolute;
  55. top: 13px;
  56. left: 0;
  57. }
  58. .ztree li .noline_open + a + ul li::before {
  59. border-top: none;
  60. }
  61. .ztree li .noline_open + a + ul::before {
  62. border-left: none;
  63. }
  64. .ztree li span.node_name {
  65. margin-right: 6px;
  66. }
  67. .ztree li span.button[class$=Page] {
  68. width: 15px;
  69. }
  70. .ztree li span.button::before {
  71. display: block;
  72. line-height: 26px;
  73. text-align: center;
  74. }
  75. .ztree li span.button.roots_docu, .ztree li span.button.center_docu, .ztree li span.button.bottom_docu {
  76. position: relative;
  77. height: 26px;
  78. padding: 0;
  79. }
  80. .ztree li span.button.roots_docu::before, .ztree li span.button.center_docu::before, .ztree li span.button.bottom_docu::before {
  81. content: "";
  82. display: block;
  83. width: 18px;
  84. height: 0;
  85. border-top: 1px dotted #ccc;
  86. position: absolute;
  87. top: 13px;
  88. left: 0;
  89. }
  90. .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 {
  91. content: "\f146";
  92. color: #3c8dbc;
  93. }
  94. .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 {
  95. content: "\f0fe";
  96. color: #3c8dbc;
  97. }
  98. .ztree li span.button.chk {
  99. color: #6b6b6b;
  100. }
  101. .ztree li span.button.chk[class$=focus]::before {
  102. font-weight: bold;
  103. }
  104. .ztree li span.button.chk[class$=disable] {
  105. color: #ccc;
  106. }
  107. .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 {
  108. content: "\f14a";
  109. font-weight: normal !important;
  110. color: #16b777;
  111. }
  112. .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 {
  113. content: "\f0c8";
  114. font-weight: normal !important;
  115. }
  116. .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 {
  117. content: "\f146";
  118. font-weight: bold !important;
  119. color: #16B777;
  120. }
  121. .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 {
  122. content: "\f058";
  123. font-weight: normal !important;
  124. }
  125. .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 {
  126. content: "\f111";
  127. font-weight: normal !important;
  128. }
  129. .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 {
  130. content: "\f192";
  131. font-weight: normal !important;
  132. }
  133. .ztree li span.button.ico_open::before {
  134. content: "\f07c";
  135. }
  136. .ztree li span.button.ico_close::before {
  137. content: "\f07b";
  138. }
  139. .ztree li span.button.ico_docu::before {
  140. content: "\f15b";
  141. }
  142. .ztree li span.button.add::before {
  143. content: "\f067";
  144. }
  145. .ztree li span.button.edit::before {
  146. content: "\f044";
  147. }
  148. .ztree li span.button.remove::before {
  149. content: "\f2ed";
  150. }
  151. .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 {
  152. font-weight: bold !important;
  153. content: "\f1da";
  154. }
  155. .ztree li span.button.fa_tasks_ico_open::before {
  156. font-weight: bold !important;
  157. content: "\f233";
  158. }
  159. .ztree li span.button.firstPage::before {
  160. content: "\f100";
  161. }
  162. .ztree li span.button.prevPage::before {
  163. content: "\f053";
  164. }
  165. .ztree li span.button.nextPage::before {
  166. content: "\f054";
  167. }
  168. .ztree li span.button.lastPage::before {
  169. content: "\f101";
  170. }
  171. .ztree li a span.button[style="width:0px;height:0px;"]::before, .ztree li a span.button[style^=background]::before {
  172. content: "";
  173. }
  174. .ztree li a.curSelectedNode, .ztree li a.tmpTargetNode_inner {
  175. height: 26px;
  176. }
  177. .ztree li > a {
  178. height: 26px;
  179. line-height: 26px;
  180. }
  181. .ztree li > span {
  182. height: 26px;
  183. }
  184. .ztree li:last-child::before {
  185. height: auto;
  186. top: 13px;
  187. bottom: 0;
  188. }
  189. .ztree li span.button.switch,
  190. .ztree li span.button.chk,
  191. .ztree li a span.button,
  192. .ztree li span.button[class$=Page] {
  193. position: relative;
  194. width: 21px;
  195. height: 26px;
  196. background: none;
  197. background-position: center center !important;
  198. padding: 2px 0;
  199. vertical-align: middle;
  200. display: inline-block;
  201. font: normal normal normal 15px/1 "Font Awesome 5 Free";
  202. text-rendering: auto;
  203. -webkit-font-smoothing: antialiased;
  204. -moz-osx-font-smoothing: grayscale;
  205. }