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
6 vertical-align: middle;
\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
14 vertical-align: middle;
\r
16 background-position:center;
\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
23 .x-tree-node-expanded .x-tree-node-icon{
\r
24 background:transparent url(../images/default/tree/folder-open.gif);
\r
26 .x-tree-node-leaf .x-tree-node-icon{
\r
27 background:transparent url(../images/default/tree/leaf.gif);
\r
31 .x-tree-node-loading .x-tree-node-icon{
\r
32 background:transparent url(../images/default/tree/loading.gif) !important;
\r
34 .x-tree-node-loading a span{
\r
40 .x-tree-lines .x-tree-elbow{
\r
41 background:transparent url(../images/default/tree/elbow.gif);
\r
43 .x-tree-lines .x-tree-elbow-plus{
\r
44 background:transparent url(../images/default/tree/elbow-plus.gif);
\r
46 .x-tree-lines .x-tree-elbow-minus{
\r
47 background:transparent url(../images/default/tree/elbow-minus.gif);
\r
49 .x-tree-lines .x-tree-elbow-end{
\r
50 background:transparent url(../images/default/tree/elbow-end.gif);
\r
52 .x-tree-lines .x-tree-elbow-end-plus{
\r
53 background:transparent url(../images/default/tree/elbow-end-plus.gif);
\r
55 .x-tree-lines .x-tree-elbow-end-minus{
\r
56 background:transparent url(../images/default/tree/elbow-end-minus.gif);
\r
58 .x-tree-lines .x-tree-elbow-line{
\r
59 background:transparent url(../images/default/tree/elbow-line.gif);
\r
62 /* No line styles */
\r
63 .x-tree-no-lines .x-tree-elbow{
\r
64 background:transparent;
\r
66 .x-tree-no-lines .x-tree-elbow-plus{
\r
67 background:transparent url(../images/default/tree/elbow-plus-nl.gif);
\r
69 .x-tree-no-lines .x-tree-elbow-minus{
\r
70 background:transparent url(../images/default/tree/elbow-minus-nl.gif);
\r
72 .x-tree-no-lines .x-tree-elbow-end{
\r
73 background:transparent;
\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
78 .x-tree-no-lines .x-tree-elbow-end-minus{
\r
79 background:transparent url(../images/default/tree/elbow-end-minus-nl.gif);
\r
81 .x-tree-no-lines .x-tree-elbow-line{
\r
82 background:transparent;
\r
85 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
\r
91 font: normal 11px arial, helvetica, sans-serif;
\r
92 white-space: nowrap;
\r
94 .x-tree-node a, .x-dd-drag-ghost a{
\r
95 text-decoration:none;
\r
97 -khtml-user-select:normal;
\r
98 -moz-user-select:normal;
\r
100 .x-tree-node a span, .x-dd-drag-ghost a span{
\r
101 text-decoration:none;
\r
103 padding:1px 3px 1px 2px;
\r
105 .x-tree-node .x-tree-node-disabled a span{
\r
106 color:gray !important;
\r
108 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{
\r
111 filter: alpha(opacity=50);
\r
113 .x-tree-node .x-tree-node-inline-icon{
\r
114 background:transparent;
\r
116 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
\r
117 text-decoration:none;
\r
119 .x-tree-node div.x-tree-drag-insert-below{
\r
120 border-bottom:1px dotted #3366cc;
\r
122 .x-tree-node div.x-tree-drag-insert-above{
\r
123 border-top:1px dotted #3366cc;
\r
125 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
\r
126 border-bottom:0px none;
\r
128 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
\r
129 border-top:0px none;
\r
131 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
\r
132 border-bottom:2px solid #3366cc;
\r
134 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
\r
135 border-top:2px solid #3366cc;
\r
137 .x-tree-node .x-tree-drag-append a span{
\r
138 background:#dddddd;
\r
139 border:1px dotted gray;
\r
141 .x-tree-node .x-tree-selected a span{
\r
142 background:#3366cc;
\r
145 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
\r
146 display:none !important;
\r
148 .x-tree-drop-ok-append .x-dd-drop-icon{
\r
149 background-image: url(../images/default/tree/drop-add.gif);
\r
151 .x-tree-drop-ok-above .x-dd-drop-icon{
\r
152 background-image: url(../images/default/tree/drop-over.gif);
\r
154 .x-tree-drop-ok-below .x-dd-drop-icon{
\r
155 background-image: url(../images/default/tree/drop-under.gif);
\r
157 .x-tree-drop-ok-between .x-dd-drop-icon{
\r
158 background-image: url(../images/default/tree/drop-between.gif);
\r
161 background:#cccccc;
\r
164 filter: alpha(opacity=30);
\r
166 /* =================== Column Tree ====================== */
169 .x-column-tree .x-tree-node { zoom:1; }
170 .x-column-tree .x-tree-node-el {
171 border-bottom:1px solid #eee;
172 border-right: 1px solid #ccc;
175 .x-column-tree .x-tree-selected {
178 .x-column-tree .x-tree-node a {
180 vertical-align:middle;
183 .x-column-tree .x-tree-node .x-tree-selected a span{
184 background:transparent;
187 .x-column-tree .x-tree-col {
191 border-left: 1px solid #ccc;
196 .x-column-tree .x-tree-col-text,.x-column-tree .x-tree-hd-text {
198 -o-text-overflow: ellipsis;
199 text-overflow: ellipsis;
200 padding:3px 3px 3px 5px;
202 font:normal 11px arial, tahoma, helvetica, sans-serif;
205 .x-column-tree .x-tree-headers {
206 background: #EBEADB url(../images/gray/grid/grid-hrow.gif) repeat-x scroll 0 0;
211 .x-column-tree .x-tree-hd {
214 border-left:1px solid #eee;
215 border-right:1px solid #d0d0d0;