Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / resources / css / visual / tree.css
1 /*!
2  * Ext JS Library 3.0.0
3  * Copyright(c) 2006-2009 Ext JS, LLC
4  * licensing@extjs.com
5  * http://www.extjs.com/license
6  */
7 .x-tree-node-expanded .x-tree-node-icon{\r
8         background-image:url(../images/default/tree/folder-open.gif);\r
9 }\r
10 \r
11 .x-tree-node-leaf .x-tree-node-icon{\r
12         background-image:url(../images/default/tree/leaf.gif);\r
13 }\r
14 \r
15 .x-tree-node-collapsed .x-tree-node-icon{\r
16         background-image:url(../images/default/tree/folder.gif);\r
17 }\r
18 \r
19 .x-tree-node-loading .x-tree-node-icon{\r
20         background-image:url(../images/default/tree/loading.gif) !important;\r
21 }\r
22 \r
23 .x-tree-node .x-tree-node-inline-icon {\r
24     background-image: none;\r
25 }\r
26 \r
27 .x-tree-node-loading a span{\r
28          font-style: italic;\r
29          color:#444444;\r
30 }\r
31 \r
32 .ext-ie .x-tree-node-el input {\r
33     width:15px;\r
34     height:15px;\r
35 }\r
36 \r
37 .x-tree-lines .x-tree-elbow{\r
38         background-image:url(../images/default/tree/elbow.gif);\r
39 }\r
40 \r
41 .x-tree-lines .x-tree-elbow-plus{\r
42         background-image:url(../images/default/tree/elbow-plus.gif);\r
43 }\r
44 \r
45 .x-tree-lines .x-tree-elbow-minus{\r
46         background-image:url(../images/default/tree/elbow-minus.gif);\r
47 }\r
48 \r
49 .x-tree-lines .x-tree-elbow-end{\r
50         background-image:url(../images/default/tree/elbow-end.gif);\r
51 }\r
52 \r
53 .x-tree-lines .x-tree-elbow-end-plus{\r
54         background-image:url(../images/default/tree/elbow-end-plus.gif);\r
55 }\r
56 \r
57 .x-tree-lines .x-tree-elbow-end-minus{\r
58         background-image:url(../images/default/tree/elbow-end-minus.gif);\r
59 }\r
60 \r
61 .x-tree-lines .x-tree-elbow-line{\r
62         background-image:url(../images/default/tree/elbow-line.gif);\r
63 }\r
64 \r
65 .x-tree-no-lines .x-tree-elbow-plus{\r
66         background-image:url(../images/default/tree/elbow-plus-nl.gif);\r
67 }\r
68 \r
69 .x-tree-no-lines .x-tree-elbow-minus{\r
70         background-image:url(../images/default/tree/elbow-minus-nl.gif);\r
71 }\r
72 \r
73 .x-tree-no-lines .x-tree-elbow-end-plus{\r
74         background-image:url(../images/default/tree/elbow-end-plus-nl.gif);\r
75 }\r
76 \r
77 .x-tree-no-lines .x-tree-elbow-end-minus{\r
78         background-image:url(../images/default/tree/elbow-end-minus-nl.gif);\r
79 }\r
80 \r
81 .x-tree-arrows .x-tree-elbow-plus{\r
82     background-image:url(../images/default/tree/arrows.gif);\r
83 }\r
84 \r
85 .x-tree-arrows .x-tree-elbow-minus{\r
86     background-image:url(../images/default/tree/arrows.gif);\r
87 }\r
88 \r
89 .x-tree-arrows .x-tree-elbow-end-plus{\r
90     background-image:url(../images/default/tree/arrows.gif);\r
91 }\r
92 \r
93 .x-tree-arrows .x-tree-elbow-end-minus{\r
94     background-image:url(../images/default/tree/arrows.gif);\r
95 }\r
96 \r
97 .x-tree-node{\r
98         color:#000;\r
99         font: normal 11px arial, tahoma, helvetica, sans-serif;\r
100 }\r
101 \r
102 .x-tree-node a, .x-dd-drag-ghost a{\r
103         color:#000;\r
104 }\r
105 \r
106 .x-tree-node a span, .x-dd-drag-ghost a span{\r
107         color:#000;\r
108 }\r
109 \r
110 .x-tree-node .x-tree-node-disabled a span{\r
111         color:gray !important;\r
112 }\r
113 \r
114 .x-tree-node div.x-tree-drag-insert-below{\r
115          border-bottom-color:#36c;\r
116 }\r
117 \r
118 .x-tree-node div.x-tree-drag-insert-above{\r
119          border-top-color:#36c;\r
120 }\r
121 \r
122 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{\r
123          border-bottom-color:#36c;\r
124 }\r
125 \r
126 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{\r
127          border-top-color:#36c;\r
128 }\r
129 \r
130 .x-tree-node .x-tree-drag-append a span{\r
131          background-color:#ddd;\r
132          border-color:gray;\r
133 }\r
134 \r
135 .x-tree-node .x-tree-node-over {\r
136         background-color: #eee;\r
137 }\r
138 \r
139 .x-tree-node .x-tree-selected {\r
140         background-color: #d9e8fb;\r
141 }\r
142 \r
143 .x-tree-drop-ok-append .x-dd-drop-icon{\r
144   background-image: url(../images/default/tree/drop-add.gif);\r
145 }\r
146 \r
147 .x-tree-drop-ok-above .x-dd-drop-icon{\r
148   background-image: url(../images/default/tree/drop-over.gif);\r
149 }\r
150 \r
151 .x-tree-drop-ok-below .x-dd-drop-icon{\r
152   background-image: url(../images/default/tree/drop-under.gif);\r
153 }\r
154 \r
155 .x-tree-drop-ok-between .x-dd-drop-icon{\r
156   background-image: url(../images/default/tree/drop-between.gif);\r
157 }