2 /******** Tree widget **********/
4 /** basic tree ****************************************************
5 * basic tree widget for use in main windows where no decoration
11 background-color : white;
15 .tree-container-treerows[dragover="true"][dragdroptree="true"]
19 .tree-container-treerows
23 .tree-container-treerows[dragdroptree="true"]
29 border : 1px inset #CCD0DD;
30 margin : 1px 3px 2px 3px;
33 treeitem[selected="true"] > treerow
36 background-color : #336699;
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
65 background-color : #336699;
68 tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow
70 border : 1px dotted #9999CC;
73 .treecell-header-image
75 list-style-image : inherit;
79 .treecell-inset-header,
80 .treecell-header-image
82 border : 1px outset #CCD0DD;
84 background-color : #CCD0DD;
89 .treecell-header-image-box
95 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 /* tree header with sort direction indicators */
200 .tree-header-sortdirection
202 list-style-image : none;
205 .sortDirectionIndicator[sortDirection="ascending"] > .treecell-header-box > .tree-header-sortdirection
207 list-style-image : url("chrome://global/skin/sortAscending.gif");
210 .sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection
212 list-style-image : url("chrome://global/skin/sortDescending.gif");
215 /* column selection popup menu icon */
219 list-style-image : url("chrome://global/skin/columnselect.gif");
222 /* Inline Editable Treecells */
224 treerow[mode="inline-edit"]
226 border-top : none !important;
227 border-bottom : none !important;
228 background-color : transparent !important;
231 .inline-edit-cell-box
236 .inline-edit-cell-box[mode="edit"]