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