fbbedfbc |
1 | |
2 | /******** Tree widget **********/ |
3 | |
4 | /** basic tree **************************************************** |
5 | * basic tree widget for use in main windows where no decoration |
6 | * is required. |
7 | **/ |
8 | tree { |
9 | background-color: white; |
10 | border: none; |
11 | border-spacing: 0px; |
12 | } |
13 | |
14 | /** class="inset" ************************************************* |
15 | * this is the tree class used by dialogs to create treeviews with |
16 | * inset borders, and default dialog spacing. |
17 | **/ |
18 | tree.inset { |
19 | border-top: 1px solid #666699; |
20 | border-bottom: 1px solid white; |
21 | border-left: 1px solid #666699; |
22 | border-right: 1px solid white; |
23 | margin: 1px 3px 2px 3px; |
24 | } |
25 | |
08908ab7 |
26 | treeitem[selected="true"] > treerow, |
27 | treeitem[dd-dropon="true"] > treerow |
28 | { |
fbbedfbc |
29 | color: white; |
30 | background-color: #336699; |
08908ab7 |
31 | } |
fbbedfbc |
32 | |
33 | treecell { |
34 | white-space: nowrap; |
35 | vertical-align: middle; |
36 | padding: 1px 0px 1px 2px; |
37 | } |
38 | |
39 | .treecell-header { |
40 | background-color: #CCD0DD; |
41 | color: black; |
42 | border-right: 1px solid white; |
43 | vertical-align: middle; |
44 | padding: 0px 0px 0px 5px; |
45 | } |
46 | |
47 | .treecell-inset-header { |
48 | background-color: #CCD0DD; |
49 | border-top: 1px solid white; |
50 | border-bottom: 1px solid #666699; |
51 | border-left: 1px solid white; |
52 | border-right: 1px solid #666699; |
53 | } |
54 | |
55 | tree.inset > treehead > treerow > treecell.sortable:active { |
56 | border-top: 1px solid #666699; |
57 | border-bottom: 1px solid white; |
58 | border-left: 1px solid #666699; |
59 | border-right: 1px solid white; |
60 | } |
61 | |
62 | /** class="propertylist" ****************************************** |
63 | * class for cells in grid-formatted property lists. |
64 | **/ |
65 | treecell.propertylist { |
66 | padding-left: 5px; |
67 | border-right: 1px solid #CCD0DD; |
68 | border-bottom: 1px solid #CCD0DD; |
69 | } |
70 | |
71 | .tree-cell-primary-icon { |
72 | list-style-image: inherit; |
73 | padding-right: 2px; |
74 | } |
75 | |
76 | .tree-cell-icon { |
77 | list-style-image: inherit; |
78 | padding-right: 2px; |
79 | } |
80 | |
81 | .treecell-indent > .tree-cell-primary-icon { |
82 | padding-left: 14px; |
83 | } |
84 | |
85 | treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon { |
86 | padding-left: 0px; |
87 | } |
88 | |
89 | .tree-cell-twisty { |
90 | list-style-image: url("chrome://global/skin/closedtwisty.gif"); |
91 | user-focus:ignore; |
92 | padding-right: 2px; |
93 | } |
94 | |
95 | treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty { |
96 | list-style-image: url("chrome://global/skin/closedtwisty-selected.gif"); |
97 | } |
98 | |
99 | .tree-cell-twisty:hover { |
100 | text-decoration: none; |
101 | } |
102 | |
103 | .tree-cell-twisty:active { |
104 | text-decoration: none; |
105 | } |
106 | |
107 | .tree-cell-twisty[disabled="true"] { |
108 | list-style-image: none; |
109 | } |
110 | |
111 | treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty { |
112 | list-style-image: url("chrome://global/skin/opentwisty.gif"); |
113 | } |
114 | |
115 | treeitem[selected="true"][container="true"][open="true"] > treerow > treecell > .tree-cell-twisty { |
116 | list-style-image: url("chrome://global/skin/opentwisty-selected.gif"); |
117 | } |
118 | |
119 | |
120 | /* tree header with sort direction indicators */ |
121 | .sortDirectionIndicator[sortDirection="ascending"] > .tree-header-sortdirection { |
122 | list-style-image: url("chrome://global/skin/sortAscending.gif"); |
123 | margin-right: 3px; |
124 | } |
125 | |
126 | .sortDirectionIndicator[sortDirection="descending"] > .tree-header-sortdirection { |
127 | list-style-image: url("chrome://global/skin/sortDescending.gif"); |
128 | margin-right: 3px; |
129 | } |
130 | |
131 | treecol[sortDirection="true"], |
132 | treecol[sortActive="true"] |
133 | { |
134 | background-color : #DFDFDF; |
135 | } |
136 | |
137 | .treecell-popup-icon |
138 | { |
139 | list-style-image : url("chrome://global/skin/columnselect.gif"); |
140 | } |
141 | |
08908ab7 |
142 | |
143 | |