resources/css/visual/tree.css

   1 /*!
   2  * Ext JS Library 3.1.1
   3  * Copyright(c) 2006-2010 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 .x-tree-node-expanded .x-tree-node-icon{\r
   8         background-image:url(../images/default/tree/folder-open.gif);\r
   9 }\r
  10 \r
  11 .x-tree-node-leaf .x-tree-node-icon{\r
  12         background-image:url(../images/default/tree/leaf.gif);\r
  13 }\r
  14 \r
  15 .x-tree-node-collapsed .x-tree-node-icon{\r
  16         background-image:url(../images/default/tree/folder.gif);\r
  17 }\r
  18 \r
  19 .x-tree-node-loading .x-tree-node-icon{\r
  20         background-image:url(../images/default/tree/loading.gif) !important;\r
  21 }\r
  22 \r
  23 .x-tree-node .x-tree-node-inline-icon {\r
  24     background-image: none;\r
  25 }\r
  26 \r
  27 .x-tree-node-loading a span{\r
  28          font-style: italic;\r
  29          color:#444444;\r
  30 }\r
  31 \r
  32 .x-tree-lines .x-tree-elbow{\r
  33         background-image:url(../images/default/tree/elbow.gif);\r
  34 }\r
  35 \r
  36 .x-tree-lines .x-tree-elbow-plus{\r
  37         background-image:url(../images/default/tree/elbow-plus.gif);\r
  38 }\r
  39 \r
  40 .x-tree-lines .x-tree-elbow-minus{\r
  41         background-image:url(../images/default/tree/elbow-minus.gif);\r
  42 }\r
  43 \r
  44 .x-tree-lines .x-tree-elbow-end{\r
  45         background-image:url(../images/default/tree/elbow-end.gif);\r
  46 }\r
  47 \r
  48 .x-tree-lines .x-tree-elbow-end-plus{\r
  49         background-image:url(../images/default/tree/elbow-end-plus.gif);\r
  50 }\r
  51 \r
  52 .x-tree-lines .x-tree-elbow-end-minus{\r
  53         background-image:url(../images/default/tree/elbow-end-minus.gif);\r
  54 }\r
  55 \r
  56 .x-tree-lines .x-tree-elbow-line{\r
  57         background-image:url(../images/default/tree/elbow-line.gif);\r
  58 }\r
  59 \r
  60 .x-tree-no-lines .x-tree-elbow-plus{\r
  61         background-image:url(../images/default/tree/elbow-plus-nl.gif);\r
  62 }\r
  63 \r
  64 .x-tree-no-lines .x-tree-elbow-minus{\r
  65         background-image:url(../images/default/tree/elbow-minus-nl.gif);\r
  66 }\r
  67 \r
  68 .x-tree-no-lines .x-tree-elbow-end-plus{\r
  69         background-image:url(../images/default/tree/elbow-end-plus-nl.gif);\r
  70 }\r
  71 \r
  72 .x-tree-no-lines .x-tree-elbow-end-minus{\r
  73         background-image:url(../images/default/tree/elbow-end-minus-nl.gif);\r
  74 }\r
  75 \r
  76 .x-tree-arrows .x-tree-elbow-plus{\r
  77     background-image:url(../images/default/tree/arrows.gif);\r
  78 }\r
  79 \r
  80 .x-tree-arrows .x-tree-elbow-minus{\r
  81     background-image:url(../images/default/tree/arrows.gif);\r
  82 }\r
  83 \r
  84 .x-tree-arrows .x-tree-elbow-end-plus{\r
  85     background-image:url(../images/default/tree/arrows.gif);\r
  86 }\r
  87 \r
  88 .x-tree-arrows .x-tree-elbow-end-minus{\r
  89     background-image:url(../images/default/tree/arrows.gif);\r
  90 }\r
  91 \r
  92 .x-tree-node{\r
  93         color:#000;\r
  94         font: normal 11px arial, tahoma, helvetica, sans-serif;\r
  95 }\r
  96 \r
  97 .x-tree-node a, .x-dd-drag-ghost a{\r
  98         color:#000;\r
  99 }\r
 100 \r
 101 .x-tree-node a span, .x-dd-drag-ghost a span{\r
 102         color:#000;\r
 103 }\r
 104 \r
 105 .x-tree-node .x-tree-node-disabled a span{\r
 106         color:gray !important;\r
 107 }\r
 108 \r
 109 .x-tree-node div.x-tree-drag-insert-below{\r
 110          border-bottom-color:#36c;\r
 111 }\r
 112 \r
 113 .x-tree-node div.x-tree-drag-insert-above{\r
 114          border-top-color:#36c;\r
 115 }\r
 116 \r
 117 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{\r
 118          border-bottom-color:#36c;\r
 119 }\r
 120 \r
 121 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{\r
 122          border-top-color:#36c;\r
 123 }\r
 124 \r
 125 .x-tree-node .x-tree-drag-append a span{\r
 126          background-color:#ddd;\r
 127          border-color:gray;\r
 128 }\r
 129 \r
 130 .x-tree-node .x-tree-node-over {\r
 131         background-color: #eee;\r
 132 }\r
 133 \r
 134 .x-tree-node .x-tree-selected {\r
 135         background-color: #d9e8fb;\r
 136 }\r
 137 \r
 138 .x-tree-drop-ok-append .x-dd-drop-icon{\r
 139   background-image: url(../images/default/tree/drop-add.gif);\r
 140 }\r
 141 \r
 142 .x-tree-drop-ok-above .x-dd-drop-icon{\r
 143   background-image: url(../images/default/tree/drop-over.gif);\r
 144 }\r
 145 \r
 146 .x-tree-drop-ok-below .x-dd-drop-icon{\r
 147   background-image: url(../images/default/tree/drop-under.gif);\r
 148 }\r
 149 \r
 150 .x-tree-drop-ok-between .x-dd-drop-icon{\r
 151   background-image: url(../images/default/tree/drop-between.gif);\r
 152 }