git.roojs.org Git - roojs1/blob - css/tree.css

   1 .x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{\r
   2         border: 0 none;\r
   3         height: 18px;\r
   4         margin: 0px;\r
   5         padding: 0px;\r
   6         vertical-align: middle;\r
   7         width: 16px;\r
   8 }\r
   9 .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{\r
  10         border: 0 none;\r
  11         height: 16px;\r
  12         margin: 0px;\r
  13         padding: 0px;\r
  14         vertical-align: middle;\r
  15         width: 16px;\r
  16         background-position:center;\r
  17 }\r
  18 \r
  19 /* some default icons for leaf/folder */\r
  20 .x-tree-node-collapsed .x-tree-node-icon{\r
  21         background:transparent url(../images/default/tree/folder.gif);\r
  22 }\r
  23 .x-tree-node-expanded .x-tree-node-icon{\r
  24         background:transparent url(../images/default/tree/folder-open.gif);\r
  25 }\r
  26 .x-tree-node-leaf .x-tree-node-icon{\r
  27         background:transparent url(../images/default/tree/leaf.gif);\r
  28 }\r
  29 \r
  30 /* loading icon */\r
  31 .x-tree-node-loading .x-tree-node-icon{\r
  32         background:transparent url(../images/default/tree/loading.gif) !important;\r
  33 }\r
  34 .x-tree-node-loading a span{\r
  35          font-style: italic;\r
  36          color:#444444;\r
  37 }\r
  38 \r
  39 /* Line styles */\r
  40 .x-tree-lines .x-tree-elbow{\r
  41         background:transparent url(../images/default/tree/elbow.gif);\r
  42 }\r
  43 .x-tree-lines .x-tree-elbow-plus{\r
  44         background:transparent url(../images/default/tree/elbow-plus.gif);\r
  45 }\r
  46 .x-tree-lines .x-tree-elbow-minus{\r
  47         background:transparent url(../images/default/tree/elbow-minus.gif);\r
  48 }\r
  49 .x-tree-lines .x-tree-elbow-end{\r
  50         background:transparent url(../images/default/tree/elbow-end.gif);\r
  51 }\r
  52 .x-tree-lines .x-tree-elbow-end-plus{\r
  53         background:transparent url(../images/default/tree/elbow-end-plus.gif);\r
  54 }\r
  55 .x-tree-lines .x-tree-elbow-end-minus{\r
  56         background:transparent url(../images/default/tree/elbow-end-minus.gif);\r
  57 }\r
  58 .x-tree-lines .x-tree-elbow-line{\r
  59         background:transparent url(../images/default/tree/elbow-line.gif);\r
  60 }\r
  61 \r
  62 /* No line styles */\r
  63 .x-tree-no-lines .x-tree-elbow{\r
  64         background:transparent;\r
  65 }\r
  66 .x-tree-no-lines .x-tree-elbow-plus{\r
  67         background:transparent url(../images/default/tree/elbow-plus-nl.gif);\r
  68 }\r
  69 .x-tree-no-lines .x-tree-elbow-minus{\r
  70         background:transparent url(../images/default/tree/elbow-minus-nl.gif);\r
  71 }\r
  72 .x-tree-no-lines .x-tree-elbow-end{\r
  73         background:transparent;\r
  74 }\r
  75 .x-tree-no-lines .x-tree-elbow-end-plus{\r
  76         background:transparent url(../images/default/tree/elbow-end-plus-nl.gif);\r
  77 }\r
  78 .x-tree-no-lines .x-tree-elbow-end-minus{\r
  79         background:transparent url(../images/default/tree/elbow-end-minus-nl.gif);\r
  80 }\r
  81 .x-tree-no-lines .x-tree-elbow-line{\r
  82         background:transparent;\r
  83 }\r
  84 \r
  85 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{\r
  86         cursor:pointer;\r
  87 }\r
  88 \r
  89 .x-tree-node{\r
  90         color: black;\r
  91         font: normal 11px arial, helvetica, sans-serif;\r
  92         white-space: nowrap;\r
  93 }\r
  94 .x-tree-node a, .x-dd-drag-ghost a{\r
  95         text-decoration:none;\r
  96         color:black;\r
  97         -khtml-user-select:normal;\r
  98         -moz-user-select:normal;\r
  99 }\r
 100 .x-tree-node a span, .x-dd-drag-ghost a span{\r
 101         text-decoration:none;\r
 102         color:black;\r
 103         padding:1px 3px 1px 2px;\r
 104 }\r
 105 .x-tree-node .x-tree-node-disabled a span{\r
 106         color:gray !important;\r
 107 }\r
 108 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{\r
 109         -moz-opacity: 0.5;\r
 110    opacity:.5;\r
 111    filter: alpha(opacity=50);\r
 112 }\r
 113 .x-tree-node .x-tree-node-inline-icon{\r
 114         background:transparent;\r
 115 }\r
 116 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{\r
 117         text-decoration:none;\r
 118 }\r
 119 .x-tree-node div.x-tree-drag-insert-below{\r
 120          border-bottom:1px dotted #3366cc;\r
 121 }\r
 122 .x-tree-node div.x-tree-drag-insert-above{\r
 123          border-top:1px dotted #3366cc;\r
 124 }\r
 125 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{\r
 126          border-bottom:0px none;\r
 127 }\r
 128 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{\r
 129          border-top:0px none;\r
 130 }\r
 131 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{\r
 132          border-bottom:2px solid #3366cc;\r
 133 }\r
 134 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{\r
 135          border-top:2px solid #3366cc;\r
 136 }\r
 137 .x-tree-node .x-tree-drag-append a span{\r
 138          background:#dddddd;\r
 139          border:1px dotted gray;\r
 140 }\r
 141 .x-tree-node .x-tree-selected a span{\r
 142         background:#3366cc;\r
 143         color:white;\r
 144 }\r
 145 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{\r
 146         display:none !important;\r
 147 }\r
 148 .x-tree-drop-ok-append .x-dd-drop-icon{\r
 149   background-image: url(../images/default/tree/drop-add.gif);\r
 150 }\r
 151 .x-tree-drop-ok-above .x-dd-drop-icon{\r
 152   background-image: url(../images/default/tree/drop-over.gif);\r
 153 }\r
 154 .x-tree-drop-ok-below .x-dd-drop-icon{\r
 155   background-image: url(../images/default/tree/drop-under.gif);\r
 156 }\r
 157 .x-tree-drop-ok-between .x-dd-drop-icon{\r
 158   background-image: url(../images/default/tree/drop-between.gif);\r
 159 }\r
 160 .x-layer-shadow{\r
 161         background:#cccccc;\r
 162    opacity:.3;\r
 163    -moz-opacity:.3;\r
 164    filter: alpha(opacity=30);\r
 165 }