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