keep up with trunk development
[themes.git] / EarlyBlue / global / tree.css
... / ...
CommitLineData
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>
23 * Joe Hewitt (hewitt@netscape.com)
24 * Dean Tessman (dean_tessman@hotmail.com)
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
40@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
41
42/* ===== tree.css =======================================================
43 == Styles used by the XUL tree element.
44 ======================================================================= */
45
46/* ::::: tree ::::: */
47
48tree {
49 border-spacing: 0px;
50 border: 1px inset #CCD0DD;
51 background-color: #FFFFFF;
52 color: #000000;
53}
54
55/* ::::: tree focusring ::::: */
56
57/* deactivated, looks too bad for me in EarlyBlue
58.focusring > .tree-stack > .tree-rows > .tree-bodybox {
59 border: 1px solid transparent;
60}
61
62.focusring:focus > .tree-stack > .tree-rows > .tree-bodybox {
63 border: 1px solid #000000;
64}
65*/
66
67/* ::::: tree rows ::::: */
68
69treechildren::-moz-tree-row {
70 border: 1px solid transparent;
71 background-color: transparent;
72 min-height: 18px;
73 height: 1.3em;
74}
75
76treechildren::-moz-tree-row(selected) {
77 background-color: #808080;
78}
79
80treechildren::-moz-tree-row(selected, focus) {
81 background-color: #336699;
82}
83
84treechildren::-moz-tree-row(current, focus) {
85 border: 1px dotted #9999CC;
86}
87
88treechildren::-moz-tree-row(selected, current, focus) {
89 border: 1px dotted #666699;
90}
91
92tree[seltype="cell"] > treechildren::-moz-tree-row,
93tree[seltype="text"] > treechildren::-moz-tree-row {
94 border: none;
95 background-color: transparent;
96}
97
98/* ::::: tree cells ::::: */
99
100treechildren::-moz-tree-cell {
101 padding: 0px 2px 0px 2px;
102}
103
104tree[seltype="cell"] > treechildren::-moz-tree-cell-text,
105tree[seltype="text"] > treechildren::-moz-tree-cell-text,
106treechildren::-moz-tree-cell-text {
107 color: inherit;
108}
109
110treechildren::-moz-tree-cell-text(selected) {
111 color: #FFFFFF;
112}
113
114tree[seltype="cell"] > treechildren::-moz-tree-cell {
115 border: 1px solid transparent;
116 padding: 0px 1px 0px 1px;
117}
118
119tree[seltype="text"] > treechildren::-moz-tree-cell-text {
120 border: 1px solid transparent;
121 padding: 0px 1px 1px 1px;
122}
123
124tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) {
125 background-color: #808080;
126}
127tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) {
128 color: #FFFFFF;
129}
130
131tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) {
132 background-color: #808080;
133 color: #FFFFFF;
134}
135
136treechildren::-moz-tree-cell-text(selected, focus) {
137 color: #FFFFFF;
138}
139
140tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) {
141 background-color: #336699;
142}
143tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
144 color: #FFFFFF;
145}
146
147tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
148 background-color: #336699;
149 color: #FFFFFF;
150}
151
152tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) {
153 border: 1px dotted #9999CC;
154}
155
156tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) {
157 border: 1px dotted #9999CC;
158}
159
160tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, current, focus) {
161 border: 1px dotted #666699;
162}
163
164tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, current, focus) {
165 border: 1px dotted #666699;
166}
167
168/* ::::: lines connecting cells ::::: */
169
170tree[seltype="cell"] > treechildren::-moz-tree-line,
171tree[seltype="text"] > treechildren::-moz-tree-line,
172treechildren::-moz-tree-line {
173 visibility: hidden;
174}
175
176/*
177tree[seltype="cell"] > treechildren::-moz-tree-line,
178tree[seltype="text"] > treechildren::-moz-tree-line,
179treechildren::-moz-tree-line {
180 border: 1px dotted grey;
181}
182
183tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus),
184treechildren::-moz-tree-line(selected, focus) {
185 border: 1px dotted black;
186}
187*/
188
189/* ::::: tree separator ::::: */
190
191treechildren::-moz-tree-separator {
192 margin-top: 1px;
193 border: 1px outset #CCD0DD;
194 height: 2px;
195}
196
197/* ::::: drop feedback ::::: */
198
199tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn),
200tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn),
201treechildren::-moz-tree-cell-text(dropOn) {
202 background-color: #336699;
203 color: #FFFFFF;
204}
205
206treechildren::-moz-tree-drop-feedback {
207 background-color: #336699;
208 width: 50px;
209 height: 2px;
210 margin-left: 5px;
211}
212
213treechildren::-moz-tree-drop-feedback(selected) {
214 background-color: #FFFFFF;
215}
216
217/* ::::: tree checkbox ::::: */
218
219treechildren::-moz-tree-checkbox {
220 list-style-image: url("chrome://global/skin/tree/checkbox.gif");
221}
222
223treechildren::-moz-tree-checkbox(checked) {
224 list-style-image: url("chrome://global/skin/tree/checkbox-checked.gif");
225}
226
227/* ::::: tree progress meter ::::: */
228
229treechildren::-moz-tree-progressmeter {
230 margin: 0px 0px;
231 border: 1px inset #CCD0DD;
232 background-color: #999999;
233 color: #6699CC;
234}
235
236treechildren::-moz-tree-progressmeter(progressUndetermined) {
237 list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
238 background-color: #CCD0DD;
239}
240
241treechildren::-moz-tree-cell-text(progressmeter) {
242 margin: 2px 4px;
243}
244
245/* ::::: tree columns ::::: */
246
247treecol {
248 -moz-box-align: center;
249 -moz-box-pack: center;
250 border: 1px outset #CCD0DD;
251 background-color: #CCD0DD;
252 color: #000000;
253 padding: 1px 4px;
254}
255
256treecolpicker {
257 -moz-box-align: center;
258 -moz-box-pack: center;
259 border: 1px solid transparent;
260 background-color: #CCD0DD;
261 padding: 1px 0px;
262}
263
264.treecol-image {
265 padding: 1px;
266}
267
268.treecol-text {
269 margin: 0px !important;
270 padding: 0px !important;
271}
272
273treecol[hideheader="true"] {
274 border: none;
275 padding: 0;
276}
277
278/* ..... internal box ..... */
279
280treecol:hover:active {
281 border: 1px solid #666699;
282 padding: 2px 3px 0px 5px;
283}
284
285treecolpicker:hover:active {
286 border: 1px solid #666699;
287}
288
289.treecol-image:hover:active {
290 padding: 2px 0px 0px 2px;
291}
292
293/* ::::: column drag and drop styles ::::: */
294
295treecol[dragging="true"] {
296 border: 1px solid transparent;
297 background-color: #336699;
298 color: #000000;
299}
300
301treecol[insertafter="true"] {
302 border-right: 1px solid #000000;
303}
304
305treecol[insertbefore="true"] {
306 border-left: 1px solid #000000;
307}
308
309treechildren::-moz-tree-column(insertbefore) {
310 border-left: 1px solid #000000;
311}
312
313treechildren::-moz-tree-column(insertafter) {
314 border-right: 1px solid #000000;
315}
316
317/* ::::: sort direction indicator ::::: */
318
319.treecol-sortdirection {
320 list-style-image: none;
321 width: 8px; /* The image's width is 7 pixels */
322}
323
324.treecol-sortdirection[sortDirection="ascending"] {
325 list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
326}
327
328.treecol-sortdirection[sortDirection="descending"] {
329 list-style-image: url("chrome://global/skin/tree/sort-dsc.gif");
330}
331
332/* ::::: column picker ::::: */
333
334.tree-columnpicker-icon {
335 list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
336}
337
338/* ::::: twisty ::::: */
339
340treechildren::-moz-tree-twisty {
341 padding-right: 2px;
342 padding-top: 1px;
343 width: 11px; /* The image's width is 11 pixels */
344 list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
345}
346
347treechildren::-moz-tree-twisty(open) {
348 width: 11px; /* The image's width is 11 pixels */
349 list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
350}
351
352treechildren::-moz-tree-indentation {
353 width: 11px;
354}
355
356/* ::::: gridline style ::::: */
357
358treechildren.gridlines::-moz-tree-cell {
359 border-right: 1px solid green;
360 border-bottom: 1px solid green;
361}
362
363treechildren.gridlines::-moz-tree-row {
364 border: none;
365}
366
367/* ::::: alternating background ::::: */
368
369treechildren[alternatingbackground="true"]::-moz-tree-row(odd) {
370 background-color: #F5F7FF;
371}
372
373treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected) {
374 background-color: #A0A0A0;
375}
376
377treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected, focus) {
378 background-color: #6699CC;
379}
380
381/* ::::: editable tree ::::: */
382
383treechildren::-moz-tree-row(selected, editing) {
384 background-color: transparent;
385 border: none;
386}
387
388treechildren::-moz-tree-cell-text(selected, editing) {
389 color: inherit;
390}
391
392.tree-input {
393 -moz-appearance: none;
394 border: 1px solid #336699;
395 margin: 0 0 0 -4px;
396 padding: 1px;
397}