| 2108 |
mathias |
1 |
/*
|
|
|
2 |
* Ext JS Library 2.0.2
|
|
|
3 |
* Copyright(c) 2006-2008, Ext JS, LLC.
|
|
|
4 |
* licensing@extjs.com
|
|
|
5 |
*
|
|
|
6 |
* http://extjs.com/license
|
|
|
7 |
*/
|
|
|
8 |
|
|
|
9 |
.x-tree .x-panel-body{
|
|
|
10 |
background-color:#fff;
|
|
|
11 |
}
|
|
|
12 |
.ext-strict .ext-ie .x-tree .x-panel-bwrap{
|
|
|
13 |
position:relative;
|
|
|
14 |
overflow:hidden;
|
|
|
15 |
}
|
|
|
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{
|
|
|
17 |
border: 0 none;
|
|
|
18 |
height: 18px;
|
|
|
19 |
margin: 0;
|
|
|
20 |
padding: 0;
|
|
|
21 |
vertical-align: top;
|
|
|
22 |
width: 16px;
|
|
|
23 |
background-repeat: no-repeat;
|
|
|
24 |
}
|
|
|
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{
|
|
|
26 |
border: 0 none;
|
|
|
27 |
height: 18px;
|
|
|
28 |
margin: 0;
|
|
|
29 |
padding: 0;
|
|
|
30 |
vertical-align: top;
|
|
|
31 |
width: 16px;
|
|
|
32 |
background-position:center;
|
|
|
33 |
background-repeat: no-repeat;
|
|
|
34 |
}
|
|
|
35 |
.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
|
|
|
36 |
vertical-align:middle !important;
|
|
|
37 |
}
|
|
|
38 |
/* some default icons for leaf/folder */
|
|
|
39 |
.x-tree-node-expanded .x-tree-node-icon{
|
|
|
40 |
background-image:url(../images/default/tree/folder-open.gif);
|
|
|
41 |
}
|
|
|
42 |
.x-tree-node-leaf .x-tree-node-icon{
|
|
|
43 |
background-image:url(../images/default/tree/leaf.gif);
|
|
|
44 |
}
|
|
|
45 |
.x-tree-node-collapsed .x-tree-node-icon{
|
|
|
46 |
background-image:url(../images/default/tree/folder.gif);
|
|
|
47 |
}
|
|
|
48 |
/* checkboxes */
|
|
|
49 |
.ext-ie input.x-tree-node-cb {
|
|
|
50 |
width:15px;
|
|
|
51 |
height:15px;
|
|
|
52 |
}
|
|
|
53 |
input.x-tree-node-cb {
|
|
|
54 |
margin-left:1px;
|
|
|
55 |
}
|
|
|
56 |
.ext-ie input.x-tree-node-cb {
|
|
|
57 |
margin-left:0;
|
|
|
58 |
}
|
|
|
59 |
|
|
|
60 |
.x-tree-noicon .x-tree-node-icon{
|
|
|
61 |
width:0; height:0;
|
|
|
62 |
}
|
|
|
63 |
/* loading icon */
|
|
|
64 |
.x-tree-node-loading .x-tree-node-icon{
|
|
|
65 |
background-image:url(../images/default/tree/loading.gif) !important;
|
|
|
66 |
}
|
|
|
67 |
.x-tree-node-loading a span{
|
|
|
68 |
font-style: italic;
|
|
|
69 |
color:#444444;
|
|
|
70 |
}
|
|
|
71 |
.ext-ie .x-tree-node-el input {
|
|
|
72 |
width:15px;
|
|
|
73 |
height:15px;
|
|
|
74 |
}
|
|
|
75 |
/* Line styles */
|
|
|
76 |
.x-tree-lines .x-tree-elbow{
|
|
|
77 |
background-image:url(../images/default/tree/elbow.gif);
|
|
|
78 |
}
|
|
|
79 |
.x-tree-lines .x-tree-elbow-plus{
|
|
|
80 |
background-image:url(../images/default/tree/elbow-plus.gif);
|
|
|
81 |
}
|
|
|
82 |
.x-tree-lines .x-tree-elbow-minus{
|
|
|
83 |
background-image:url(../images/default/tree/elbow-minus.gif);
|
|
|
84 |
}
|
|
|
85 |
.x-tree-lines .x-tree-elbow-end{
|
|
|
86 |
background-image:url(../images/default/tree/elbow-end.gif);
|
|
|
87 |
}
|
|
|
88 |
.x-tree-lines .x-tree-elbow-end-plus{
|
|
|
89 |
background-image:url(../images/default/tree/elbow-end-plus.gif);
|
|
|
90 |
}
|
|
|
91 |
.x-tree-lines .x-tree-elbow-end-minus{
|
|
|
92 |
background-image:url(../images/default/tree/elbow-end-minus.gif);
|
|
|
93 |
}
|
|
|
94 |
.x-tree-lines .x-tree-elbow-line{
|
|
|
95 |
background-image:url(../images/default/tree/elbow-line.gif);
|
|
|
96 |
}
|
|
|
97 |
|
|
|
98 |
/* No line styles */
|
|
|
99 |
.x-tree-no-lines .x-tree-elbow{
|
|
|
100 |
background:transparent;
|
|
|
101 |
}
|
|
|
102 |
.x-tree-no-lines .x-tree-elbow-plus{
|
|
|
103 |
background-image:url(../images/default/tree/elbow-plus-nl.gif);
|
|
|
104 |
}
|
|
|
105 |
.x-tree-no-lines .x-tree-elbow-minus{
|
|
|
106 |
background-image:url(../images/default/tree/elbow-minus-nl.gif);
|
|
|
107 |
}
|
|
|
108 |
.x-tree-no-lines .x-tree-elbow-end{
|
|
|
109 |
background:transparent;
|
|
|
110 |
}
|
|
|
111 |
.x-tree-no-lines .x-tree-elbow-end-plus{
|
|
|
112 |
background-image:url(../images/default/tree/elbow-end-plus-nl.gif);
|
|
|
113 |
}
|
|
|
114 |
.x-tree-no-lines .x-tree-elbow-end-minus{
|
|
|
115 |
background-image:url(../images/default/tree/elbow-end-minus-nl.gif);
|
|
|
116 |
}
|
|
|
117 |
.x-tree-no-lines .x-tree-elbow-line{
|
|
|
118 |
background:transparent;
|
|
|
119 |
}
|
|
|
120 |
|
|
|
121 |
|
|
|
122 |
/* Arrows */
|
|
|
123 |
.x-tree-arrows .x-tree-elbow{
|
|
|
124 |
background:transparent;
|
|
|
125 |
}
|
|
|
126 |
.x-tree-arrows .x-tree-elbow-plus{
|
|
|
127 |
background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;
|
|
|
128 |
}
|
|
|
129 |
.x-tree-arrows .x-tree-elbow-minus{
|
|
|
130 |
background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;
|
|
|
131 |
}
|
|
|
132 |
.x-tree-arrows .x-tree-elbow-end{
|
|
|
133 |
background:transparent;
|
|
|
134 |
}
|
|
|
135 |
.x-tree-arrows .x-tree-elbow-end-plus{
|
|
|
136 |
background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;
|
|
|
137 |
}
|
|
|
138 |
.x-tree-arrows .x-tree-elbow-end-minus{
|
|
|
139 |
background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;
|
|
|
140 |
}
|
|
|
141 |
.x-tree-arrows .x-tree-elbow-line{
|
|
|
142 |
background:transparent;
|
|
|
143 |
}
|
|
|
144 |
|
|
|
145 |
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
|
|
|
146 |
background-position:-32px 0;
|
|
|
147 |
}
|
|
|
148 |
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
|
|
|
149 |
background-position:-48px 0;
|
|
|
150 |
}
|
|
|
151 |
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
|
|
|
152 |
background-position:-32px 0;
|
|
|
153 |
}
|
|
|
154 |
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
|
|
|
155 |
background-position:-48px 0;
|
|
|
156 |
}
|
|
|
157 |
|
|
|
158 |
|
|
|
159 |
|
|
|
160 |
.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
|
|
|
161 |
cursor:pointer;
|
|
|
162 |
}
|
|
|
163 |
.ext-ie ul.x-tree-node-ct{
|
|
|
164 |
font-size:0;
|
|
|
165 |
line-height:0;
|
|
|
166 |
zoom:1;
|
|
|
167 |
}
|
|
|
168 |
.x-tree-node{
|
|
|
169 |
color: black;
|
|
|
170 |
font: normal 11px arial, tahoma, helvetica, sans-serif;
|
|
|
171 |
white-space: nowrap;
|
|
|
172 |
}
|
|
|
173 |
|
|
|
174 |
.x-tree-node-el {
|
|
|
175 |
line-height:18px;
|
|
|
176 |
cursor:pointer;
|
|
|
177 |
}
|
|
|
178 |
|
|
|
179 |
.x-tree-node a, .x-dd-drag-ghost a{
|
|
|
180 |
text-decoration:none;
|
|
|
181 |
color:black;
|
|
|
182 |
-khtml-user-select:none;
|
|
|
183 |
-moz-user-select:none;
|
|
|
184 |
-kthml-user-focus:normal;
|
|
|
185 |
-moz-user-focus:normal;
|
|
|
186 |
-moz-outline: 0 none;
|
|
|
187 |
outline:0 none;
|
|
|
188 |
}
|
|
|
189 |
.x-tree-node a span, .x-dd-drag-ghost a span{
|
|
|
190 |
text-decoration:none;
|
|
|
191 |
color:black;
|
|
|
192 |
padding:1px 3px 1px 2px;
|
|
|
193 |
}
|
|
|
194 |
.x-tree-node .x-tree-node-disabled a span{
|
|
|
195 |
color:gray !important;
|
|
|
196 |
}
|
|
|
197 |
.x-tree-node .x-tree-node-disabled .x-tree-node-icon{
|
|
|
198 |
-moz-opacity: 0.5;
|
|
|
199 |
opacity:.5;
|
|
|
200 |
filter: alpha(opacity=50);
|
|
|
201 |
}
|
|
|
202 |
.x-tree-node .x-tree-node-inline-icon{
|
|
|
203 |
background:transparent;
|
|
|
204 |
}
|
|
|
205 |
.x-tree-node a:hover, .x-dd-drag-ghost a:hover{
|
|
|
206 |
text-decoration:none;
|
|
|
207 |
}
|
|
|
208 |
.x-tree-node div.x-tree-drag-insert-below{
|
|
|
209 |
border-bottom:1px dotted #3366cc;
|
|
|
210 |
}
|
|
|
211 |
.x-tree-node div.x-tree-drag-insert-above{
|
|
|
212 |
border-top:1px dotted #3366cc;
|
|
|
213 |
}
|
|
|
214 |
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
|
|
|
215 |
border-bottom:0 none;
|
|
|
216 |
}
|
|
|
217 |
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
|
|
|
218 |
border-top:0 none;
|
|
|
219 |
}
|
|
|
220 |
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
|
|
|
221 |
border-bottom:2px solid #3366cc;
|
|
|
222 |
}
|
|
|
223 |
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
|
|
|
224 |
border-top:2px solid #3366cc;
|
|
|
225 |
}
|
|
|
226 |
.x-tree-node .x-tree-drag-append a span{
|
|
|
227 |
background:#dddddd;
|
|
|
228 |
border:1px dotted gray;
|
|
|
229 |
}
|
|
|
230 |
.x-tree-node .x-tree-node-over {
|
|
|
231 |
background-color: #eee;
|
|
|
232 |
}
|
|
|
233 |
.x-tree-node .x-tree-selected {
|
|
|
234 |
background-color: #d9e8fb;
|
|
|
235 |
}
|
|
|
236 |
.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
|
|
|
237 |
display:none !important;
|
|
|
238 |
}
|
|
|
239 |
.x-tree-drop-ok-append .x-dd-drop-icon{
|
|
|
240 |
background-image: url(../images/default/tree/drop-add.gif);
|
|
|
241 |
}
|
|
|
242 |
.x-tree-drop-ok-above .x-dd-drop-icon{
|
|
|
243 |
background-image: url(../images/default/tree/drop-over.gif);
|
|
|
244 |
}
|
|
|
245 |
.x-tree-drop-ok-below .x-dd-drop-icon{
|
|
|
246 |
background-image: url(../images/default/tree/drop-under.gif);
|
|
|
247 |
}
|
|
|
248 |
.x-tree-drop-ok-between .x-dd-drop-icon{
|
|
|
249 |
background-image: url(../images/default/tree/drop-between.gif);
|
|
|
250 |
}
|