/hippo/src/main/webapp/yui/treeview/assets/skins/sam/treeview-skin.css

http://hdbc.googlecode.com/ · CSS · 198 lines · 133 code · 36 blank · 29 comment · 0 complexity · ad9cd3d4647f4fca4933bc08146eab0e MD5 · raw file

  1. /*
  2. Copyright (c) 2009, Yahoo! Inc. All rights reserved.
  3. Code licensed under the BSD License:
  4. http://developer.yahoo.net/yui/license.txt
  5. version: 2.7.0
  6. */
  7. /*
  8. Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  9. Code licensed under the BSD License:
  10. http://developer.yahoo.net/yui/license.txt
  11. version: 2.5.2
  12. */
  13. /* the style of the div around each node */
  14. .ygtvitem { }
  15. .ygtvitem table {
  16. margin-bottom:0; border:none;
  17. }
  18. /*.ygtvitem td {*/
  19. .ygtvrow td {
  20. border: none; padding: 0;
  21. }
  22. .ygtvrow td a {
  23. text-decoration:none;
  24. }
  25. /* first or middle sibling, no children */
  26. .ygtvtn {
  27. width:18px; height:22px;
  28. background: url(treeview-sprite.gif) 0 -5600px no-repeat;
  29. }
  30. /* first or middle sibling, collapsable */
  31. .ygtvtm {
  32. width:18px; height:22px;
  33. cursor:pointer ;
  34. background: url(treeview-sprite.gif) 0 -4000px no-repeat;
  35. }
  36. /* first or middle sibling, collapsable, hover */
  37. .ygtvtmh,.ygtvtmhh {
  38. width:18px; height:22px;
  39. cursor:pointer ;
  40. background: url(treeview-sprite.gif) 0 -4800px no-repeat;
  41. }
  42. /* first or middle sibling, expandable */
  43. .ygtvtp {
  44. width:18px; height:22px;
  45. cursor:pointer ;
  46. background: url(treeview-sprite.gif) 0 -6400px no-repeat;
  47. }
  48. /* first or middle sibling, expandable, hover */
  49. .ygtvtph ,.ygtvtphh {
  50. width:18px; height:22px;
  51. cursor:pointer ;
  52. background: url(treeview-sprite.gif) 0 -7200px no-repeat;
  53. }
  54. /* last sibling, no children */
  55. .ygtvln {
  56. width:18px; height:22px;
  57. background: url(treeview-sprite.gif) 0 -1600px no-repeat;
  58. }
  59. /* Last sibling, collapsable */
  60. .ygtvlm {
  61. width:18px; height:22px;
  62. cursor:pointer ;
  63. background: url(treeview-sprite.gif) 0 0px no-repeat;
  64. }
  65. /* Last sibling, collapsable, hover */
  66. .ygtvlmh,.ygtvlmhh {
  67. width:18px; height:22px;
  68. cursor:pointer ;
  69. background: url(treeview-sprite.gif) 0 -800px no-repeat;
  70. }
  71. /* Last sibling, expandable */
  72. .ygtvlp {
  73. width:18px; height:22px;
  74. cursor:pointer ;
  75. background: url(treeview-sprite.gif) 0 -2400px no-repeat;
  76. }
  77. /* Last sibling, expandable, hover */
  78. .ygtvlph,.ygtvlphh {
  79. width:18px; height:22px; cursor:pointer ;
  80. background: url(treeview-sprite.gif) 0 -3200px no-repeat;
  81. }
  82. /* Loading icon */
  83. .ygtvloading {
  84. width:18px; height:22px;
  85. background: url(treeview-loading.gif) 0 0 no-repeat;
  86. }
  87. /* the style for the empty cells that are used for rendering the depth
  88. * of the node */
  89. .ygtvdepthcell {
  90. width:18px; height:22px;
  91. background: url(treeview-sprite.gif) 0 -8000px no-repeat;
  92. }
  93. .ygtvblankdepthcell { width:18px; height:22px; }
  94. /* the style of the div around each node's collection of children */
  95. .ygtvchildren { }
  96. * html .ygtvchildren { height:2%; }
  97. /* the style of the text label in ygTextNode */
  98. .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {
  99. margin-left:2px;
  100. text-decoration: none;
  101. background-color: white; /* workaround for IE font smoothing bug */
  102. cursor:pointer;
  103. }
  104. .ygtvcontent {
  105. cursor:default;
  106. }
  107. .ygtvspacer { height: 22px; width: 12px; }
  108. .ygtvfocus {
  109. background-color: #c0e0e0;
  110. border: none;
  111. }
  112. .ygtvfocus .ygtvlabel, .ygtvfocus .ygtvlabel:link, .ygtvfocus .ygtvlabel:visited, .ygtvfocus .ygtvlabel:hover {
  113. background-color: #c0e0e0;
  114. }
  115. .ygtvfocus a , .ygtvrow td a {
  116. outline-style:none;
  117. }
  118. .ygtvok {
  119. width:18px; height:22px;
  120. background: url(treeview-sprite.gif) 0 -8800px no-repeat;
  121. }
  122. .ygtvok:hover {
  123. background: url(treeview-sprite.gif) 0 -8844px no-repeat;
  124. }
  125. .ygtvcancel {
  126. width:18px; height:22px;
  127. background: url(treeview-sprite.gif) 0 -8822px no-repeat;
  128. }
  129. .ygtvcancel:hover {
  130. background: url(treeview-sprite.gif) 0 -8866px no-repeat;
  131. }
  132. .ygtv-label-editor {
  133. background-color:#f2f2f2;
  134. border: 1px solid silver;
  135. position:absolute;
  136. display:none;
  137. overflow:hidden;
  138. margin:auto;
  139. z-index:9000;
  140. }
  141. .ygtv-edit-TextNode {
  142. width: 190px;
  143. }
  144. .ygtv-edit-TextNode .ygtvcancel, .ygtv-edit-TextNode .ygtvok {
  145. border:none;
  146. }
  147. .ygtv-edit-TextNode .ygtv-button-container {
  148. float: right;
  149. }
  150. .ygtv-edit-TextNode .ygtv-input input{
  151. width: 140px;
  152. }
  153. .ygtv-edit-DateNode .ygtvcancel {
  154. border:none;
  155. }
  156. .ygtv-edit-DateNode .ygtvok {
  157. display:none;
  158. }
  159. .ygtv-edit-DateNode .ygtv-button-container {
  160. text-align:right;
  161. margin:auto;
  162. }