PageRenderTime 50ms CodeModel.GetById 10ms app.highlight 35ms RepoModel.GetById 1ms app.codeStats 1ms

/thunderbird-14.0/comm-release/mozilla/toolkit/themes/gnomestripe/global/tree.css

#
CSS | 392 lines | 258 code | 78 blank | 56 comment | 0 complexity | d54de20c7c91a0338b1240c86aaab36a MD5 | raw file
  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 Mozilla Communicator client code, released
 15 * March 31, 1998.
 16 *
 17 * The Initial Developer of the Original Code is
 18 * Netscape Communications Corporation.
 19 * Portions created by the Initial Developer are Copyright (C) 1998-2001
 20 * the Initial Developer. All Rights Reserved.
 21 *
 22 * Contributor(s):
 23 *   Joe Hewitt (hewitt@netscape.com)
 24 *
 25 * Alternatively, the contents of this file may be used under the terms of
 26 * either the GNU General Public License Version 2 or later (the "GPL"), or
 27 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
 28 * in which case the provisions of the GPL or the LGPL are applicable instead
 29 * of those above. If you wish to allow use of your version of this file only
 30 * under the terms of either the GPL or the LGPL, and not to allow others to
 31 * use your version of this file under the terms of the MPL, indicate your
 32 * decision by deleting the provisions above and replace them with the notice
 33 * and other provisions required by the GPL or the LGPL. If you do not delete
 34 * the provisions above, a recipient may use your version of this file under
 35 * the terms of any one of the MPL, the GPL or the LGPL.
 36 *
 37 * ***** END LICENSE BLOCK ***** */
 38
 39/* ===== tree.css ===================================================
 40  == Styles used by the XUL outline element.
 41  ======================================================================= */
 42
 43@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 44
 45/* ::::: tree ::::: */
 46
 47tree {
 48  margin: 0px 4px;
 49  border: 2px solid;
 50  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
 51  -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
 52  -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
 53  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
 54  background-color: -moz-Field;
 55  color: -moz-FieldText;
 56  -moz-appearance: listbox;
 57}
 58
 59/* ::::: tree focusring ::::: */
 60
 61.focusring > .tree-stack > .tree-rows > .tree-bodybox {
 62  border: 1px solid transparent;  
 63}
 64
 65.focusring:focus > .tree-stack > .tree-rows > .tree-bodybox {
 66  border: 1px solid #000000;
 67}
 68
 69
 70/* ::::: tree rows ::::: */
 71
 72treechildren::-moz-tree-row {
 73  border: 1px solid transparent;
 74  min-height: 18px;
 75  height: 1.3em;
 76}
 77
 78treechildren:not(.autocomplete-treebody)::-moz-tree-row(multicol, odd) {
 79  background-color: -moz-oddtreerow;
 80}
 81
 82treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) {
 83  background-color: -moz-cellhighlight;
 84}
 85
 86treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, focus) {
 87  background-color: Highlight;
 88}
 89
 90treechildren::-moz-tree-row(current, focus) {
 91  border: 1px dotted Highlight;
 92}
 93
 94treechildren::-moz-tree-row(selected, current, focus) {
 95  border: 1px dotted #F3D982;
 96}
 97
 98tree[seltype="cell"] > treechildren::-moz-tree-row,
 99tree[seltype="text"] > treechildren::-moz-tree-row {
100  border: none;
101  background-color: transparent;
102}
103
104/* ::::: tree cells ::::: */
105
106treechildren::-moz-tree-cell {
107  padding: 0px 2px 0px 2px;
108}
109
110tree[seltype="cell"] > treechildren::-moz-tree-cell-text,
111tree[seltype="text"] > treechildren::-moz-tree-cell-text,
112treechildren::-moz-tree-cell-text {
113  color: inherit;
114}
115
116treechildren::-moz-tree-cell-text(selected) {
117  color: -moz-cellhighlighttext;
118}
119
120tree[seltype="cell"] > treechildren::-moz-tree-cell {
121  border: 1px solid transparent;
122  padding: 0px 1px 0px 1px;
123}
124
125tree[seltype="text"] > treechildren::-moz-tree-cell-text {
126  border: 1px solid transparent;
127  padding: 0px 1px 1px 1px;
128}
129
130tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) {
131  background-color: -moz-cellhighlight;
132}
133tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) {
134  color: -moz-cellhighlighttext;
135}
136
137tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) {
138  background-color: -moz-cellhighlight;
139  color: -moz-cellhighlighttext;
140}
141
142treechildren::-moz-tree-cell-text(selected, focus) {
143  color: HighlightText;
144}
145
146tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) {
147  background-color: Highlight;
148}
149
150tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
151  background-color: Highlight;
152}
153
154tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
155  color: HighlightText;
156}
157
158tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
159  color: HighlightText;
160}
161
162tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) {
163  border: 1px dotted #000000;
164}
165
166tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) {
167  border: 1px dotted #000000;
168}
169
170tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, current, focus) {
171  border: 1px dotted #C0C0C0;
172}
173
174tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, current, focus) {
175  border: 1px dotted #C0C0C0;
176}
177
178/* ::::: lines connecting cells ::::: */
179
180tree[seltype="cell"] > treechildren::-moz-tree-line,
181tree[seltype="text"] > treechildren::-moz-tree-line,
182treechildren::-moz-tree-line {
183  border: 1px dotted ThreeDShadow;
184}
185
186tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus),
187treechildren::-moz-tree-line(selected, focus) {
188  border: 1px dotted HighlightText;
189}
190
191
192/* ::::: tree separator ::::: */
193
194treechildren::-moz-tree-separator {
195  border-top: 1px solid ThreeDShadow;
196  border-bottom: 1px solid ThreeDHighlight;
197}
198
199
200/* ::::: drop feedback ::::: */
201
202tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn),
203tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn),
204treechildren::-moz-tree-cell-text(primary, dropOn) {
205  background-color: Highlight;
206  color: HighlightText;
207}
208
209treechildren::-moz-tree-drop-feedback {
210  background-color: Highlight;
211  width: 50px;
212  height: 2px;
213  -moz-margin-start: 5px;
214}
215
216/* ::::: tree progress meter ::::: */
217
218treechildren::-moz-tree-progressmeter {
219  margin: 2px 4px;
220  padding: 1px;
221  border: 1px solid;
222  border-top-color: ThreeDShadow;
223  border-right-color: ThreeDHighlight;
224  border-bottom-color: ThreeDHighlight;
225  border-left-color: ThreeDShadow;
226  background-color: -moz-Dialog;
227  color: ThreeDShadow;
228}
229
230treechildren::-moz-tree-progressmeter(progressUndetermined) {
231  list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
232}
233
234treechildren::-moz-tree-cell-text(progressmeter) {
235  margin: 2px 4px;
236}
237
238/* ::::: tree columns ::::: */
239
240treecol,
241treecolpicker {
242  -moz-appearance: treeheadercell;
243  -moz-box-align: center;
244  -moz-box-pack: center;
245  border: 2px solid;
246  -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
247  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
248  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
249  -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
250  background-color: -moz-Dialog;
251  color: -moz-DialogText;
252  padding: 0px 2px;
253}
254
255treecol:hover,
256treecolpicker:hover {
257  color: -moz-buttonhovertext;
258}
259
260.treecol-image {
261  padding: 0px 1px;
262}
263
264.treecol-text {
265  margin: 0px !important;
266}
267
268treecol[hideheader="true"] {
269  -moz-appearance: none;
270  border: none;
271  padding: 0;
272}
273
274/* ..... internal box ..... */
275
276treecol:hover:active,
277treecolpicker:hover:active {
278  color: ButtonText;
279  border: 2px solid;
280  -moz-border-top-colors: ThreeDShadow -moz-Dialog;
281  -moz-border-right-colors: ThreeDShadow transparent;
282  -moz-border-bottom-colors: ThreeDShadow transparent;
283  -moz-border-left-colors: ThreeDShadow -moz-Dialog;
284  padding-top: 0px;
285  padding-bottom: 0px;
286  -moz-padding-start: 3px;
287  -moz-padding-end: 1px;
288}
289
290.treecol-image:hover:active {
291  padding: 0px;
292  -moz-padding-start: 2px;
293}
294
295treecol:hover:active .treecol-text {
296  margin: 1px 0px -1px 0px !important;
297}
298
299/* ::::: column drag and drop styles ::::: */
300
301treecol[dragging="true"] {
302  -moz-border-top-colors: ThreeDDarkShadow transparent !important;
303  -moz-border-right-colors: ThreeDDarkShadow transparent!important;
304  -moz-border-bottom-colors: ThreeDDarkShadow transparent !important;
305  -moz-border-left-colors: ThreeDDarkShadow transparent !important;
306  background-color: ThreeDShadow !important;
307  color: ThreeDHighlight !important;
308}
309
310treecol[insertafter="true"]:-moz-locale-dir(ltr),
311treecol[insertbefore="true"]:-moz-locale-dir(rtl) {
312  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
313}
314
315treecol[insertafter="true"]:-moz-locale-dir(rtl),
316treecol[insertbefore="true"]:-moz-locale-dir(ltr) {
317  -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
318}
319
320treechildren::-moz-tree-column(insertbefore) {
321  -moz-border-start: 1px solid ThreeDShadow;
322}
323
324treechildren::-moz-tree-column(insertafter) {
325  -moz-border-end: 1px solid ThreeDShadow;
326}
327
328/* ::::: sort direction indicator :::::  */
329
330.treecol-sortdirection {
331  -moz-appearance: treeheadersortarrow;
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
342treechildren::-moz-tree-twisty {
343  -moz-appearance: treetwisty;
344  -moz-padding-end: 4px;
345  padding-top: 1px;
346  width: 9px; /* The image's width is 9 pixels */
347  list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
348}
349
350treechildren::-moz-tree-twisty(open) {
351  -moz-appearance: treetwistyopen;
352  width: 9px; /* The image's width is 9 pixels */
353  list-style-image: url("chrome://global/skin/tree/twisty-open.png");
354}
355
356treechildren::-moz-tree-indentation {
357  width: 18px;
358}
359
360/* ::::: gridline style ::::: */
361
362treechildren.gridlines::-moz-tree-cell {
363  border-right: 1px solid transparent !important;
364  border-bottom: 1px solid transparent !important;
365}
366
367treechildren.gridlines::-moz-tree-row {
368  border: none;
369}
370
371/* ::::: editable tree ::::: */
372
373treechildren::-moz-tree-row(selected, editing) {
374  background-color: transparent;
375  border: none;
376}
377
378treechildren::-moz-tree-cell-text(selected, editing) {
379  color: inherit;
380}
381
382.tree-input {
383  -moz-appearance: none;
384  border: 1px solid Highlight;
385  -moz-border-top-colors: Highlight;
386  -moz-border-bottom-colors: Highlight;
387  -moz-border-left-colors: Highlight;
388  -moz-border-right-colors: Highlight;
389  margin: 0;
390  -moz-margin-start: -4px;
391  padding: 1px;
392}