2 * Ext JS Library 2.2.1
\r
3 * Copyright(c) 2006-2009, Ext JS, LLC.
\r
4 * licensing@extjs.com
\r
6 * http://extjs.com/license
\r
9 .x-tree .x-panel-body{
\r
10 background-color:#fff;
\r
12 .ext-strict .ext-ie .x-tree .x-panel-bwrap{
\r
16 .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
21 vertical-align: top;
\r
23 background-repeat: no-repeat;
\r
25 .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
30 vertical-align: top;
\r
32 background-position:center;
\r
33 background-repeat: no-repeat;
\r
35 .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
\r
36 vertical-align:middle !important;
\r
38 /* some default icons for leaf/folder */
\r
39 .x-tree-node-expanded .x-tree-node-icon{
\r
40 background-image:url(../images/default/tree/folder-open.gif);
\r
42 .x-tree-node-leaf .x-tree-node-icon{
\r
43 background-image:url(../images/default/tree/leaf.gif);
\r
45 .x-tree-node-collapsed .x-tree-node-icon{
\r
46 background-image:url(../images/default/tree/folder.gif);
\r
49 .ext-ie input.x-tree-node-cb {
\r
53 input.x-tree-node-cb {
\r
56 .ext-ie input.x-tree-node-cb {
\r
60 .x-tree-noicon .x-tree-node-icon{
\r
64 .x-tree-node-loading .x-tree-node-icon{
\r
65 background-image:url(../images/default/tree/loading.gif) !important;
\r
67 .x-tree-node-loading a span{
\r
71 .ext-ie .x-tree-node-el input {
\r
76 .x-tree-lines .x-tree-elbow{
\r
77 background-image:url(../images/default/tree/elbow.gif);
\r
79 .x-tree-lines .x-tree-elbow-plus{
\r
80 background-image:url(../images/default/tree/elbow-plus.gif);
\r
82 .x-tree-lines .x-tree-elbow-minus{
\r
83 background-image:url(../images/default/tree/elbow-minus.gif);
\r
85 .x-tree-lines .x-tree-elbow-end{
\r
86 background-image:url(../images/default/tree/elbow-end.gif);
\r
88 .x-tree-lines .x-tree-elbow-end-plus{
\r
89 background-image:url(../images/default/tree/elbow-end-plus.gif);
\r
91 .x-tree-lines .x-tree-elbow-end-minus{
\r
92 background-image:url(../images/default/tree/elbow-end-minus.gif);
\r
94 .x-tree-lines .x-tree-elbow-line{
\r
95 background-image:url(../images/default/tree/elbow-line.gif);
\r
98 /* No line styles */
\r
99 .x-tree-no-lines .x-tree-elbow{
\r
100 background:transparent;
\r
102 .x-tree-no-lines .x-tree-elbow-plus{
\r
103 background-image:url(../images/default/tree/elbow-plus-nl.gif);
\r
105 .x-tree-no-lines .x-tree-elbow-minus{
\r
106 background-image:url(../images/default/tree/elbow-minus-nl.gif);
\r
108 .x-tree-no-lines .x-tree-elbow-end{
\r
109 background:transparent;
\r
111 .x-tree-no-lines .x-tree-elbow-end-plus{
\r
112 background-image:url(../images/default/tree/elbow-end-plus-nl.gif);
\r
114 .x-tree-no-lines .x-tree-elbow-end-minus{
\r
115 background-image:url(../images/default/tree/elbow-end-minus-nl.gif);
\r
117 .x-tree-no-lines .x-tree-elbow-line{
\r
118 background:transparent;
\r
123 .x-tree-arrows .x-tree-elbow{
\r
124 background:transparent;
\r
126 .x-tree-arrows .x-tree-elbow-plus{
\r
127 background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;
\r
129 .x-tree-arrows .x-tree-elbow-minus{
\r
130 background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;
\r
132 .x-tree-arrows .x-tree-elbow-end{
\r
133 background:transparent;
\r
135 .x-tree-arrows .x-tree-elbow-end-plus{
\r
136 background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;
\r
138 .x-tree-arrows .x-tree-elbow-end-minus{
\r
139 background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;
\r
141 .x-tree-arrows .x-tree-elbow-line{
\r
142 background:transparent;
\r
145 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
\r
146 background-position:-32px 0;
\r
148 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
\r
149 background-position:-48px 0;
\r
151 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
\r
152 background-position:-32px 0;
\r
154 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
\r
155 background-position:-48px 0;
\r
160 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
\r
163 .ext-ie ul.x-tree-node-ct{
\r
170 font: normal 11px arial, tahoma, helvetica, sans-serif;
\r
171 white-space: nowrap;
\r
179 .x-tree-node a, .x-dd-drag-ghost a{
\r
180 text-decoration:none;
\r
182 -khtml-user-select:none;
\r
183 -moz-user-select:none;
\r
184 -kthml-user-focus:normal;
\r
185 -moz-user-focus:normal;
\r
186 -moz-outline: 0 none;
\r
189 .x-tree-node a span, .x-dd-drag-ghost a span{
\r
190 text-decoration:none;
\r
192 padding:1px 3px 1px 2px;
\r
194 .x-tree-node .x-tree-node-disabled a span{
\r
195 color:gray !important;
\r
197 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{
\r
200 filter: alpha(opacity=50);
\r
202 .x-tree-node .x-tree-node-inline-icon{
\r
203 background:transparent;
\r
205 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
\r
206 text-decoration:none;
\r
208 .x-tree-node div.x-tree-drag-insert-below{
\r
209 border-bottom:1px dotted #3366cc;
\r
211 .x-tree-node div.x-tree-drag-insert-above{
\r
212 border-top:1px dotted #3366cc;
\r
214 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
\r
215 border-bottom:0 none;
\r
217 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
\r
220 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
\r
221 border-bottom:2px solid #3366cc;
\r
223 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
\r
224 border-top:2px solid #3366cc;
\r
226 .x-tree-node .x-tree-drag-append a span{
\r
227 background:#dddddd;
\r
228 border:1px dotted gray;
\r
230 .x-tree-node .x-tree-node-over {
\r
231 background-color: #eee;
\r
233 .x-tree-node .x-tree-selected {
\r
234 background-color: #d9e8fb;
\r
236 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
\r
237 display:none !important;
\r
239 .x-tree-drop-ok-append .x-dd-drop-icon{
\r
240 background-image: url(../images/default/tree/drop-add.gif);
\r
242 .x-tree-drop-ok-above .x-dd-drop-icon{
\r
243 background-image: url(../images/default/tree/drop-over.gif);
\r
245 .x-tree-drop-ok-below .x-dd-drop-icon{
\r
246 background-image: url(../images/default/tree/drop-under.gif);
\r
248 .x-tree-drop-ok-between .x-dd-drop-icon{
\r
249 background-image: url(../images/default/tree/drop-between.gif);
\r
251 /* Fix for ie rootVisible:false issue */
\r