lib/dijit/themes/soria/Tree.css

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