1d798428 |
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: #000000; |
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 | -moz-border-radius: 5px; |
20 | border: 1px solid #9C9CFF; |
21 | margin: 1px 5px 2px 5px; |
22 | } |
23 | |
24 | treeitem[selected="true"] > treerow { |
25 | /* color: #000000; */ |
26 | background-color: #008484; |
27 | } |
28 | |
29 | treecell { |
30 | white-space: nowrap; |
31 | vertical-align: middle; |
32 | padding: 1px 0px 1px 2px; |
33 | } |
34 | |
35 | .treecell-header { |
36 | background-color: #9C9CFF; |
37 | color: black; |
38 | vertical-align: middle; |
39 | padding: 0px 0px 0px 5px; |
40 | border-right: 1px solid black; |
41 | } |
42 | |
43 | .treecell-header-image |
44 | { |
45 | background-color: #9C9CFF; |
46 | color: black; |
47 | vertical-align: middle; |
48 | border-right: 1px solid black; |
49 | } |
50 | |
51 | .treecell-inset-header { |
52 | background-color: #9C9CFF; |
53 | border-right: 1px solid black; |
54 | } |
55 | |
56 | tree.inset > treehead > treerow > treecell.sortable:active { |
57 | border-right: 1px solid black; |
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 #9C9CFF; |
66 | border-bottom: 1px solid #9C9CFF; |
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 | -moz-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 : #008484; |
133 | } |
134 | |
135 | .treecell-popup-icon |
136 | { |
137 | list-style-image : url("chrome://global/skin/columnselect.gif"); |
138 | } |
139 | |