zTreeStyle.css 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363
  1. /*-------------------------------------
  2. zTree Style
  3. -------------------------------------*/
  4. .ztree * {
  5. padding: 0;
  6. margin: 0;
  7. font-size: 12px;
  8. font-family: tahoma, arial, 'Hiragino Sans GB', "\5b8b\4f53", sans-serif
  9. }
  10. .ztree {
  11. margin: 0;
  12. padding: 5px;
  13. color: #333
  14. }
  15. .ztree li {
  16. padding: 0;
  17. margin: 0;
  18. list-style: none;
  19. line-height: 14px;
  20. text-align: left;
  21. white-space: nowrap;
  22. outline: 0
  23. }
  24. .ztree li ul {
  25. margin: 0;
  26. padding: 0 0 0 18px
  27. }
  28. .ztree li ul.line {
  29. background: url(./img/line_conn.gif) 0 0 repeat-y;
  30. }
  31. .ztree li a {
  32. padding: 1px 3px 0 0;
  33. margin: 0;
  34. cursor: pointer;
  35. height: 17px;
  36. color: #333;
  37. background-color: transparent;
  38. text-decoration: none;
  39. vertical-align: top;
  40. display: inline-block
  41. }
  42. .ztree li a:hover {
  43. text-decoration: underline
  44. }
  45. .ztree li a.curSelectedNode {
  46. padding-top: 0px;
  47. margin-left: -1px;
  48. background-color: #FFE6B0;
  49. color: black;
  50. height: 18px;
  51. border: 1px #FFB951 solid;
  52. border-radius: 3px;
  53. -webkit-border-radius: 3px;
  54. opacity: 0.8;
  55. }
  56. .ztree li a.curSelectedNode_Edit {
  57. padding-top: 0px;
  58. background-color: #FFE6B0;
  59. color: black;
  60. height: 17px;
  61. border: 1px #FFB951 solid;
  62. opacity: 0.8;
  63. }
  64. .ztree li a.tmpTargetNode_inner {
  65. padding-top: 0px;
  66. background-color: #316AC5;
  67. color: white;
  68. height: 17px;
  69. border: 1px #316AC5 solid;
  70. opacity: 0.8;
  71. filter: alpha(opacity = 80)
  72. }
  73. .ztree li a.tmpTargetNode_prev {
  74. }
  75. .ztree li a.tmpTargetNode_next {
  76. }
  77. .ztree li a input.rename {
  78. height: 14px;
  79. width: 80px;
  80. padding: 0;
  81. margin: 0;
  82. font-size: 12px;
  83. border: 1px #7EC4CC solid;
  84. *border: 0px
  85. }
  86. .ztree li span {
  87. line-height: 16px;
  88. margin-right: 2px
  89. }
  90. .ztree li span.button {
  91. line-height: 0;
  92. margin: 0;
  93. width: 16px;
  94. height: 16px;
  95. display: inline-block;
  96. vertical-align: middle;
  97. border: 0 none;
  98. cursor: pointer;
  99. outline: none;
  100. background-color: transparent;
  101. background-repeat: no-repeat;
  102. background-attachment: scroll;
  103. background-image: url("./img/zTreeStandard.png");
  104. *background-image: url("./img/zTreeStandard.gif")
  105. }
  106. .ztree li span.button.chk {
  107. width: 13px;
  108. height: 13px;
  109. margin: 0 3px 0 0;
  110. cursor: auto
  111. }
  112. .ztree li span.button.chk.checkbox_false_full {
  113. background-position: 0 0
  114. }
  115. .ztree li span.button.chk.checkbox_false_full_focus {
  116. background-position: 0 -14px
  117. }
  118. .ztree li span.button.chk.checkbox_false_part {
  119. background-position: 0 -28px
  120. }
  121. .ztree li span.button.chk.checkbox_false_part_focus {
  122. background-position: 0 -42px
  123. }
  124. .ztree li span.button.chk.checkbox_false_disable {
  125. background-position: 0 -56px
  126. }
  127. .ztree li span.button.chk.checkbox_true_full {
  128. background-position: -14px 0
  129. }
  130. .ztree li span.button.chk.checkbox_true_full_focus {
  131. background-position: -14px -14px
  132. }
  133. .ztree li span.button.chk.checkbox_true_part {
  134. background-position: -14px -28px
  135. }
  136. .ztree li span.button.chk.checkbox_true_part_focus {
  137. background-position: -14px -42px
  138. }
  139. .ztree li span.button.chk.checkbox_true_disable {
  140. background-position: -14px -56px
  141. }
  142. .ztree li span.button.chk.radio_false_full {
  143. background-position: -28px 0
  144. }
  145. .ztree li span.button.chk.radio_false_full_focus {
  146. background-position: -28px -14px
  147. }
  148. .ztree li span.button.chk.radio_false_part {
  149. background-position: -28px -28px
  150. }
  151. .ztree li span.button.chk.radio_false_part_focus {
  152. background-position: -28px -42px
  153. }
  154. .ztree li span.button.chk.radio_false_disable {
  155. background-position: -28px -56px
  156. }
  157. .ztree li span.button.chk.radio_true_full {
  158. background-position: -42px 0
  159. }
  160. .ztree li span.button.chk.radio_true_full_focus {
  161. background-position: -42px -14px
  162. }
  163. .ztree li span.button.chk.radio_true_part {
  164. background-position: -42px -28px
  165. }
  166. .ztree li span.button.chk.radio_true_part_focus {
  167. background-position: -42px -42px
  168. }
  169. .ztree li span.button.chk.radio_true_disable {
  170. background-position: -42px -56px
  171. }
  172. .ztree li span.button.switch {
  173. width: 18px;
  174. height: 18px
  175. }
  176. .ztree li span.button.root_open {
  177. background-position: -92px -54px
  178. }
  179. .ztree li span.button.root_close {
  180. background-position: -74px -54px
  181. }
  182. .ztree li span.button.roots_open {
  183. background-position: -92px 0
  184. }
  185. .ztree li span.button.roots_close {
  186. background-position: -74px 0
  187. }
  188. .ztree li span.button.center_open {
  189. background-position: -92px -18px
  190. }
  191. .ztree li span.button.center_close {
  192. background-position: -74px -18px
  193. }
  194. .ztree li span.button.bottom_open {
  195. background-position: -92px -36px
  196. }
  197. .ztree li span.button.bottom_close {
  198. background-position: -74px -36px
  199. }
  200. .ztree li span.button.noline_open {
  201. background-position: -92px -72px
  202. }
  203. .ztree li span.button.noline_close {
  204. background-position: -74px -72px
  205. }
  206. .ztree li span.button.root_docu {
  207. background: none;
  208. }
  209. .ztree li span.button.roots_docu {
  210. background-position: -56px 0
  211. }
  212. .ztree li span.button.center_docu {
  213. background-position: -56px -18px
  214. }
  215. .ztree li span.button.bottom_docu {
  216. background-position: -56px -36px
  217. }
  218. .ztree li span.button.noline_docu {
  219. background: none;
  220. }
  221. .ztree li span.button.ico_open {
  222. margin-right: 2px;
  223. background-position: -110px -16px;
  224. vertical-align: top;
  225. *vertical-align: middle
  226. }
  227. .ztree li span.button.ico_close {
  228. margin-right: 2px;
  229. background-position: -110px 0;
  230. vertical-align: top;
  231. *vertical-align: middle
  232. }
  233. .ztree li span.button.ico_docu {
  234. margin-right: 2px;
  235. background-position: -110px -32px;
  236. vertical-align: top;
  237. *vertical-align: middle
  238. }
  239. .ztree li span.button.edit {
  240. margin-right: 2px;
  241. background-position: -110px -48px;
  242. vertical-align: top;
  243. *vertical-align: middle
  244. }
  245. .ztree li span.button.remove {
  246. margin-right: 2px;
  247. background-position: -110px -64px;
  248. vertical-align: top;
  249. *vertical-align: middle
  250. }
  251. .ztree li span.button.ico_loading {
  252. margin-right: 2px;
  253. background: url(./img/loading.gif) no-repeat scroll 0 0 transparent;
  254. vertical-align: top;
  255. *vertical-align: middle
  256. }
  257. ul.tmpTargetzTree {
  258. background-color: #FFE6B0;
  259. opacity: 0.8;
  260. filter: alpha(opacity = 80)
  261. }
  262. span.tmpzTreeMove_arrow {
  263. width: 16px;
  264. height: 16px;
  265. display: inline-block;
  266. padding: 0;
  267. margin: 2px 0 0 1px;
  268. border: 0 none;
  269. position: absolute;
  270. background-color: transparent;
  271. background-repeat: no-repeat;
  272. background-attachment: scroll;
  273. background-position: -110px -80px;
  274. background-image: url("./img/zTreeStandard.png");
  275. *background-image: url("./img/zTreeStandard.gif")
  276. }
  277. ul.ztree.zTreeDragUL {
  278. margin: 0;
  279. padding: 0;
  280. position: absolute;
  281. width: auto;
  282. height: auto;
  283. overflow: hidden;
  284. background-color: #cfcfcf;
  285. border: 1px #00B83F dotted;
  286. opacity: 0.8;
  287. filter: alpha(opacity = 80)
  288. }
  289. .zTreeMask {
  290. z-index: 10000;
  291. background-color: #cfcfcf;
  292. opacity: 0.0;
  293. filter: alpha(opacity = 0);
  294. position: absolute
  295. }
  296. .ztree {
  297. padding: 0;
  298. min-height: 100%
  299. }