2 * Ext JS Library 1.1.1
\r
3 * Copyright(c) 2006-2007, Ext JS, LLC.
\r
4 * licensing@extjs.com
\r
6 * http://www.extjs.com/license
\r
9 .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
14 vertical-align: middle;
\r
16 background-repeat: no-repeat;
\r
18 .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
23 vertical-align: middle;
\r
25 background-position:center;
\r
26 background-repeat: no-repeat;
\r
29 /* some default icons for leaf/folder */
\r
30 .x-tree-node-collapsed .x-tree-node-icon{
\r
31 background-image:url(../images/default/tree/folder.gif);
\r
33 .x-tree-node-expanded .x-tree-node-icon{
\r
34 background-image:url(../images/default/tree/folder-open.gif);
\r
36 .x-tree-node-leaf .x-tree-node-icon{
\r
37 background-image:url(../images/default/tree/leaf.gif);
\r
41 .ext-ie input.x-tree-node-cb {
\r
45 input.x-tree-node-cb {
\r
48 .ext-ie input.x-tree-node-cb {
\r
53 .x-tree-noicon .x-tree-node-icon{
\r
57 .x-tree-node-loading .x-tree-node-icon{
\r
58 background-image:url(../images/default/tree/loading.gif) !important;
\r
60 .x-tree-node-loading a span{
\r
66 .x-tree-lines .x-tree-elbow{
\r
67 background-image:url(../images/default/tree/elbow.gif);
\r
69 .x-tree-lines .x-tree-elbow-plus{
\r
70 background-image:url(../images/default/tree/elbow-plus.gif);
\r
72 .x-tree-lines .x-tree-elbow-minus{
\r
73 background-image:url(../images/default/tree/elbow-minus.gif);
\r
75 .x-tree-lines .x-tree-elbow-end{
\r
76 background-image:url(../images/default/tree/elbow-end.gif);
\r
78 .x-tree-lines .x-tree-elbow-end-plus{
\r
79 background-image:url(../images/default/tree/elbow-end-plus.gif);
\r
81 .x-tree-lines .x-tree-elbow-end-minus{
\r
82 background-image:url(../images/default/tree/elbow-end-minus.gif);
\r
84 .x-tree-lines .x-tree-elbow-line{
\r
85 background-image:url(../images/default/tree/elbow-line.gif);
\r
88 /* No line styles */
\r
89 .x-tree-no-lines .x-tree-elbow{
\r
90 background:transparent;
\r
92 .x-tree-no-lines .x-tree-elbow-plus{
\r
93 background-image:url(../images/default/tree/elbow-plus-nl.gif);
\r
95 .x-tree-no-lines .x-tree-elbow-minus{
\r
96 background-image:url(../images/default/tree/elbow-minus-nl.gif);
\r
98 .x-tree-no-lines .x-tree-elbow-end{
\r
99 background:transparent;
\r
101 .x-tree-no-lines .x-tree-elbow-end-plus{
\r
102 background-image:url(../images/default/tree/elbow-end-plus-nl.gif);
\r
104 .x-tree-no-lines .x-tree-elbow-end-minus{
\r
105 background-image:url(../images/default/tree/elbow-end-minus-nl.gif);
\r
107 .x-tree-no-lines .x-tree-elbow-line{
\r
108 background:transparent;
\r
111 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
\r
114 .ext-ie ul.x-tree-node-ct{
\r
120 font: normal 11px arial, tahoma, helvetica, sans-serif;
\r
121 white-space: nowrap;
\r
123 .x-tree-node a, .x-dd-drag-ghost a{
\r
124 text-decoration:none;
\r
126 -khtml-user-select:none;
\r
127 -moz-user-select:none;
\r
128 -kthml-user-focus:normal;
\r
129 -moz-user-focus:normal;
\r
130 -moz-outline: 0 none;
\r
133 .x-tree-node a span, .x-dd-drag-ghost a span{
\r
134 text-decoration:none;
\r
136 padding:1px 3px 1px 2px;
\r
138 .x-tree-node .x-tree-node-disabled a span{
\r
139 color:gray !important;
\r
141 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{
\r
144 filter: alpha(opacity=50);
\r
146 .x-tree-node .x-tree-node-inline-icon{
\r
147 background:transparent;
\r
149 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
\r
150 text-decoration:none;
\r
152 .x-tree-node div.x-tree-drag-insert-below{
\r
153 border-bottom:1px dotted #3366cc;
\r
155 .x-tree-node div.x-tree-drag-insert-above{
\r
156 border-top:1px dotted #3366cc;
\r
158 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
\r
159 border-bottom:0 none;
\r
161 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
\r
164 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
\r
165 border-bottom:2px solid #3366cc;
\r
167 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
\r
168 border-top:2px solid #3366cc;
\r
170 .x-tree-node .x-tree-drag-append a span{
\r
171 background:#dddddd;
\r
172 border:1px dotted gray;
\r
174 .x-tree-node .x-tree-selected a span{
\r
175 background:#3366cc;
\r
178 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
\r
179 display:none !important;
\r
181 .x-tree-drop-ok-append .x-dd-drop-icon{
\r
182 background-image: url(../images/default/tree/drop-add.gif);
\r
184 .x-tree-drop-ok-above .x-dd-drop-icon{
\r
185 background-image: url(../images/default/tree/drop-over.gif);
\r
187 .x-tree-drop-ok-below .x-dd-drop-icon{
\r
188 background-image: url(../images/default/tree/drop-under.gif);
\r
190 .x-tree-drop-ok-between .x-dd-drop-icon{
\r
191 background-image: url(../images/default/tree/drop-between.gif);
\r