2 /******** Tree widget **********/
4 /** basic tree ****************************************************
5 * basic tree widget for use in main windows where no decoration
9 background-color: #000000;
14 /** class="inset" *************************************************
15 * this is the tree class used by dialogs to create treeviews with
16 * inset borders, and default dialog spacing.
19 -moz-border-radius: 5px;
20 border: 1px solid #9C9CFF;
21 margin: 1px 5px 2px 5px;
25 treeitem[selected="true"] > treerow {
27 background-color: #008484;
31 tree:focus > treechildren treeitem[selected="true"] > treerow,
32 treeitem[dd-dropon="true"] > treerow
34 background-color : #008484;
35 /* color : #000000; */
41 vertical-align: middle;
42 padding: 1px 0px 1px 2px;
46 background-color: #9C9CFF;
48 vertical-align: middle;
49 padding: 0px 0px 0px 5px;
50 border-right: 1px solid black;
53 .treecell-header-image
55 background-color: #9C9CFF;
57 vertical-align: middle;
58 border-right: 1px solid black;
61 .treecell-inset-header {
62 background-color: #9C9CFF;
63 border-right: 1px solid black;
66 tree.inset > treehead > treerow > treecell.sortable:active {
67 border-right: 1px solid black;
70 /** class="propertylist" ******************************************
71 * class for cells in grid-formatted property lists.
73 treecell.propertylist {
75 border-right: 1px solid #9C9CFF;
76 border-bottom: 1px solid #9C9CFF;
79 .tree-cell-primary-icon {
80 list-style-image: inherit;
85 list-style-image: inherit;
89 .treecell-indent > .tree-cell-primary-icon {
93 treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {
98 list-style-image: url("chrome://global/skin/closedtwisty.gif");
99 -moz-user-focus:ignore;
103 treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty {
104 list-style-image: url("chrome://global/skin/closedtwisty-selected.gif");
107 .tree-cell-twisty:hover {
108 text-decoration: none;
111 .tree-cell-twisty:active {
112 text-decoration: none;
115 .tree-cell-twisty[disabled="true"] {
116 list-style-image: none;
119 treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
120 list-style-image: url("chrome://global/skin/opentwisty.gif");
123 treeitem[selected="true"][container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
124 list-style-image: url("chrome://global/skin/opentwisty-selected.gif");
128 /* tree header with sort direction indicators */
129 .sortDirectionIndicator[sortDirection="ascending"] > .tree-header-sortdirection {
130 list-style-image: url("chrome://global/skin/sortAscending.gif");
134 .sortDirectionIndicator[sortDirection="descending"] > .tree-header-sortdirection {
135 list-style-image: url("chrome://global/skin/sortDescending.gif");
139 treecol[sortDirection="true"],
140 treecol[sortActive="true"]
142 background-color : #008484;
147 list-style-image : url("chrome://global/skin/columnselect.gif");