Tree.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. /* Tree */
  2. .tundra .dijitTreeNode {
  3. background-image : url('images/i.gif');
  4. background-repeat : repeat-y;
  5. zoom: 1; /* force layout on IE (TODO: may not be needed anymore) */
  6. }
  7. /* left vertical line (grid) for all nodes */
  8. .tundra .dijitTreeIsLast {
  9. background: url('images/i_half.gif') no-repeat;
  10. }
  11. .tundra .dijitTreeIsRoot {
  12. margin-left: 0;
  13. background-image: none;
  14. }
  15. .tundra .dijitTreeExpando {
  16. width: 18px;
  17. height: 18px;
  18. }
  19. .tundra .dijitTreeRow {
  20. /* so insert line shows up on IE when dropping after a target element */
  21. padding-bottom: 2px;
  22. }
  23. .tundra .dijitTreeContent {
  24. min-height: 18px;
  25. min-width: 18px;
  26. }
  27. .tundra .dijitTreeRowSelected .dijitTreeLabel {
  28. background:#e2ebfe;
  29. }
  30. .tundra .dijitTreeRowHover {
  31. /* using a transparent png so that we can still see grid lines, which are (unfortunately) behind the dijitRowNode that we are hovering over */
  32. background-image: url(images/treeHover.png);
  33. background-repeat: repeat;
  34. background-color: transparent !important;
  35. }
  36. .tundra .dijitTreeExpandoOpened {
  37. background-image: url('images/treeExpand_minus.gif');
  38. }
  39. .tundra .dijitTreeExpandoClosed {
  40. background-image: url('images/treeExpand_plus.gif');
  41. }
  42. .tundra .dijitTreeExpandoLeaf {
  43. background-image: url('images/treeExpand_leaf.gif');
  44. }
  45. .tundra .dijitTreeExpandoLoading {
  46. background-image: url('images/treeExpand_loading.gif');
  47. }
  48. .tundra .dijitTreeIcon {
  49. width: 16px;
  50. height: 16px;
  51. }
  52. .tundra .dijitFolderOpened {
  53. background: url('images/folderOpened.gif') no-repeat;
  54. }
  55. .tundra .dijitFolderClosed {
  56. background: url('images/folderClosed.gif') no-repeat;
  57. }
  58. .tundra .dijitLeaf {
  59. background: url('images/leaf.gif') no-repeat;
  60. }
  61. /* Drag and Drop on TreeNodes
  62. * Put insert line on dijitTreeContent node so it's aligned w/
  63. * (ie, indented equally with) target element, even
  64. * though dijitTreeRowNode is the actual "drag object"
  65. */
  66. .tundra .dijitTreeNode .dojoDndItemBefore,
  67. .tundra .dijitTreeNode .dojoDndItemAfter {
  68. border-bottom: none;
  69. border-top: none;
  70. }
  71. .tundra .dijitTreeNode .dojoDndItemBefore .dijitTreeContent {
  72. /* copied from Common.css */
  73. border-top: 2px solid #369;
  74. }
  75. .tundra .dijitTreeNode .dojoDndItemAfter .dijitTreeContent {
  76. /* copied from Common.css */
  77. border-bottom: 2px solid #369;
  78. }