2 /******** Tree widget **********/
4 /** basic tree ****************************************************
5 * basic tree widget for use in main windows where no decoration
10 border : 1px inset #CCD0DD;
11 margin : 1px 3px 2px 3px;
12 background-color : white;
16 .tree-container-treerows[dragover="true"][dragdroptree="true"]
20 .tree-container-treerows
24 .tree-container-treerows[dragdroptree="true"]
28 treeitem[selected="true"] > treerow
31 background-color : #336699;
36 list-style-image : none;
41 border : 1px solid transparent;
44 treehead > treeitem > treerow,
52 padding : 0px 0px 1px 2px;
56 tree:focus > treechildren treeitem[selected="true"] > treerow,
57 treeitem[dd-dropon="true"] > treerow
60 background-color : #336699;
63 tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow
65 border : 1px dotted #9999CC;
68 .treecell-header-image
70 list-style-image : inherit;
74 .treecell-inset-header,
75 .treecell-header-image
77 border : 1px outset #CCD0DD;
79 background-color : #CCD0DD;
84 .treecell-header-image-box
90 padding : 0px 4px 0px 4px;
98 .treecell-header-image-box
100 padding : 0px 1px 0px 1px;
103 .treecell-header:hover:active,
104 .treecell-header-image:hover:active,
105 .treecell-inset-header:hover:active
107 border : 1px inset #CCD0DD;
110 .treecell-header:hover:active > .treecell-header-box,
111 .treecell-inset-header:hover:active > .treecell-header-box,
112 .treecell-header-image:hover:active > .treecell-header-image-box
114 border-top : 1px solid transparent;
116 border-bottom : none;
117 border-left : 1px solid transparent;
120 .treecell-header:hover:active > .treecell-header-box,
121 .treecell-inset-header:hover:active > .treecell-header-box
123 padding : 1px 4px 0px 5px;
126 .treecell-header-image:hover:active > .treecell-header-image-box
128 padding : 1px 1px 0px 2px;
136 /* slimline sidebar treeheaders */
137 .treecell-header.treecell-header-sidebarpanel,
138 .treecell-inset-header.treecell-header-sidebarpanel
140 padding : 0px 1px 1px 3px;
143 .treecell-header-sidebarpanel > .treecell-header-box
147 /** class="propertylist" ******************************************
148 * class for cells in grid-formatted property lists.
151 treecell.propertylist
153 border-right : 1px solid #CCD0DD;
154 border-bottom : 1px solid #CCD0DD;
158 .tree-cell-primary-icon,
159 .tree-cell-primary-icon-inline-edit-folder
161 list-style-image : inherit;
167 list-style-image : inherit;
173 list-style-image : url("chrome://global/skin/twisty-closed.gif");
174 -moz-user-focus : ignore;
178 .treecell-indent > .tree-cell-primary-icon
183 treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon
188 .tree-cell-twisty[disabled="true"]
190 list-style-image : none;
193 treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty
195 list-style-image : url("chrome://global/skin/twisty-open.gif");
198 treeitem[empty="true"] > treerow > treecell > .tree-cell-twisty {
202 /* tree header with sort direction indicators */
204 .tree-header-sortdirection
206 list-style-image : none;
209 .sortDirectionIndicator[sortDirection="ascending"] > .treecell-header-box > .tree-header-sortdirection
211 list-style-image : url("chrome://global/skin/sortAscending.gif");
214 .sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection
216 list-style-image : url("chrome://global/skin/sortDescending.gif");
219 /* column selection popup menu icon */
223 list-style-image : url("chrome://global/skin/columnselect.gif");
226 /* Inline Editable Treecells */
228 treerow[mode="inline-edit"]
230 border-top : none !important;
231 border-bottom : none !important;
232 background-color : transparent !important;
235 .inline-edit-cell-box
240 .inline-edit-cell-box[mode="edit"]
245 .inline-edit-cell-box[mode="edit"]