Commit | Line | Data |
---|---|---|
351107c9 | 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): | |
22 | * Robert Kaiser <KaiRo@KaiRo.at> | |
3d6dd546 | 23 | * Joe Hewitt (hewitt@netscape.com) |
dc8e1207 | 24 | * Dean Tessman (dean_tessman@hotmail.com) |
351107c9 | 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 | ||
7aa65558 | 40 | /* ===== tree.css ======================================================= |
41 | == Styles used by the XUL tree element. | |
42 | ======================================================================= */ | |
43 | ||
f98e9249 RK |
44 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
45 | ||
7aa65558 | 46 | /* ::::: tree ::::: */ |
47 | ||
48 | tree { | |
49 | -moz-border-radius: 5px; | |
f98e9249 | 50 | margin: 0px; |
7aa65558 | 51 | border: 1px solid #9C9CFF; |
52 | background-color: #000000; | |
53 | color: #FF9F00; | |
54 | } | |
55 | ||
ac1cdf20 | 56 | /* ::::: tree focusring ::::: */ |
57 | ||
a12570b9 | 58 | .focusring > .tree-stack > .tree-rows > .tree-bodybox { |
ac1cdf20 | 59 | border: 1px solid transparent; |
60 | } | |
61 | ||
a12570b9 | 62 | .focusring:focus > .tree-stack > .tree-rows > .tree-bodybox { |
f1d07a65 | 63 | border: 1px dotted #008484; |
ac1cdf20 | 64 | } |
ac1cdf20 | 65 | |
7aa65558 | 66 | /* ::::: tree rows ::::: */ |
67 | ||
01fc5c11 | 68 | treechildren::-moz-tree-row { |
7aa65558 | 69 | border: 1px solid transparent; |
ac1cdf20 | 70 | background-color: transparent; |
b1e5c9b1 | 71 | min-height: 18px; |
72 | height: 1.3em; | |
7aa65558 | 73 | } |
74 | ||
01fc5c11 | 75 | treechildren::-moz-tree-row(selected) { |
7aa65558 | 76 | background-color: #008484; |
77 | color: #FFCF00; | |
78 | } | |
79 | ||
01fc5c11 | 80 | treechildren::-moz-tree-row(selected, focus) { |
7aa65558 | 81 | background-color: #008484; |
82 | color: #FFCF00; | |
83 | } | |
84 | ||
01fc5c11 | 85 | treechildren::-moz-tree-row(current, focus) { |
dc8e1207 | 86 | border: 1px dotted #FF9F00; |
87 | } | |
88 | ||
01fc5c11 | 89 | treechildren::-moz-tree-row(selected, current, focus) { |
dc8e1207 | 90 | border: 1px dotted #FF9F00; |
7aa65558 | 91 | } |
92 | ||
a12570b9 | 93 | tree[seltype="cell"] > treechildren::-moz-tree-row, |
94 | tree[seltype="text"] > treechildren::-moz-tree-row { | |
03f6f39c | 95 | border: none; |
96 | background-color: transparent; | |
97 | } | |
98 | ||
7aa65558 | 99 | /* ::::: tree cells ::::: */ |
100 | ||
01fc5c11 | 101 | treechildren::-moz-tree-cell { |
f98e9249 | 102 | padding-top: 0px; |
f1d07a65 RK |
103 | padding-bottom: 0px; |
104 | -moz-padding-start: 1px; | |
105 | -moz-padding-end: 1px; | |
7aa65558 | 106 | } |
107 | ||
a12570b9 | 108 | tree[seltype="cell"] > treechildren::-moz-tree-cell-text, |
109 | tree[seltype="text"] > treechildren::-moz-tree-cell-text, | |
01fc5c11 | 110 | treechildren::-moz-tree-cell-text { |
7aa65558 | 111 | color: inherit; |
03f6f39c | 112 | } |
113 | ||
a12570b9 | 114 | tree[seltype="cell"] > treechildren::-moz-tree-cell { |
115 | border: 1px solid transparent; | |
f1d07a65 | 116 | padding: 0px 1px; |
a12570b9 | 117 | } |
118 | ||
119 | tree[seltype="text"] > treechildren::-moz-tree-cell-text { | |
0c7f928d | 120 | border: 1px solid transparent; |
f1d07a65 RK |
121 | padding-top: 0px; |
122 | padding-bottom: 0px; | |
123 | -moz-padding-start: 1px; | |
124 | -moz-padding-end: 1px; | |
7aa65558 | 125 | } |
126 | ||
01fc5c11 | 127 | treechildren::-moz-tree-cell-text(selected) { |
0c7f928d | 128 | color: #FFCF00; |
7aa65558 | 129 | } |
130 | ||
a12570b9 | 131 | tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) { |
132 | background-color: #008484; | |
133 | } | |
134 | tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) { | |
135 | color: #FFCF00; | |
136 | } | |
137 | ||
138 | tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) { | |
0c7f928d | 139 | background-color: #008484; |
140 | color: #FFCF00; | |
ac1cdf20 | 141 | } |
142 | ||
01fc5c11 | 143 | treechildren::-moz-tree-cell-text(selected, focus) { |
0c7f928d | 144 | color: #FFCF00; |
7aa65558 | 145 | } |
ac1cdf20 | 146 | |
a12570b9 | 147 | tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) { |
148 | background-color: #008484; | |
149 | } | |
150 | tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) { | |
151 | color: #FFCF00; | |
152 | } | |
153 | ||
154 | tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) { | |
0c7f928d | 155 | background-color: #008484; |
156 | color: #FFCF00; | |
ac1cdf20 | 157 | } |
158 | ||
a12570b9 | 159 | tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) { |
160 | border: 1px dotted #FF9F00; | |
161 | } | |
162 | ||
163 | tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) { | |
0c7f928d | 164 | border: 1px dotted #FF9F00; |
ac1cdf20 | 165 | } |
166 | ||
a12570b9 | 167 | tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, current, focus) { |
168 | border: 1px dotted #FF9F00; | |
169 | } | |
170 | ||
171 | tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, current, focus) { | |
0c7f928d | 172 | border: 1px dotted #FF9F00; |
ac1cdf20 | 173 | } |
7aa65558 | 174 | |
175 | /* ::::: lines connecting cells ::::: */ | |
176 | ||
a12570b9 | 177 | tree[seltype="cell"] > treechildren::-moz-tree-line, |
178 | tree[seltype="text"] > treechildren::-moz-tree-line, | |
01fc5c11 | 179 | treechildren::-moz-tree-line { |
7aa65558 | 180 | visibility: hidden; |
181 | } | |
182 | ||
a12570b9 | 183 | tree[seltype="cell"] > treechildren::-moz-tree-line, |
184 | tree[seltype="text"] > treechildren::-moz-tree-line, | |
01fc5c11 | 185 | treechildren::-moz-tree-line { |
f98e9249 | 186 | border: 1px dotted #9C9CFF; |
7aa65558 | 187 | } |
188 | ||
a12570b9 | 189 | tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus), |
01fc5c11 | 190 | treechildren::-moz-tree-line(selected) { |
f98e9249 | 191 | border: 1px dotted #000000; |
7aa65558 | 192 | } |
7aa65558 | 193 | |
194 | /* ::::: tree separator ::::: */ | |
195 | ||
01fc5c11 | 196 | treechildren::-moz-tree-separator { |
3d6dd546 | 197 | margin-top: 1px; |
7aa65558 | 198 | border: 1px solid #9C9CFF; |
3d6dd546 | 199 | height: 2px; |
7aa65558 | 200 | } |
201 | ||
202 | /* ::::: drop feedback ::::: */ | |
203 | ||
a12570b9 | 204 | tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn), |
205 | tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn), | |
01fc5c11 | 206 | treechildren::-moz-tree-cell-text(dropOn) { |
7aa65558 | 207 | background-color: #008484; |
208 | color: #FFCF00; | |
209 | } | |
210 | ||
01fc5c11 | 211 | treechildren::-moz-tree-drop-feedback { |
7aa65558 | 212 | background-color: #008484; |
213 | width: 50px; | |
214 | height: 2px; | |
f98e9249 | 215 | -moz-margin-start: 5px; |
7aa65558 | 216 | } |
217 | ||
01fc5c11 | 218 | treechildren::-moz-tree-drop-feedback(selected) { |
7aa65558 | 219 | background-color: #FFCF00; |
220 | } | |
221 | ||
3d6dd546 | 222 | /* ::::: tree checkbox ::::: */ |
223 | ||
224 | treechildren::-moz-tree-checkbox { | |
225 | list-style-image: url("chrome://global/skin/tree/checkbox.gif"); | |
226 | } | |
227 | ||
228 | treechildren::-moz-tree-checkbox(checked) { | |
229 | list-style-image: url("chrome://global/skin/tree/checkbox-checked.gif"); | |
230 | } | |
231 | ||
b1e5c9b1 | 232 | /* ::::: tree progress meter ::::: */ |
233 | ||
01fc5c11 | 234 | treechildren::-moz-tree-progressmeter { |
b1e5c9b1 | 235 | margin: 0px 0px; |
236 | border: 1px solid #FF9F00; | |
237 | background-color: #000000; | |
238 | color: #008484; | |
239 | } | |
240 | ||
01fc5c11 | 241 | treechildren::-moz-tree-progressmeter(progressUndetermined) { |
b1e5c9b1 | 242 | list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif"); |
243 | background-color: #008484; | |
244 | } | |
245 | ||
01fc5c11 | 246 | treechildren::-moz-tree-cell-text(progressmeter) { |
b1e5c9b1 | 247 | margin: 2px 4px; |
248 | } | |
249 | ||
7aa65558 | 250 | /* ::::: tree columns ::::: */ |
251 | ||
3d6dd546 | 252 | treecol { |
7aa65558 | 253 | -moz-box-align: center; |
254 | -moz-box-pack: center; | |
255 | border: 1px solid #FF9F00; | |
256 | background-color: #9C9CFF; | |
257 | color: #000000; | |
258 | padding: 1px 4px; | |
259 | } | |
260 | ||
d0646e4a RK |
261 | treecol:first-child { |
262 | -moz-border-radius-topleft: 3px; | |
263 | } | |
264 | ||
265 | treecol:last-child { | |
266 | -moz-border-radius-topright: 3px; | |
267 | } | |
268 | ||
3d6dd546 | 269 | treecolpicker { |
d0646e4a | 270 | -moz-border-radius-topright: 3px; |
7aa65558 | 271 | -moz-box-align: center; |
272 | -moz-box-pack: center; | |
273 | border: 1px solid transparent; | |
274 | background-color: #000000; | |
275 | padding: 1px 0px; | |
3d6dd546 | 276 | } |
7aa65558 | 277 | |
278 | .treecol-image { | |
f98e9249 | 279 | padding: 0 1px; |
7aa65558 | 280 | } |
281 | ||
282 | .treecol-text { | |
283 | margin: 0px !important; | |
284 | padding: 0px !important; | |
285 | } | |
286 | ||
cc973dd9 | 287 | treecol[hideheader="true"] { |
288 | border: none; | |
289 | padding: 0; | |
290 | } | |
291 | ||
7aa65558 | 292 | /* ..... internal box ..... */ |
293 | ||
294 | treecol:hover:active { | |
295 | border: 1px solid #FFCF00; | |
f98e9249 RK |
296 | padding-top: 2px; |
297 | padding-bottom: 0px; | |
298 | -moz-padding-start: 5px; | |
299 | -moz-padding-end: 3px; | |
7aa65558 | 300 | } |
3d6dd546 | 301 | |
7aa65558 | 302 | treecolpicker:hover { |
303 | background-color: #FFCF00; | |
304 | } | |
351107c9 | 305 | |
7aa65558 | 306 | treecolpicker:hover:active { |
307 | border: 1px solid #FFCF00; | |
308 | background-color: #FF9F00; | |
309 | } | |
310 | ||
311 | .treecol-image:hover:active { | |
f98e9249 RK |
312 | padding-top: 2px; |
313 | padding-bottom: 0px; | |
314 | -moz-padding-start: 2px; | |
315 | -moz-padding-end: 0px; | |
7aa65558 | 316 | } |
317 | ||
318 | /* ::::: column drag and drop styles ::::: */ | |
319 | ||
320 | treecol[dragging="true"] { | |
321 | border: 1px solid transparent; | |
322 | background-color: #008484; | |
323 | color: #000000; | |
324 | } | |
325 | ||
326 | treecol[insertafter="true"] { | |
327 | border-right: 1px solid #FFCF00; | |
328 | } | |
329 | ||
330 | treecol[insertbefore="true"] { | |
331 | border-left: 1px solid #FFCF00; | |
332 | } | |
333 | ||
01fc5c11 | 334 | treechildren::-moz-tree-column(insertbefore) { |
7aa65558 | 335 | border-left: 1px solid #FFCF00; |
336 | } | |
337 | ||
01fc5c11 | 338 | treechildren::-moz-tree-column(insertafter) { |
7aa65558 | 339 | border-right: 1px solid #FFCF00; |
340 | } | |
341 | ||
342 | /* ::::: sort direction indicator ::::: */ | |
343 | ||
344 | .treecol-sortdirection { | |
345 | list-style-image: none; | |
3d6dd546 | 346 | width: 8px; /* The image's width is 7 pixels */ |
7aa65558 | 347 | } |
348 | ||
f98e9249 | 349 | treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"] { |
7aa65558 | 350 | list-style-image: url("chrome://global/skin/tree/sort-asc.gif"); |
351 | } | |
352 | ||
f98e9249 RK |
353 | treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"] { |
354 | list-style-image: url("chrome://global/skin/tree/sort-desc.gif"); | |
7aa65558 | 355 | } |
356 | ||
357 | /* ::::: column picker ::::: */ | |
358 | ||
731b0901 | 359 | .tree-columnpicker-icon { |
7aa65558 | 360 | list-style-image: url("chrome://global/skin/tree/columnpicker.gif"); |
361 | } | |
362 | ||
731b0901 | 363 | treecolpicker:hover > .tree-columnpicker-icon, |
364 | treecolpicker:hover:active > .tree-columnpicker-icon { | |
7aa65558 | 365 | list-style-image: url("chrome://global/skin/tree/columnpicker-hover.gif"); |
366 | } | |
367 | ||
368 | /* ::::: twisty ::::: */ | |
369 | ||
01fc5c11 | 370 | treechildren::-moz-tree-twisty { |
f1d07a65 RK |
371 | -moz-padding-end: 1px; |
372 | padding-top: 0px; | |
b1e5c9b1 | 373 | width: 11px; /* The image's width is 11 pixels */ |
7aa65558 | 374 | list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); |
375 | } | |
3d6dd546 | 376 | |
01fc5c11 | 377 | treechildren::-moz-tree-twisty(open) { |
b1e5c9b1 | 378 | width: 11px; /* The image's width is 11 pixels */ |
7aa65558 | 379 | list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); |
380 | } | |
381 | ||
01fc5c11 | 382 | treechildren::-moz-tree-indentation { |
b1e5c9b1 | 383 | width: 11px; |
7aa65558 | 384 | } |
385 | ||
386 | /* ::::: gridline style ::::: */ | |
387 | ||
01fc5c11 | 388 | treechildren.gridlines::-moz-tree-cell { |
f1d07a65 RK |
389 | border-right: 1px solid #9C9CFF; |
390 | border-bottom: 1px solid #9C9CFF; | |
7aa65558 | 391 | } |
392 | ||
01fc5c11 | 393 | treechildren.gridlines::-moz-tree-row { |
7aa65558 | 394 | border: none; |
ac1cdf20 | 395 | } |
3d6dd546 | 396 | |
f98e9249 RK |
397 | /* ::::: Name (what is that?) ::::: */ |
398 | ||
399 | treechildren::-moz-tree-image(Name) { | |
f1d07a65 | 400 | -moz-padding-end: 3px; |
f98e9249 RK |
401 | } |
402 | ||
403 | treechildren::-moz-tree-image(Name) { | |
404 | margin: 0px 1px; | |
405 | list-style-image: url("chrome://global/skin/filepicker/file.gif") !important; | |
406 | } | |
407 | ||
408 | treechildren::-moz-tree-image(Name, container) { | |
409 | list-style-image: url("chrome://global/skin/filepicker/dir-closed.gif") !important; | |
410 | } | |
411 | ||
412 | treechildren::-moz-tree-image(Name, open) { | |
413 | list-style-image: url("chrome://global/skin/filepicker/dir-open.gif") !important; | |
414 | } | |
415 | ||
416 | treechildren::-moz-tree-image(Name, separator) { | |
417 | list-style-image: none; | |
418 | width: 0px !important; | |
419 | height: 0px !important; | |
420 | margin: 0px 0px; | |
421 | } | |
422 | ||
423 | treechildren::-moz-tree-cell-text(Name, separator) { | |
424 | color: #9C9CFF; | |
425 | margin: 0px 3px; | |
426 | } | |
427 | ||
428 | treechildren::-moz-tree-cell-text(Name, separator, selected, focus) { | |
429 | color: #000000; | |
430 | } | |
431 | ||
3d6dd546 | 432 | /* ::::: alternating background ::::: */ |
433 | ||
434 | treechildren[alternatingbackground="true"]::-moz-tree-row(odd) { | |
95c949c5 | 435 | background-color: #404000; |
3d6dd546 | 436 | } |
437 | ||
438 | treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected) { | |
31e46317 | 439 | background-color: #008484; |
95c949c5 | 440 | color: #000000; |
3d6dd546 | 441 | } |
442 | ||
443 | treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected, focus) { | |
31e46317 | 444 | background-color: #008484; |
95c949c5 | 445 | color: #000000; |
3d6dd546 | 446 | } |
a12570b9 | 447 | |
448 | /* ::::: editable tree ::::: */ | |
449 | ||
450 | treechildren::-moz-tree-row(selected, editing) { | |
451 | background-color: transparent; | |
452 | border: none; | |
453 | } | |
454 | ||
455 | treechildren::-moz-tree-cell-text(selected, editing) { | |
456 | color: inherit; | |
457 | } | |
458 | ||
459 | .tree-input { | |
a12570b9 | 460 | border: 1px solid #9C9CFF; |
f98e9249 RK |
461 | margin: 0; |
462 | -moz-margin-start: -4px; | |
a12570b9 | 463 | padding: 1px; |
464 | } |