some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / skin / EarlyBlue / global / tree.css
... / ...
CommitLineData
1
2/******** Tree widget **********/
3
4/** basic tree ****************************************************
5 * basic tree widget for use in main windows where no decoration
6 * is required.
7 **/
8tree
9 {
10 border : none;
11 background-color : white;
12 color : #000000;
13 }
14
15.tree-container-treerows[dragover="true"][dragdroptree="true"]
16 {
17 }
18
19.tree-container-treerows
20 {
21 }
22
23.tree-container-treerows[dragdroptree="true"]
24 {
25 }
26
27tree.inset
28 {
29 border : 1px inset #CCD0DD;
30 margin : 1px 3px 2px 3px;
31 }
32
33treeitem[selected="true"] > treerow
34 {
35 color : white;
36 background-color : #336699;
37 }
38
39treeitem
40 {
41 list-style-image : none;
42 }
43
44treerow
45 {
46 border : 1px solid transparent;
47 }
48
49treehead > treeitem > treerow,
50treehead > treerow
51 {
52 border : none;
53 }
54
55treecell
56 {
57 padding : 0px 0px 1px 2px;
58 white-space : nowrap;
59 }
60
61tree:focus > treechildren treeitem[selected="true"] > treerow,
62treeitem[dd-dropon="true"] > treerow
63 {
64 color : white;
65 background-color : #336699;
66 }
67
68tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow
69 {
70 border : 1px dotted #9999CC;
71 }
72
73.treecell-header-image
74 {
75 list-style-image : inherit;
76 }
77
78.treecell-header,
79.treecell-inset-header,
80.treecell-header-image
81 {
82 border : 1px outset #CCD0DD;
83 padding : 0px;
84 background-color : #CCD0DD;
85 color : #000000;
86 }
87
88.treecell-header-box,
89.treecell-header-image-box
90 {
91 }
92
93.treecell-header-box
94 {
95 padding : 0px 4px 0px 4px;
96 }
97
98.treecell-header-image-box
99 {
100 padding : 0px 1px 0px 1px;
101 }
102
103.treecell-header:hover:active,
104.treecell-header-image:hover:active,
105.treecell-inset-header:hover:active
106 {
107 border : 1px inset #CCD0DD;
108 }
109
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
113 {
114 border-top : 1px solid transparent;
115 border-right : none;
116 border-bottom : none;
117 border-left : 1px solid transparent;
118 }
119
120.treecell-header:hover:active > .treecell-header-box,
121.treecell-inset-header:hover:active > .treecell-header-box
122 {
123 padding : 1px 4px 0px 5px;
124 }
125
126.treecell-header-image:hover:active > .treecell-header-image-box
127 {
128 padding : 1px 1px 0px 2px;
129 }
130
131.treecell-image
132 {
133 padding : 0px;
134 }
135
136/* slimline sidebar treeheaders */
137.treecell-header.treecell-header-sidebarpanel,
138.treecell-inset-header.treecell-header-sidebarpanel
139 {
140 padding : 0px 1px 1px 3px;
141 }
142
143.treecell-header-sidebarpanel > .treecell-header-box
144 {
145 }
146
147/** class="propertylist" ******************************************
148 * class for cells in grid-formatted property lists.
149 **/
150
151treecell.propertylist
152 {
153 border-right : 1px solid #CCD0DD;
154 border-bottom : 1px solid #CCD0DD;
155 padding-left : 5px;
156 }
157
158.tree-cell-primary-icon,
159.tree-cell-primary-icon-inline-edit-folder
160 {
161 list-style-image : inherit;
162 padding-right : 2px;
163 }
164
165.tree-cell-icon
166 {
167 list-style-image : inherit;
168 padding-right : 2px;
169 }
170
171.tree-cell-twisty
172 {
173 list-style-image : url("chrome://global/skin/twisty-closed.gif");
174 -moz-user-focus : ignore;
175 padding-right : 2px;
176 }
177
178.treecell-indent > .tree-cell-primary-icon
179 {
180 padding-left : 14px;
181 }
182
183treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon
184 {
185 padding-left : 0px;
186 }
187
188.tree-cell-twisty[disabled="true"]
189 {
190 list-style-image : none;
191 }
192
193treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty
194 {
195 list-style-image : url("chrome://global/skin/twisty-open.gif");
196 }
197
198/* tree header with sort direction indicators */
199
200.tree-header-sortdirection
201 {
202 list-style-image : none;
203 }
204
205.sortDirectionIndicator[sortDirection="ascending"] > .treecell-header-box > .tree-header-sortdirection
206 {
207 list-style-image : url("chrome://global/skin/sortAscending.gif");
208 }
209
210.sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection
211 {
212 list-style-image : url("chrome://global/skin/sortDescending.gif");
213 }
214
215/* column selection popup menu icon */
216
217.treecell-popup-icon
218 {
219 list-style-image : url("chrome://global/skin/columnselect.gif");
220 }
221
222/* Inline Editable Treecells */
223
224treerow[mode="inline-edit"]
225 {
226 border-top : none !important;
227 border-bottom : none !important;
228 background-color : transparent !important;
229 }
230
231.inline-edit-cell-box
232 {
233 margin-left : 2px;
234 }
235
236.inline-edit-cell-box[mode="edit"]
237 {
238 margin-left : 0px;
239 }
240
241