Tree.css 2.3 KB

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