lib/dijit/themes/nihilo/Tree.css

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