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 | { |
4d40617b |
10 | -moz-border-radius : 5px; |
3c30e09e |
11 | background-color : #000000; |
4d40617b |
12 | border : 1px solid #9C9CFF; |
3c30e09e |
13 | border-spacing : 0px; |
4d40617b |
14 | /* margin : 1px 3px 2px 3px; */ |
3c30e09e |
15 | } |
16 | |
17 | .tree-container-treerows[dragover="true"][dragdroptree="true"] |
18 | { |
19 | } |
20 | |
21 | .tree-container-treerows |
22 | { |
23 | } |
24 | |
25 | .tree-container-treerows[dragdroptree="true"] |
26 | { |
27 | } |
28 | |
3c30e09e |
29 | treeitem[selected="true"] > treerow |
30 | { |
31 | background-color : #008484; |
32 | } |
33 | |
34 | treeitem |
35 | { |
36 | list-style-image : none; |
37 | } |
38 | |
39 | treerow |
40 | { |
41 | border : 1px solid transparent; |
42 | } |
43 | |
44 | treehead > treeitem > treerow, |
45 | treehead > treerow |
46 | { |
47 | border : none; |
48 | } |
49 | |
50 | treecell |
51 | { |
52 | padding : 0px 0px 1px 2px; |
53 | white-space : nowrap; |
54 | } |
55 | |
56 | tree:focus > treechildren treeitem[selected="true"] > treerow, |
57 | treeitem[dd-dropon="true"] > treerow |
58 | { |
59 | background-color : #008484; |
60 | } |
61 | |
62 | tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow |
63 | { |
64 | border : 1px dotted #008484; |
65 | } |
66 | |
67 | .treecell-header-image |
68 | { |
69 | list-style-image : inherit; |
70 | } |
71 | |
72 | .treecell-header, |
73 | .treecell-inset-header, |
74 | .treecell-header-image |
75 | { |
76 | border : 1px solid #000000; |
77 | padding : 0px; |
78 | background-color : #9C9CFF; |
79 | color : #000000; |
80 | } |
81 | |
82 | .treecell-header-box, |
83 | .treecell-header-image-box |
84 | { |
85 | } |
86 | |
87 | .treecell-header-box |
88 | { |
89 | padding : 0px 4px 0px 4px; |
90 | } |
91 | |
4d40617b |
92 | .treecell-header-text |
93 | { |
94 | margin : 0px; |
95 | } |
96 | |
3c30e09e |
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 | } |