2 /******** Tree widget **********/
\r
4 /** basic tree ****************************************************
\r
5 * basic tree widget for use in main windows where no decoration
\r
9 background-color: white;
\r
11 border-spacing: 0px;
\r
14 /** class="inset" *************************************************
\r
15 * this is the tree class used by dialogs to create treeviews with
\r
16 * inset borders, and default dialog spacing.
\r
19 border-top: 1px solid #666699;
\r
20 border-bottom: 1px solid white;
\r
21 border-left: 1px solid #666699;
\r
22 border-right: 1px solid white;
\r
23 margin: 1px 5px 2px 5px;
\r
26 treeitem[selected="true"] > treerow {
\r
28 background-color: #336699;
\r
32 white-space: nowrap;
\r
33 vertical-align: middle;
\r
34 padding: 1px 0px 1px 2px;
\r
38 background-color: #CCD0DD;
\r
40 border-right: 1px solid white;
\r
41 vertical-align: middle;
\r
42 padding: 0px 0px 0px 5px;
\r
45 .treecell-inset-header {
\r
46 background-color: #CCD0DD;
\r
47 border-top: 1px solid white;
\r
48 border-bottom: 1px solid #666699;
\r
49 border-left: 1px solid white;
\r
50 border-right: 1px solid #666699;
\r
53 tree.inset > treehead > treerow > treecell.sortable:active {
\r
54 border-top: 1px solid #666699;
\r
55 border-bottom: 1px solid white;
\r
56 border-left: 1px solid #666699;
\r
57 border-right: 1px solid white;
\r
60 /** class="propertylist" ******************************************
\r
61 * class for cells in grid-formatted property lists.
\r
63 treecell.propertylist {
\r
65 border-right: 1px solid #CCD0DD;
\r
66 border-bottom: 1px solid #CCD0DD;
\r
69 .tree-cell-primary-icon {
\r
70 list-style-image: inherit;
\r
75 list-style-image: inherit;
\r
79 .treecell-indent > .tree-cell-primary-icon {
\r
83 treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {
\r
88 list-style-image: url("chrome://global/skin/closedtwisty.gif");
\r
93 treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty {
\r
94 list-style-image: url("chrome://global/skin/closedtwisty-selected.gif");
\r
97 .tree-cell-twisty:hover {
\r
98 text-decoration: none;
\r
101 .tree-cell-twisty:active {
\r
102 text-decoration: none;
\r
105 .tree-cell-twisty[disabled="true"] {
\r
106 list-style-image: none;
\r
109 treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
\r
110 list-style-image: url("chrome://global/skin/opentwisty.gif");
\r
113 treeitem[selected="true"][container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
\r
114 list-style-image: url("chrome://global/skin/opentwisty-selected.gif");
\r
118 /* tree header with sort direction indicators */
\r
119 .sortDirectionIndicator[sortDirection="ascending"] > .tree-header-sortdirection {
\r
120 list-style-image: url("chrome://global/skin/sortAscending.gif");
\r
124 .sortDirectionIndicator[sortDirection="descending"] > .tree-header-sortdirection {
\r
125 list-style-image: url("chrome://global/skin/sortDescending.gif");
\r
129 treecol[sortDirection="true"],
\r
130 treecol[sortActive="true"]
\r
132 background-color : #DFDFDF;
\r
135 .treecell-popup-icon
\r
137 list-style-image : url("chrome://global/skin/columnselect.gif");
\r