zTreeStyle.css 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. /*-------------------------------------
  2. zTree Style
  3. version: 2.0
  4. author: Hunter.z
  5. email: hunter.z@263.net
  6. website: http://code.google.com/p/jquerytree/
  7. -------------------------------------*/
  8. .tree{
  9. margin:0;
  10. padding: 5px;
  11. color:#333;
  12. font-size:12px;
  13. font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;
  14. }
  15. .tree li{
  16. padding:0; margin:0;
  17. list-style:none;
  18. line-height:18px;
  19. text-align:left;
  20. white-space:nowrap;
  21. }
  22. .tree li ul{ margin:0; padding:0 0 0 18px;}
  23. .tree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
  24. .tree li a {
  25. padding:0; margin:0 10px 0 0;
  26. cursor:pointer;
  27. color:#333;
  28. text-decoration:none;
  29. }
  30. .tree li a:hover {text-decoration:underline;}
  31. .tree li a.curSelectedNode {
  32. background-color:#FFE6B0;
  33. color:black;
  34. border:1px #FFB951 solid;
  35. opacity:0.8; filter:alpha(opacity=80);
  36. }
  37. .tree li a.curSelectedNode_Edit {
  38. line-height: 18px;
  39. background-color:#FFE6B0;
  40. color:black;
  41. border:1px #FFB951 solid;
  42. opacity:0.8; filter:alpha(opacity=80);
  43. }
  44. .tree li a.tmpTargetNode {
  45. background-color:#316AC5;
  46. color:white;
  47. border:1px #316AC5 solid;
  48. opacity:0.8; filter:alpha(opacity=80);
  49. }
  50. .tree li a input.rename {height:13px; width:80px; padding:0; margin:0; font-size:12px;}
  51. .tree li button {
  52. width:18px; height:18px;
  53. padding:0; margin:0;
  54. vertical-align:middle;
  55. border:0 none;
  56. background-color: transparent;
  57. background-repeat: no-repeat;
  58. background-position: 0 0;
  59. cursor: pointer;
  60. }
  61. .tree li button.ico {
  62. padding:0; margin:0 2px 0 0;
  63. }
  64. .tree li button.edit {background:url("./img/edit.png") no-repeat scroll 0 0 transparent;}
  65. .tree li button.remove {background:url("./img/remove.png") no-repeat scroll 0 0 transparent;}
  66. .tree li button.chk {
  67. width:13px; height:13px;
  68. padding:0; margin:0 3px 0 0;
  69. vertical-align:middle;
  70. border:0 none;
  71. cursor: auto;
  72. }
  73. .tree li button.chk.checkbox_false_full { background:url("./img/checkbox.png") no-repeat scroll 0 0 transparent;}
  74. .tree li button.chk.checkbox_false_full_focus { background:url("./img/checkbox.png") no-repeat scroll 0 -12px transparent;}
  75. .tree li button.chk.checkbox_false_part { background:url("./img/checkbox.png") no-repeat scroll 0 -72px transparent;}
  76. .tree li button.chk.checkbox_false_part_focus { background:url("./img/checkbox.png") no-repeat scroll 0 -84px transparent;}
  77. .tree li button.chk.checkbox_true_full { background:url("./img/checkbox.png") no-repeat scroll 0 -24px transparent;}
  78. .tree li button.chk.checkbox_true_full_focus { background:url("./img/checkbox.png") no-repeat scroll 0 -36px transparent;}
  79. .tree li button.chk.checkbox_true_part { background:url("./img/checkbox.png") no-repeat scroll 0 -48px transparent;}
  80. .tree li button.chk.checkbox_true_part_focus { background:url("./img/checkbox.png") no-repeat scroll 0 -60px transparent;}
  81. .tree li button.chk.radio_false_full { background:url("./img/radio.png") no-repeat scroll 0 0 transparent;}
  82. .tree li button.chk.radio_false_full_focus { background:url("./img/radio.png") no-repeat scroll 0 -12px transparent;}
  83. .tree li button.chk.radio_false_part { background:url("./img/radio.png") no-repeat scroll 0 -72px transparent;}
  84. .tree li button.chk.radio_false_part_focus { background:url("./img/radio.png") no-repeat scroll 0 -84px transparent;}
  85. .tree li button.chk.radio_true_full { background:url("./img/radio.png") no-repeat scroll 0 -24px transparent;}
  86. .tree li button.chk.radio_true_full_focus { background:url("./img/radio.png") no-repeat scroll 0 -36px transparent;}
  87. .tree li button.chk.radio_true_part { background:url("./img/radio.png") no-repeat scroll 0 -48px transparent;}
  88. .tree li button.chk.radio_true_part_focus { background:url("./img/radio.png") no-repeat scroll 0 -60px transparent;}
  89. .tree li button.switch_root_open{ background:url(./img/minus_root.gif);}
  90. .tree li button.switch_root_close{ background:url(./img/plus_root.gif);}
  91. .tree li button.switch_roots_open{ background:url(./img/minus_top.gif);}
  92. .tree li button.switch_roots_close{ background:url(./img/plus_top.gif);}
  93. .tree li button.switch_center_open{ background:url(./img/minus_center.gif);}
  94. .tree li button.switch_center_close{ background:url(./img/plus_center.gif);}
  95. .tree li button.switch_bottom_open{ background:url(./img/minus_bottom.gif);}
  96. .tree li button.switch_bottom_close{ background:url(./img/plus_bottom.gif);}
  97. .tree li button.switch_noLine_open{ background:url(./img/minus_noLine.gif);}
  98. .tree li button.switch_noLine_close{ background:url(./img/plus_noLine.gif);}
  99. .tree li button.switch_root_docu{ background:none;}
  100. .tree li button.switch_roots_docu{ background:url(./img/line_top.gif);}
  101. .tree li button.switch_center_docu{ background:url(./img/line_center.gif);}
  102. .tree li button.switch_bottom_docu{ background:url(./img/line_bottom.gif);}
  103. .tree li button.switch_noLine_docu{ background:none;}
  104. .tree li button.ico_loading{ background:url(./img/loading.gif) no-repeat scroll 1px 1px transparent;}
  105. .tree li button.ico_open{ background:url(./img/folder_Open.gif);}
  106. .tree li button.ico_close{ background:url(./img/folder_Close.gif);}
  107. .tree li button.ico_docu{ background:url(./img/page.gif);}
  108. .tree INPUT.checkbox {
  109. padding:0; margin:0 2px 0 0;
  110. width:18px; height:18px;
  111. vertical-align:middle;
  112. }
  113. .tmpTargetTree {
  114. background-color:#FFE6B0;
  115. border:0px #FFB951 solid;
  116. opacity:0.8; filter:alpha(opacity=80);
  117. }
  118. button.tmpzTreeMove_arrow {
  119. width:16px; height:16px;
  120. padding:0; margin:2px 0 0 1px;
  121. border:0 none;
  122. position:absolute;
  123. background:url(./img/moveArrow.png) no-repeat scroll 0 0 transparent;
  124. }
  125. .zTreeDragUL {
  126. margin:0; padding:0;
  127. position:absolute;
  128. background-color:#cfcfcf;
  129. border:1px #00B83F dotted;
  130. opacity:0.8; filter:alpha(opacity=80);
  131. }
  132. .zTreeMask {
  133. z-index:10000;
  134. background-color:#cfcfcf;
  135. opacity:0.0; filter:alpha(opacity=0);
  136. position:absolute;
  137. }