view onlypaths/theme/css/tree.css @ 60:b92b3b099c02 laserkard

[svn r61] h
author rlm
date Sun, 14 Mar 2010 07:18:02 -0400
parents 26c2b3ad21c7
children
line wrap: on
line source
1 /*
2 * Ext JS Library 2.1
3 * Copyright(c) 2006-2008, Ext JS, LLC.
4 * licensing@extjs.com
5 *
6 * http://extjs.com/license
7 */
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 }
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 }
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 }
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 }
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 }
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 }
174 .x-tree-node-el {
175 line-height:18px;
176 cursor:pointer;
177 }
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 }
251 /* Fix for ie rootVisible:false issue */
252 .x-tree-root-ct {
253 zoom:1;
254 }