2 /******** Tree widget **********/
4 /** basic tree ****************************************************
5 * basic tree widget for use in main windows where no decoration
10 background-color : #000000;
15 .tree-container-treerows[dragover="true"][dragdroptree="true"]
19 .tree-container-treerows
23 .tree-container-treerows[dragdroptree="true"]
29 -moz-border-radius : 5px;
30 border : 1px solid #9C9CFF;
31 margin : 1px 3px 2px 3px;
34 treeitem[selected="true"] > treerow
36 background-color : #008484;
41 list-style-image : none;
46 border : 1px solid transparent;
49 treehead > treeitem > treerow,
57 padding : 0px 0px 1px 2px;
61 tree:focus > treechildren treeitem[selected="true"] > treerow,
62 treeitem[dd-dropon="true"] > treerow
64 background-color : #008484;
67 tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow
69 border : 1px dotted #008484;
72 .treecell-header-image
74 list-style-image : inherit;
78 .treecell-inset-header,
79 .treecell-header-image
81 border : 1px solid #000000;
83 background-color : #9C9CFF;
88 .treecell-header-image-box
94 padding : 0px 4px 0px 4px;
97 .treecell-header-image-box
99 padding : 0px 1px 0px 1px;
102 .treecell-header:hover:active,
103 .treecell-header-image:hover:active,
104 .treecell-inset-header:hover:active
106 border : 1px solid #FFCF00;
109 .treecell-header:hover:active > .treecell-header-box,
110 .treecell-inset-header:hover:active > .treecell-header-box,
111 .treecell-header-image:hover:active > .treecell-header-image-box
113 border-top : 1px solid transparent;
115 border-bottom : none;
116 border-left : 1px solid transparent;
119 .treecell-header:hover:active > .treecell-header-box,
120 .treecell-inset-header:hover:active > .treecell-header-box
122 padding : 1px 4px 0px 5px;
125 .treecell-header-image:hover:active > .treecell-header-image-box
127 padding : 1px 1px 0px 2px;
135 /* slimline sidebar treeheaders */
136 .treecell-header.treecell-header-sidebarpanel,
137 .treecell-inset-header.treecell-header-sidebarpanel
139 padding : 0px 1px 1px 3px;
142 .treecell-header-sidebarpanel > .treecell-header-box
146 /** class="propertylist" ******************************************
147 * class for cells in grid-formatted property lists.
150 treecell.propertylist
152 border-right : 1px solid #9C9CFF;
153 border-bottom : 1px solid #9C9CFF;
157 .tree-cell-primary-icon,
158 .tree-cell-primary-icon-inline-edit-folder
160 list-style-image : inherit;
166 list-style-image : inherit;
172 list-style-image : url("chrome://global/skin/twisty-closed.gif");
173 -moz-user-focus : ignore;
177 .treecell-indent > .tree-cell-primary-icon
182 treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon
187 .tree-cell-twisty[disabled="true"]
189 list-style-image : none;
192 treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty
194 list-style-image : url("chrome://global/skin/twisty-open.gif");
197 treeitem[empty="true"] > treerow > treecell > .tree-cell-twisty {
201 /* tree header with sort direction indicators */
203 .tree-header-sortdirection
205 list-style-image : none;
208 .sortDirectionIndicator[sortDirection="ascending"] > .treecell-header-box > .tree-header-sortdirection
210 list-style-image : url("chrome://global/skin/sortAscending.gif");
213 .sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection
215 list-style-image : url("chrome://global/skin/sortDescending.gif");
218 treecol[sortDirection="true"],
219 treecol[sortActive="true"]
221 background-color : #008484;
224 /* column selection popup menu icon */
228 list-style-image : url("chrome://global/skin/columnselect.gif");
231 /* Inline Editable Treecells */
233 treerow[mode="inline-edit"]
235 border-top : none !important;
236 border-bottom : none !important;
237 background-color : transparent !important;
240 .inline-edit-cell-box
245 .inline-edit-cell-box[mode="edit"]