Commit | Line | Data |
---|---|---|
128000f4 | 1 | /* ***** BEGIN LICENSE BLOCK ***** |
2 | * Version: MPL 1.1/GPL 2.0/LGPL 2.1 | |
3 | * | |
4 | * The contents of this file are subject to the Mozilla Public License Version | |
5 | * 1.1 (the "License"); you may not use this file except in compliance with | |
6 | * the License. You may obtain a copy of the License at | |
7 | * http://www.mozilla.org/MPL/ | |
8 | * | |
9 | * Software distributed under the License is distributed on an "AS IS" basis, | |
10 | * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License | |
11 | * for the specific language governing rights and limitations under the | |
12 | * License. | |
13 | * | |
14 | * The Original Code is "Classic" theme of mozilla.org code. | |
15 | * | |
16 | * The Initial Developer of the Original Code is | |
17 | * the Mozilla Organization. | |
18 | * Portions created by the Initial Developer are Copyright (C) 1998-2001 | |
19 | * the Initial Developer. All Rights Reserved. | |
20 | * | |
21 | * Contributor(s): | |
76983f4c | 22 | * Joe Hewitt (hewitt@netscape.com) |
459f2165 | 23 | * Dean Tessman (dean_tessman@hotmail.com) |
e181d49e | 24 | * Robert Kaiser <KaiRo@KaiRo.at> |
128000f4 | 25 | * |
26 | * Alternatively, the contents of this file may be used under the terms of | |
27 | * either the GNU General Public License Version 2 or later (the "GPL"), or | |
28 | * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), | |
29 | * in which case the provisions of the GPL or the LGPL are applicable instead | |
30 | * of those above. If you wish to allow use of your version of this file only | |
31 | * under the terms of either the GPL or the LGPL, and not to allow others to | |
32 | * use your version of this file under the terms of the MPL, indicate your | |
33 | * decision by deleting the provisions above and replace them with the notice | |
34 | * and other provisions required by the GPL or the LGPL. If you do not delete | |
35 | * the provisions above, a recipient may use your version of this file under | |
36 | * the terms of any one of the MPL, the GPL or the LGPL. | |
37 | * | |
38 | * ***** END LICENSE BLOCK ***** */ | |
39 | ||
e1597424 | 40 | /* ===== tree.css ======================================================= |
41 | == Styles used by the XUL tree element. | |
42 | ======================================================================= */ | |
f6e0a33f | 43 | |
e181d49e RK |
44 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
45 | ||
e1597424 | 46 | /* ::::: tree ::::: */ |
47 | ||
48 | tree { | |
e181d49e | 49 | margin: 0px; |
e1597424 | 50 | border: 1px inset #CCD0DD; |
51 | background-color: #FFFFFF; | |
76983f4c | 52 | color: #000000; |
e1597424 | 53 | } |
54 | ||
b618d1fd | 55 | /* ::::: tree focusring ::::: */ |
56 | ||
1d4ddf30 | 57 | .focusring > .tree-stack > .tree-rows > .tree-bodybox { |
b618d1fd | 58 | border: 1px solid transparent; |
59 | } | |
60 | ||
1d4ddf30 | 61 | .focusring:focus > .tree-stack > .tree-rows > .tree-bodybox { |
b618d1fd | 62 | border: 1px solid #000000; |
63 | } | |
b618d1fd | 64 | |
e1597424 | 65 | /* ::::: tree rows ::::: */ |
66 | ||
a1f525f0 | 67 | treechildren::-moz-tree-row { |
e1597424 | 68 | border: 1px solid transparent; |
b618d1fd | 69 | background-color: transparent; |
f2450795 | 70 | min-height: 18px; |
71 | height: 1.3em; | |
e1597424 | 72 | } |
73 | ||
a1f525f0 | 74 | treechildren::-moz-tree-row(selected) { |
e1597424 | 75 | background-color: #808080; |
76 | } | |
77 | ||
a1f525f0 | 78 | treechildren::-moz-tree-row(selected, focus) { |
e1597424 | 79 | background-color: #336699; |
80 | } | |
81 | ||
a1f525f0 | 82 | treechildren::-moz-tree-row(current, focus) { |
e1597424 | 83 | border: 1px dotted #9999CC; |
84 | } | |
85 | ||
a1f525f0 | 86 | treechildren::-moz-tree-row(selected, current, focus) { |
459f2165 | 87 | border: 1px dotted #666699; |
88 | } | |
89 | ||
1d4ddf30 | 90 | tree[seltype="cell"] > treechildren::-moz-tree-row, |
91 | tree[seltype="text"] > treechildren::-moz-tree-row { | |
aa277310 | 92 | border: none; |
93 | background-color: transparent; | |
94 | } | |
95 | ||
e1597424 | 96 | /* ::::: tree cells ::::: */ |
97 | ||
a1f525f0 | 98 | treechildren::-moz-tree-cell { |
e181d49e | 99 | padding: 0px 2px; |
e1597424 | 100 | } |
101 | ||
1d4ddf30 | 102 | tree[seltype="cell"] > treechildren::-moz-tree-cell-text, |
103 | tree[seltype="text"] > treechildren::-moz-tree-cell-text, | |
a1f525f0 | 104 | treechildren::-moz-tree-cell-text { |
e1597424 | 105 | color: inherit; |
e1597424 | 106 | } |
107 | ||
a1f525f0 | 108 | treechildren::-moz-tree-cell-text(selected) { |
e1597424 | 109 | color: #FFFFFF; |
110 | } | |
111 | ||
1d4ddf30 | 112 | tree[seltype="cell"] > treechildren::-moz-tree-cell { |
113 | border: 1px solid transparent; | |
114 | padding: 0px 1px 0px 1px; | |
115 | } | |
116 | ||
117 | tree[seltype="text"] > treechildren::-moz-tree-cell-text { | |
f2d09376 | 118 | border: 1px solid transparent; |
aa277310 | 119 | padding: 0px 1px 1px 1px; |
120 | } | |
121 | ||
1d4ddf30 | 122 | tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) { |
123 | background-color: #808080; | |
124 | } | |
125 | tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) { | |
126 | color: #FFFFFF; | |
127 | } | |
128 | ||
129 | tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) { | |
b618d1fd | 130 | background-color: #808080; |
131 | color: #FFFFFF; | |
132 | } | |
133 | ||
a1f525f0 | 134 | treechildren::-moz-tree-cell-text(selected, focus) { |
e1597424 | 135 | color: #FFFFFF; |
136 | } | |
137 | ||
1d4ddf30 | 138 | tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) { |
b618d1fd | 139 | background-color: #336699; |
1d4ddf30 | 140 | } |
141 | tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) { | |
b618d1fd | 142 | color: #FFFFFF; |
143 | } | |
144 | ||
1d4ddf30 | 145 | tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) { |
146 | background-color: #336699; | |
147 | color: #FFFFFF; | |
148 | } | |
149 | ||
150 | tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) { | |
151 | border: 1px dotted #9999CC; | |
152 | } | |
153 | ||
154 | tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) { | |
b618d1fd | 155 | border: 1px dotted #9999CC; |
156 | } | |
157 | ||
1d4ddf30 | 158 | tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, current, focus) { |
159 | border: 1px dotted #666699; | |
160 | } | |
161 | ||
162 | tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, current, focus) { | |
b618d1fd | 163 | border: 1px dotted #666699; |
164 | } | |
165 | ||
e1597424 | 166 | /* ::::: lines connecting cells ::::: */ |
167 | ||
1d4ddf30 | 168 | tree[seltype="cell"] > treechildren::-moz-tree-line, |
169 | tree[seltype="text"] > treechildren::-moz-tree-line, | |
a1f525f0 | 170 | treechildren::-moz-tree-line { |
e1597424 | 171 | visibility: hidden; |
172 | } | |
173 | ||
1d4ddf30 | 174 | tree[seltype="cell"] > treechildren::-moz-tree-line, |
175 | tree[seltype="text"] > treechildren::-moz-tree-line, | |
a1f525f0 | 176 | treechildren::-moz-tree-line { |
726e083d | 177 | border: 1px dotted #CCD0DD; |
e1597424 | 178 | } |
179 | ||
1d4ddf30 | 180 | tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus), |
a1f525f0 | 181 | treechildren::-moz-tree-line(selected, focus) { |
726e083d | 182 | border: 1px dotted #666699; |
e1597424 | 183 | } |
e1597424 | 184 | |
185 | /* ::::: tree separator ::::: */ | |
186 | ||
a1f525f0 | 187 | treechildren::-moz-tree-separator { |
76983f4c | 188 | margin-top: 1px; |
e1597424 | 189 | border: 1px outset #CCD0DD; |
76983f4c | 190 | height: 2px; |
e1597424 | 191 | } |
192 | ||
193 | /* ::::: drop feedback ::::: */ | |
194 | ||
1d4ddf30 | 195 | tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn), |
196 | tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn), | |
a1f525f0 | 197 | treechildren::-moz-tree-cell-text(dropOn) { |
e1597424 | 198 | background-color: #336699; |
199 | color: #FFFFFF; | |
200 | } | |
201 | ||
a1f525f0 | 202 | treechildren::-moz-tree-drop-feedback { |
e1597424 | 203 | background-color: #336699; |
204 | width: 50px; | |
205 | height: 2px; | |
6daee013 | 206 | -moz-margin-start: 5px; |
e1597424 | 207 | } |
208 | ||
a1f525f0 | 209 | treechildren::-moz-tree-drop-feedback(selected) { |
e1597424 | 210 | background-color: #FFFFFF; |
211 | } | |
212 | ||
76983f4c | 213 | /* ::::: tree checkbox ::::: */ |
214 | ||
215 | treechildren::-moz-tree-checkbox { | |
216 | list-style-image: url("chrome://global/skin/tree/checkbox.gif"); | |
217 | } | |
218 | ||
219 | treechildren::-moz-tree-checkbox(checked) { | |
220 | list-style-image: url("chrome://global/skin/tree/checkbox-checked.gif"); | |
221 | } | |
222 | ||
f2450795 | 223 | /* ::::: tree progress meter ::::: */ |
224 | ||
a1f525f0 | 225 | treechildren::-moz-tree-progressmeter { |
f2450795 | 226 | margin: 0px 0px; |
227 | border: 1px inset #CCD0DD; | |
228 | background-color: #999999; | |
229 | color: #6699CC; | |
230 | } | |
231 | ||
a1f525f0 | 232 | treechildren::-moz-tree-progressmeter(progressUndetermined) { |
f2450795 | 233 | list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif"); |
234 | background-color: #CCD0DD; | |
235 | } | |
236 | ||
a1f525f0 | 237 | treechildren::-moz-tree-cell-text(progressmeter) { |
f2450795 | 238 | margin: 2px 4px; |
239 | } | |
240 | ||
e1597424 | 241 | /* ::::: tree columns ::::: */ |
242 | ||
76983f4c | 243 | treecol { |
e1597424 | 244 | -moz-box-align: center; |
245 | -moz-box-pack: center; | |
246 | border: 1px outset #CCD0DD; | |
247 | background-color: #CCD0DD; | |
248 | color: #000000; | |
249 | padding: 1px 4px; | |
250 | } | |
251 | ||
76983f4c | 252 | treecolpicker { |
e1597424 | 253 | -moz-box-align: center; |
254 | -moz-box-pack: center; | |
255 | border: 1px solid transparent; | |
256 | background-color: #CCD0DD; | |
257 | padding: 1px 0px; | |
258 | } | |
259 | ||
260 | .treecol-image { | |
e181d49e | 261 | padding: 0 1px; |
e1597424 | 262 | } |
76983f4c | 263 | |
e1597424 | 264 | .treecol-text { |
265 | margin: 0px !important; | |
266 | padding: 0px !important; | |
267 | } | |
268 | ||
cc973dd9 | 269 | treecol[hideheader="true"] { |
270 | border: none; | |
271 | padding: 0; | |
272 | } | |
273 | ||
e1597424 | 274 | /* ..... internal box ..... */ |
275 | ||
276 | treecol:hover:active { | |
277 | border: 1px solid #666699; | |
6daee013 RK |
278 | padding-top: 2px; |
279 | padding-bottom: 0px; | |
280 | -moz-padding-start: 5px; | |
281 | -moz-padding-end: 3px; | |
e1597424 | 282 | } |
283 | ||
284 | treecolpicker:hover:active { | |
285 | border: 1px solid #666699; | |
286 | } | |
287 | ||
288 | .treecol-image:hover:active { | |
6daee013 RK |
289 | padding-top: 2px; |
290 | padding-bottom: 0px; | |
291 | -moz-padding-start: 2px; | |
292 | -moz-padding-end: 0px; | |
e1597424 | 293 | } |
294 | ||
295 | /* ::::: column drag and drop styles ::::: */ | |
296 | ||
297 | treecol[dragging="true"] { | |
298 | border: 1px solid transparent; | |
299 | background-color: #336699; | |
300 | color: #000000; | |
301 | } | |
302 | ||
303 | treecol[insertafter="true"] { | |
304 | border-right: 1px solid #000000; | |
305 | } | |
306 | ||
307 | treecol[insertbefore="true"] { | |
308 | border-left: 1px solid #000000; | |
309 | } | |
310 | ||
a1f525f0 | 311 | treechildren::-moz-tree-column(insertbefore) { |
e1597424 | 312 | border-left: 1px solid #000000; |
313 | } | |
314 | ||
a1f525f0 | 315 | treechildren::-moz-tree-column(insertafter) { |
e1597424 | 316 | border-right: 1px solid #000000; |
317 | } | |
318 | ||
319 | /* ::::: sort direction indicator ::::: */ | |
320 | ||
321 | .treecol-sortdirection { | |
322 | list-style-image: none; | |
76983f4c | 323 | width: 8px; /* The image's width is 7 pixels */ |
e1597424 | 324 | } |
325 | ||
e181d49e | 326 | treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"] { |
e1597424 | 327 | list-style-image: url("chrome://global/skin/tree/sort-asc.gif"); |
328 | } | |
329 | ||
e181d49e RK |
330 | treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"] { |
331 | list-style-image: url("chrome://global/skin/tree/sort-desc.gif"); | |
e1597424 | 332 | } |
333 | ||
334 | /* ::::: column picker ::::: */ | |
335 | ||
336 | .tree-columnpicker-icon { | |
337 | list-style-image: url("chrome://global/skin/tree/columnpicker.gif"); | |
338 | } | |
339 | ||
340 | /* ::::: twisty ::::: */ | |
341 | ||
a1f525f0 | 342 | treechildren::-moz-tree-twisty { |
6daee013 | 343 | -moz-padding-end: 2px; |
f2450795 | 344 | padding-top: 1px; |
345 | width: 11px; /* The image's width is 11 pixels */ | |
e1597424 | 346 | list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); |
347 | } | |
76983f4c | 348 | |
a1f525f0 | 349 | treechildren::-moz-tree-twisty(open) { |
f2450795 | 350 | width: 11px; /* The image's width is 11 pixels */ |
e1597424 | 351 | list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); |
352 | } | |
353 | ||
a1f525f0 | 354 | treechildren::-moz-tree-indentation { |
f2450795 | 355 | width: 11px; |
e1597424 | 356 | } |
357 | ||
358 | /* ::::: gridline style ::::: */ | |
359 | ||
a1f525f0 | 360 | treechildren.gridlines::-moz-tree-cell { |
e1597424 | 361 | border-right: 1px solid green; |
362 | border-bottom: 1px solid green; | |
363 | } | |
364 | ||
a1f525f0 | 365 | treechildren.gridlines::-moz-tree-row { |
e1597424 | 366 | border: none; |
b618d1fd | 367 | } |
76983f4c | 368 | |
e181d49e RK |
369 | /* ::::: Name (what is that?) ::::: */ |
370 | ||
371 | treechildren::-moz-tree-image(Name) { | |
6daee013 | 372 | -moz-padding-end: 2px; |
e181d49e RK |
373 | } |
374 | ||
375 | treechildren::-moz-tree-image(Name) { | |
376 | margin: 0px 1px; | |
377 | list-style-image: url("chrome://global/skin/filepicker/file.gif") !important; | |
378 | } | |
379 | ||
380 | treechildren::-moz-tree-image(Name, container) { | |
381 | list-style-image: url("chrome://global/skin/filepicker/dir-closed.gif") !important; | |
382 | } | |
383 | ||
384 | treechildren::-moz-tree-image(Name, open) { | |
385 | list-style-image: url("chrome://global/skin/filepicker/dir-open.gif") !important; | |
386 | } | |
387 | ||
388 | treechildren::-moz-tree-image(Name, separator) { | |
389 | list-style-image: none; | |
390 | width: 0px !important; | |
391 | height: 0px !important; | |
392 | margin: 0px 0px; | |
393 | } | |
394 | ||
395 | treechildren::-moz-tree-cell-text(Name, separator) { | |
396 | color: #666699; | |
397 | margin: 0px 3px; | |
398 | } | |
399 | ||
400 | treechildren::-moz-tree-cell-text(Name, separator, selected, focus) { | |
401 | color: #FFFFFF; | |
402 | } | |
403 | ||
76983f4c | 404 | /* ::::: alternating background ::::: */ |
405 | ||
406 | treechildren[alternatingbackground="true"]::-moz-tree-row(odd) { | |
407 | background-color: #F5F7FF; | |
408 | } | |
409 | ||
410 | treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected) { | |
411 | background-color: #A0A0A0; | |
412 | } | |
413 | ||
414 | treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected, focus) { | |
415 | background-color: #6699CC; | |
416 | } | |
1d4ddf30 | 417 | |
418 | /* ::::: editable tree ::::: */ | |
419 | ||
420 | treechildren::-moz-tree-row(selected, editing) { | |
421 | background-color: transparent; | |
422 | border: none; | |
423 | } | |
424 | ||
425 | treechildren::-moz-tree-cell-text(selected, editing) { | |
426 | color: inherit; | |
427 | } | |
428 | ||
429 | .tree-input { | |
1d4ddf30 | 430 | border: 1px solid #336699; |
6daee013 RK |
431 | margin: 0; |
432 | -moz-margin-start: -4px; | |
1d4ddf30 | 433 | padding: 1px; |
434 | } |