test rule for non-mac detection
[themes.git] / EarlyBlue / global / tree.css
CommitLineData
9099c61d
RK
1/* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
128000f4 4
e1597424 5/* ===== tree.css =======================================================
6 == Styles used by the XUL tree element.
7 ======================================================================= */
f6e0a33f 8
e181d49e
RK
9@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10
e1597424 11/* ::::: tree ::::: */
12
13tree {
e181d49e 14 margin: 0px;
e1597424 15 border: 1px inset #CCD0DD;
16 background-color: #FFFFFF;
76983f4c 17 color: #000000;
e1597424 18}
19
b618d1fd 20/* ::::: tree focusring ::::: */
21
1d4ddf30 22.focusring > .tree-stack > .tree-rows > .tree-bodybox {
b618d1fd 23 border: 1px solid transparent;
24}
25
024ec655 26.focusring:-moz-focusring > .tree-stack > .tree-rows > .tree-bodybox {
b618d1fd 27 border: 1px solid #000000;
28}
b618d1fd 29
e1597424 30/* ::::: tree rows ::::: */
31
a1f525f0 32treechildren::-moz-tree-row {
e1597424 33 border: 1px solid transparent;
b618d1fd 34 background-color: transparent;
f2450795 35 min-height: 18px;
36 height: 1.3em;
e1597424 37}
38
a1f525f0 39treechildren::-moz-tree-row(selected) {
e1597424 40 background-color: #808080;
41}
42
a1f525f0 43treechildren::-moz-tree-row(selected, focus) {
e1597424 44 background-color: #336699;
45}
46
a1f525f0 47treechildren::-moz-tree-row(current, focus) {
e1597424 48 border: 1px dotted #9999CC;
49}
50
a1f525f0 51treechildren::-moz-tree-row(selected, current, focus) {
459f2165 52 border: 1px dotted #666699;
53}
54
1d4ddf30 55tree[seltype="cell"] > treechildren::-moz-tree-row,
56tree[seltype="text"] > treechildren::-moz-tree-row {
aa277310 57 border: none;
58 background-color: transparent;
59}
60
e1597424 61/* ::::: tree cells ::::: */
62
a1f525f0 63treechildren::-moz-tree-cell {
e181d49e 64 padding: 0px 2px;
e1597424 65}
66
1d4ddf30 67tree[seltype="cell"] > treechildren::-moz-tree-cell-text,
68tree[seltype="text"] > treechildren::-moz-tree-cell-text,
a1f525f0 69treechildren::-moz-tree-cell-text {
e1597424 70 color: inherit;
e1597424 71}
72
a1f525f0 73treechildren::-moz-tree-cell-text(selected) {
e1597424 74 color: #FFFFFF;
75}
76
1d4ddf30 77tree[seltype="cell"] > treechildren::-moz-tree-cell {
78 border: 1px solid transparent;
02920d2b 79 padding: 0px 1px;
1d4ddf30 80}
81
82tree[seltype="text"] > treechildren::-moz-tree-cell-text {
f2d09376 83 border: 1px solid transparent;
02920d2b 84 padding: 0px 1px 1px;
aa277310 85}
86
1d4ddf30 87tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) {
88 background-color: #808080;
89}
90tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) {
91 color: #FFFFFF;
92}
93
94tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) {
b618d1fd 95 background-color: #808080;
96 color: #FFFFFF;
97}
98
a1f525f0 99treechildren::-moz-tree-cell-text(selected, focus) {
e1597424 100 color: #FFFFFF;
101}
102
1d4ddf30 103tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) {
b618d1fd 104 background-color: #336699;
1d4ddf30 105}
106tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
b618d1fd 107 color: #FFFFFF;
108}
109
1d4ddf30 110tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
111 background-color: #336699;
112 color: #FFFFFF;
113}
114
115tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) {
116 border: 1px dotted #9999CC;
117}
118
119tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) {
b618d1fd 120 border: 1px dotted #9999CC;
121}
122
1d4ddf30 123tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, current, focus) {
124 border: 1px dotted #666699;
125}
126
127tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, current, focus) {
b618d1fd 128 border: 1px dotted #666699;
129}
130
e1597424 131/* ::::: lines connecting cells ::::: */
132
1d4ddf30 133tree[seltype="cell"] > treechildren::-moz-tree-line,
134tree[seltype="text"] > treechildren::-moz-tree-line,
a1f525f0 135treechildren::-moz-tree-line {
e1597424 136 visibility: hidden;
137}
138
1d4ddf30 139tree[seltype="cell"] > treechildren::-moz-tree-line,
140tree[seltype="text"] > treechildren::-moz-tree-line,
a1f525f0 141treechildren::-moz-tree-line {
726e083d 142 border: 1px dotted #CCD0DD;
e1597424 143}
144
1d4ddf30 145tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus),
a1f525f0 146treechildren::-moz-tree-line(selected, focus) {
726e083d 147 border: 1px dotted #666699;
e1597424 148}
e1597424 149
150/* ::::: tree separator ::::: */
151
a1f525f0 152treechildren::-moz-tree-separator {
76983f4c 153 margin-top: 1px;
e1597424 154 border: 1px outset #CCD0DD;
76983f4c 155 height: 2px;
e1597424 156}
157
158/* ::::: drop feedback ::::: */
159
f128e38f
RK
160treechildren::-moz-tree-row(dropOn) {
161 background-color: #336699;
162}
163
1d4ddf30 164tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn),
165tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn),
a1f525f0 166treechildren::-moz-tree-cell-text(dropOn) {
e1597424 167 color: #FFFFFF;
168}
169
a1f525f0 170treechildren::-moz-tree-drop-feedback {
e1597424 171 background-color: #336699;
172 width: 50px;
173 height: 2px;
6daee013 174 -moz-margin-start: 5px;
e1597424 175}
176
a1f525f0 177treechildren::-moz-tree-drop-feedback(selected) {
e1597424 178 background-color: #FFFFFF;
179}
180
76983f4c 181/* ::::: tree checkbox ::::: */
182
183treechildren::-moz-tree-checkbox {
184 list-style-image: url("chrome://global/skin/tree/checkbox.gif");
185}
186
187treechildren::-moz-tree-checkbox(checked) {
188 list-style-image: url("chrome://global/skin/tree/checkbox-checked.gif");
189}
190
f2450795 191/* ::::: tree progress meter ::::: */
192
a1f525f0 193treechildren::-moz-tree-progressmeter {
f2450795 194 margin: 0px 0px;
195 border: 1px inset #CCD0DD;
196 background-color: #999999;
197 color: #6699CC;
198}
199
a1f525f0 200treechildren::-moz-tree-progressmeter(progressUndetermined) {
f2450795 201 list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
202 background-color: #CCD0DD;
203}
204
a1f525f0 205treechildren::-moz-tree-cell-text(progressmeter) {
f2450795 206 margin: 2px 4px;
207}
208
e1597424 209/* ::::: tree columns ::::: */
210
76983f4c 211treecol {
e1597424 212 -moz-box-align: center;
213 -moz-box-pack: center;
214 border: 1px outset #CCD0DD;
215 background-color: #CCD0DD;
216 color: #000000;
217 padding: 1px 4px;
218}
219
76983f4c 220treecolpicker {
e1597424 221 -moz-box-align: center;
222 -moz-box-pack: center;
223 border: 1px solid transparent;
224 background-color: #CCD0DD;
225 padding: 1px 0px;
226}
227
228.treecol-image {
e181d49e 229 padding: 0 1px;
e1597424 230}
76983f4c 231
e1597424 232.treecol-text {
233 margin: 0px !important;
234 padding: 0px !important;
235}
236
cc973dd9 237treecol[hideheader="true"] {
238 border: none;
239 padding: 0;
240}
241
e1597424 242/* ..... internal box ..... */
243
244treecol:hover:active {
245 border: 1px solid #666699;
6daee013
RK
246 padding-top: 2px;
247 padding-bottom: 0px;
248 -moz-padding-start: 5px;
249 -moz-padding-end: 3px;
e1597424 250}
251
252treecolpicker:hover:active {
253 border: 1px solid #666699;
254}
255
256.treecol-image:hover:active {
6daee013
RK
257 padding-top: 2px;
258 padding-bottom: 0px;
259 -moz-padding-start: 2px;
260 -moz-padding-end: 0px;
e1597424 261}
262
263/* ::::: column drag and drop styles ::::: */
264
265treecol[dragging="true"] {
266 border: 1px solid transparent;
267 background-color: #336699;
268 color: #000000;
269}
270
3b1530c2
RK
271treecol[insertafter="true"]:-moz-locale-dir(ltr),
272treecol[insertbefore="true"]:-moz-locale-dir(rtl) {
e1597424 273 border-right: 1px solid #000000;
274}
275
3b1530c2
RK
276treecol[insertafter="true"]:-moz-locale-dir(rtl),
277treecol[insertbefore="true"]:-moz-locale-dir(ltr) {
e1597424 278 border-left: 1px solid #000000;
279}
280
a1f525f0 281treechildren::-moz-tree-column(insertbefore) {
18f5421a 282 -moz-border-start: 1px solid #000000;
e1597424 283}
284
a1f525f0 285treechildren::-moz-tree-column(insertafter) {
18f5421a 286 -moz-border-end: 1px solid #000000;
e1597424 287}
288
289/* ::::: sort direction indicator ::::: */
290
291.treecol-sortdirection {
292 list-style-image: none;
76983f4c 293 width: 8px; /* The image's width is 7 pixels */
e1597424 294}
295
e181d49e 296treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"] {
e1597424 297 list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
298}
299
e181d49e
RK
300treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"] {
301 list-style-image: url("chrome://global/skin/tree/sort-desc.gif");
e1597424 302}
303
304/* ::::: column picker ::::: */
305
306.tree-columnpicker-icon {
307 list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
308}
309
310/* ::::: twisty ::::: */
311
a1f525f0 312treechildren::-moz-tree-twisty {
6daee013 313 -moz-padding-end: 2px;
f2450795 314 padding-top: 1px;
315 width: 11px; /* The image's width is 11 pixels */
e1597424 316 list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
317}
76983f4c 318
a1f525f0 319treechildren::-moz-tree-twisty(open) {
f2450795 320 width: 11px; /* The image's width is 11 pixels */
e1597424 321 list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
322}
323
a1f525f0 324treechildren::-moz-tree-indentation {
f2450795 325 width: 11px;
e1597424 326}
327
328/* ::::: gridline style ::::: */
329
a1f525f0 330treechildren.gridlines::-moz-tree-cell {
e1597424 331 border-right: 1px solid green;
332 border-bottom: 1px solid green;
333}
334
a1f525f0 335treechildren.gridlines::-moz-tree-row {
e1597424 336 border: none;
b618d1fd 337}
76983f4c 338
339/* ::::: alternating background ::::: */
340
341treechildren[alternatingbackground="true"]::-moz-tree-row(odd) {
342 background-color: #F5F7FF;
343}
344
345treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected) {
346 background-color: #A0A0A0;
347}
348
349treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected, focus) {
350 background-color: #6699CC;
351}
1d4ddf30 352
353/* ::::: editable tree ::::: */
354
355treechildren::-moz-tree-row(selected, editing) {
356 background-color: transparent;
357 border: none;
358}
359
360treechildren::-moz-tree-cell-text(selected, editing) {
361 color: inherit;
362}
363
364.tree-input {
1d4ddf30 365 border: 1px solid #336699;
6daee013
RK
366 margin: 0;
367 -moz-margin-start: -4px;
1d4ddf30 368 padding: 1px;
369}