3c30e09e |
1 | |
2 | /******** Tree widget **********/ |
3 | |
4 | /** basic tree **************************************************** |
5 | * basic tree widget for use in main windows where no decoration |
6 | * is required. |
7 | **/ |
8 | tree |
9 | { |
10 | background-color : #000000; |
11 | border : none; |
12 | border-spacing : 0px; |
13 | } |
14 | |
15 | .tree-container-treerows[dragover="true"][dragdroptree="true"] |
16 | { |
17 | } |
18 | |
19 | .tree-container-treerows |
20 | { |
21 | } |
22 | |
23 | .tree-container-treerows[dragdroptree="true"] |
24 | { |
25 | } |
26 | |
27 | tree.inset |
28 | { |
29 | -moz-border-radius : 5px; |
30 | border : 1px solid #9C9CFF; |
31 | margin : 1px 3px 2px 3px; |
32 | } |
33 | |
34 | treeitem[selected="true"] > treerow |
35 | { |
36 | background-color : #008484; |
37 | } |
38 | |
39 | treeitem |
40 | { |
41 | list-style-image : none; |
42 | } |
43 | |
44 | treerow |
45 | { |
46 | border : 1px solid transparent; |
47 | } |
48 | |
49 | treehead > treeitem > treerow, |
50 | treehead > treerow |
51 | { |
52 | border : none; |
53 | } |
54 | |
55 | treecell |
56 | { |
57 | padding : 0px 0px 1px 2px; |
58 | white-space : nowrap; |
59 | } |
60 | |
61 | tree:focus > treechildren treeitem[selected="true"] > treerow, |
62 | treeitem[dd-dropon="true"] > treerow |
63 | { |
64 | background-color : #008484; |
65 | } |
66 | |
67 | tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow |
68 | { |
69 | border : 1px dotted #008484; |
70 | } |
71 | |
72 | .treecell-header-image |
73 | { |
74 | list-style-image : inherit; |
75 | } |
76 | |
77 | .treecell-header, |
78 | .treecell-inset-header, |
79 | .treecell-header-image |
80 | { |
81 | border : 1px solid #000000; |
82 | padding : 0px; |
83 | background-color : #9C9CFF; |
84 | color : #000000; |
85 | } |
86 | |
87 | .treecell-header-box, |
88 | .treecell-header-image-box |
89 | { |
90 | } |
91 | |
92 | .treecell-header-box |
93 | { |
94 | padding : 0px 4px 0px 4px; |
95 | } |
96 | |
97 | .treecell-header-image-box |
98 | { |
99 | padding : 0px 1px 0px 1px; |
100 | } |
101 | |
102 | .treecell-header:hover:active, |
103 | .treecell-header-image:hover:active, |
104 | .treecell-inset-header:hover:active |
105 | { |
106 | border : 1px solid #FFCF00; |
107 | } |
108 | |
109 | .treecell-header:hover:active > .treecell-header-box, |
110 | .treecell-inset-header:hover:active > .treecell-header-box, |
111 | .treecell-header-image:hover:active > .treecell-header-image-box |
112 | { |
113 | border-top : 1px solid transparent; |
114 | border-right : none; |
115 | border-bottom : none; |
116 | border-left : 1px solid transparent; |
117 | } |
118 | |
119 | .treecell-header:hover:active > .treecell-header-box, |
120 | .treecell-inset-header:hover:active > .treecell-header-box |
121 | { |
122 | padding : 1px 4px 0px 5px; |
123 | } |
124 | |
125 | .treecell-header-image:hover:active > .treecell-header-image-box |
126 | { |
127 | padding : 1px 1px 0px 2px; |
128 | } |
129 | |
130 | .treecell-image |
131 | { |
132 | padding : 0px; |
133 | } |
134 | |
135 | /* slimline sidebar treeheaders */ |
136 | .treecell-header.treecell-header-sidebarpanel, |
137 | .treecell-inset-header.treecell-header-sidebarpanel |
138 | { |
139 | padding : 0px 1px 1px 3px; |
140 | } |
141 | |
142 | .treecell-header-sidebarpanel > .treecell-header-box |
143 | { |
144 | } |
145 | |
146 | /** class="propertylist" ****************************************** |
147 | * class for cells in grid-formatted property lists. |
148 | **/ |
149 | |
150 | treecell.propertylist |
151 | { |
152 | border-right : 1px solid #9C9CFF; |
153 | border-bottom : 1px solid #9C9CFF; |
154 | padding-left : 5px; |
155 | } |
156 | |
157 | .tree-cell-primary-icon, |
158 | .tree-cell-primary-icon-inline-edit-folder |
159 | { |
160 | list-style-image : inherit; |
161 | padding-right : 2px; |
162 | } |
163 | |
164 | .tree-cell-icon |
165 | { |
166 | list-style-image : inherit; |
167 | padding-right : 2px; |
168 | } |
169 | |
170 | .tree-cell-twisty |
171 | { |
172 | list-style-image : url("chrome://global/skin/twisty-closed.gif"); |
173 | -moz-user-focus : ignore; |
174 | padding-right : 2px; |
175 | } |
176 | |
177 | .treecell-indent > .tree-cell-primary-icon |
178 | { |
179 | padding-left : 14px; |
180 | } |
181 | |
182 | treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon |
183 | { |
184 | padding-left : 0px; |
185 | } |
186 | |
187 | .tree-cell-twisty[disabled="true"] |
188 | { |
189 | list-style-image : none; |
190 | } |
191 | |
192 | treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty |
193 | { |
194 | list-style-image : url("chrome://global/skin/twisty-open.gif"); |
195 | } |
196 | |
3f293047 |
197 | treeitem[empty="true"] > treerow > treecell > .tree-cell-twisty { |
198 | visibility : hidden; |
199 | } |
200 | |
3c30e09e |
201 | /* tree header with sort direction indicators */ |
202 | |
203 | .tree-header-sortdirection |
204 | { |
205 | list-style-image : none; |
206 | } |
207 | |
208 | .sortDirectionIndicator[sortDirection="ascending"] > .treecell-header-box > .tree-header-sortdirection |
209 | { |
210 | list-style-image : url("chrome://global/skin/sortAscending.gif"); |
211 | } |
212 | |
213 | .sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection |
214 | { |
215 | list-style-image : url("chrome://global/skin/sortDescending.gif"); |
216 | } |
217 | |
218 | treecol[sortDirection="true"], |
219 | treecol[sortActive="true"] |
220 | { |
221 | background-color : #008484; |
222 | } |
223 | |
224 | /* column selection popup menu icon */ |
225 | |
226 | .treecell-popup-icon |
227 | { |
228 | list-style-image : url("chrome://global/skin/columnselect.gif"); |
229 | } |
230 | |
231 | /* Inline Editable Treecells */ |
232 | |
233 | treerow[mode="inline-edit"] |
234 | { |
235 | border-top : none !important; |
236 | border-bottom : none !important; |
237 | background-color : transparent !important; |
238 | } |
239 | |
240 | .inline-edit-cell-box |
241 | { |
242 | margin-left : 2px; |
243 | } |
244 | |
245 | .inline-edit-cell-box[mode="edit"] |
246 | { |
247 | margin-left : 0px; |
248 | } |
249 | |
250 | |
251 | |
3f293047 |
252 | |