2 /******** Tree widget **********/
4 /** basic tree ****************************************************
5 * basic tree widget for use in main windows where no decoration
9 background-color: white;
14 /** class="inset" *************************************************
15 * this is the tree class used by dialogs to create treeviews with
16 * inset borders, and default dialog spacing.
19 border-top: 1px solid #666699;
20 border-bottom: 1px solid white;
21 border-left: 1px solid #666699;
22 border-right: 1px solid white;
23 margin: 1px 3px 2px 3px;
26 treeitem[selected="true"] > treerow,
27 treeitem[dd-dropon="true"] > treerow
30 background-color: #336699;
35 vertical-align: middle;
36 padding: 1px 0px 1px 2px;
40 background-color: #CCD0DD;
42 border-right: 1px solid white;
43 vertical-align: middle;
44 padding: 0px 0px 0px 5px;
47 .treecell-inset-header {
48 background-color: #CCD0DD;
49 border-top: 1px solid white;
50 border-bottom: 1px solid #666699;
51 border-left: 1px solid white;
52 border-right: 1px solid #666699;
55 tree.inset > treehead > treerow > treecell.sortable:active {
56 border-top: 1px solid #666699;
57 border-bottom: 1px solid white;
58 border-left: 1px solid #666699;
59 border-right: 1px solid white;
62 /** class="propertylist" ******************************************
63 * class for cells in grid-formatted property lists.
65 treecell.propertylist {
67 border-right: 1px solid #CCD0DD;
68 border-bottom: 1px solid #CCD0DD;
71 .tree-cell-primary-icon {
72 list-style-image: inherit;
77 list-style-image: inherit;
81 .treecell-indent > .tree-cell-primary-icon {
85 treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {
90 list-style-image: url("chrome://global/skin/closedtwisty.gif");
95 treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty {
96 list-style-image: url("chrome://global/skin/closedtwisty-selected.gif");
99 .tree-cell-twisty:hover {
100 text-decoration: none;
103 .tree-cell-twisty:active {
104 text-decoration: none;
107 .tree-cell-twisty[disabled="true"] {
108 list-style-image: none;
111 treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
112 list-style-image: url("chrome://global/skin/opentwisty.gif");
115 treeitem[selected="true"][container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
116 list-style-image: url("chrome://global/skin/opentwisty-selected.gif");
120 /* tree header with sort direction indicators */
121 .sortDirectionIndicator[sortDirection="ascending"] > .tree-header-sortdirection {
122 list-style-image: url("chrome://global/skin/sortAscending.gif");
126 .sortDirectionIndicator[sortDirection="descending"] > .tree-header-sortdirection {
127 list-style-image: url("chrome://global/skin/sortDescending.gif");
131 treecol[sortDirection="true"],
132 treecol[sortActive="true"]
134 background-color : #DFDFDF;
139 list-style-image : url("chrome://global/skin/columnselect.gif");