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.

311 lines
6.3 KiB

2 years ago
  1. ul.jqtree-tree {
  2. margin-left: 0;
  3. }
  4. ul.jqtree-tree,
  5. ul.jqtree-tree ul.jqtree_common {
  6. list-style: none outside;
  7. margin-bottom: 0;
  8. padding: 0;
  9. }
  10. ul.jqtree-tree ul.jqtree_common {
  11. display: block;
  12. margin-left: 12px;
  13. margin-right: 0;
  14. }
  15. ul.jqtree-tree li.jqtree-closed > ul.jqtree_common {
  16. display: none;
  17. }
  18. ul.jqtree-tree li.jqtree_common {
  19. clear: both;
  20. list-style-type: none;
  21. }
  22. ul.jqtree-tree .jqtree-toggler {
  23. border-bottom: none;
  24. color: #333;
  25. text-decoration: none;
  26. margin-right: 0.5em;
  27. vertical-align: middle;
  28. }
  29. ul.jqtree-tree .jqtree-toggler:hover {
  30. color: #000;
  31. text-decoration: none;
  32. }
  33. ul.jqtree-tree .jqtree-element {
  34. cursor: pointer;
  35. }
  36. .jqtree-tree .jqtree-title {
  37. color: #0a243b;
  38. vertical-align: middle;
  39. margin-left: 1.5em;
  40. font-size: 15px;
  41. }
  42. .jqtree-element :hover {
  43. color: #ff8331 !important;
  44. }
  45. .jqtree-tree .jqtree-title.jqtree-title-folder {
  46. margin-left: 0;
  47. }
  48. ul.jqtree-tree li.jqtree-folder {
  49. margin-bottom: 4px;
  50. }
  51. ul.jqtree-tree li.jqtree-folder.jqtree-closed {
  52. margin-bottom: 1px;
  53. }
  54. ul.jqtree-tree .jqtree-toggler.jqtree-closed {
  55. background-position: 0 0;
  56. }
  57. span.jqtree-dragging {
  58. color: #fff;
  59. background: #000;
  60. opacity: 0.6;
  61. cursor: pointer;
  62. padding: 2px 8px;
  63. }
  64. ul.jqtree-tree li.jqtree-ghost {
  65. position: relative;
  66. z-index: 10;
  67. margin-right: 10px;
  68. }
  69. ul.jqtree-tree li.jqtree-ghost span {
  70. display: block;
  71. }
  72. ul.jqtree-tree li.jqtree-ghost span.jqtree-circle {
  73. border: solid 2px #0000ff;
  74. -webkit-border-radius: 100px;
  75. -moz-border-radius: 100px;
  76. border-radius: 100px;
  77. height: 8px;
  78. width: 8px;
  79. position: absolute;
  80. top: -4px;
  81. left: -6px;
  82. -webkit-box-sizing: border-box;
  83. -moz-box-sizing: border-box;
  84. box-sizing: border-box;
  85. }
  86. /* IE 6, 7, 8 */
  87. @media \0screen\,screen\9 {
  88. ul.jqtree-tree li.jqtree-ghost span.jqtree-circle {
  89. background: url(images/jqtree-circle.png) no-repeat;
  90. border: 0 none;
  91. }
  92. }
  93. ul.jqtree-tree li.jqtree-ghost span.jqtree-line {
  94. background-color: #0000ff;
  95. height: 2px;
  96. padding: 0;
  97. position: absolute;
  98. top: -1px;
  99. left: 2px;
  100. width: 100%;
  101. }
  102. ul.jqtree-tree li.jqtree-ghost.jqtree-inside {
  103. margin-left: 48px;
  104. }
  105. ul.jqtree-tree span.jqtree-border {
  106. position: absolute;
  107. display: block;
  108. left: -2px;
  109. top: 0;
  110. border: solid 2px #0000ff;
  111. border-radius: 6px;
  112. margin: 0;
  113. box-sizing: content-box;
  114. }
  115. ul.jqtree-tree .jqtree-element {
  116. position: relative;
  117. }
  118. ul.jqtree-tree li.jqtree-selected > .jqtree-element,
  119. ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
  120. background-color: #97BDD6;
  121. background: -webkit-gradient(linear, left top, left bottom, from(#BEE0F5), to(#BEE0F5));
  122. background: -moz-linear-gradient(top, #BEE0F5, #BEE0F5);
  123. background: -ms-linear-gradient(top, #BEE0F5, #BEE0F5);
  124. background: -o-linear-gradient(top, #BEE0F5, #BEE0F5);
  125. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  126. }
  127. ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title {
  128. outline: dashed 1px #0000ff;
  129. }
  130. * {
  131. margin: 0px;
  132. padding: 0px;
  133. }
  134. .ul_tree {
  135. list-style: none;
  136. }
  137. .ul_tree .sub_li {
  138. border-bottom: none;
  139. padding-left: 0px !important;
  140. }
  141. .ul_tree li {
  142. list-style: none;
  143. min-height: 40px;
  144. height: auto;
  145. line-height: 40px;
  146. padding-left: 30px;
  147. border-bottom: 1px solid #E5E5E5;
  148. font-size: 18px;
  149. }
  150. .ul_tree li input {
  151. margin-right: 5px;
  152. }
  153. .ul_tree .open {
  154. background-image: url('tree_open.png');
  155. background-repeat: no-repeat;
  156. background-size: 20px 15px;
  157. background-position: 5px 12.5px;
  158. }
  159. .ul_tree .close {
  160. background-image: url('tree_close.png');
  161. background-repeat: no-repeat;
  162. background-size: 10px 20px;
  163. background-position: 10px 10px;
  164. }
  165. .ul_tree .act_li {
  166. background-color: #E5E5E5;
  167. border-color: #ddd;
  168. }
  169. /* ������ ��0����ʼ*/
  170. /* ��1�� */
  171. .ul_tree .tree_level_1 li {
  172. padding-left: 40px;
  173. }
  174. .ul_tree .tree_level_1 .open {
  175. background-position: 15px 12.5px;
  176. }
  177. .ul_tree .tree_level_1 .close {
  178. background-position: 20px 10px;
  179. }
  180. /* ��2�� */
  181. .ul_tree .tree_level_2 li {
  182. padding-left: 50px;
  183. }
  184. .ul_tree .tree_level_2 .open {
  185. background-position: 25px 12.5px;
  186. }
  187. .ul_tree .tree_level_2 .close {
  188. background-position: 30px 10px;
  189. }
  190. /* ��3�� */
  191. .ul_tree .tree_level_3 li {
  192. padding-left: 60px;
  193. }
  194. .ul_tree .tree_level_3 .open {
  195. background-position: 35px 12.5px;
  196. }
  197. .ul_tree .tree_level_3 .close {
  198. background-position: 40px 10px;
  199. }
  200. /* ��4�� */
  201. .ul_tree .tree_level_4 li {
  202. padding-left: 70px;
  203. }
  204. .ul_tree .tree_level_4 .open {
  205. background-position: 45px 12.5px;
  206. }
  207. .ul_tree .tree_level_4 .close {
  208. background-position: 50px 10px;
  209. }
  210. /* ��5�� */
  211. .ul_tree .tree_level_5 li {
  212. padding-left: 80px;
  213. }
  214. .ul_tree .tree_level_5 .open {
  215. background-position: 55px 12.5px;
  216. }
  217. .ul_tree .tree_level_5 .close {
  218. background-position: 60px 10px;
  219. }
  220. /* ��6�� */
  221. .ul_tree .tree_level_6 li {
  222. padding-left: 90px;
  223. }
  224. .ul_tree .tree_level_6 .open {
  225. background-position: 65px 12.5px;
  226. }
  227. .ul_tree .tree_level_6 .close {
  228. background-position: 70px 10px;
  229. }
  230. /* ��7�� */
  231. .ul_tree .tree_level_7 li {
  232. padding-left: 100px;
  233. }
  234. .ul_tree .tree_level_7 .open {
  235. background-position: 75px 12.5px;
  236. }
  237. .ul_tree .tree_level_7 .close {
  238. background-position: 80px 10px;
  239. }
  240. /* ��8�� */
  241. .ul_tree .tree_level_8 li {
  242. padding-left: 110px;
  243. }
  244. .ul_tree .tree_level_8 .open {
  245. background-position: 85px 12.5px;
  246. }
  247. .ul_tree .tree_level_8 .close {
  248. background-position: 90px 10px;
  249. }