toolkit/themes/osx/global/tree.css@6474c204b198
toolkit/themes/osx/global/tree.css
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
5 %include shared.inc
6 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
8 tree {
9 margin: 0px 4px;
10 color: -moz-DialogText;
11 background-color: #FFFFFF;
12 -moz-appearance: listbox;
13 }
15 /* ::::: tree focusring ::::: */
17 .focusring > .tree-stack > .tree-rows > .tree-bodybox {
18 border: 1px solid transparent;
19 }
21 .focusring:focus > .tree-stack > .tree-rows > .tree-bodybox {
22 border: 1px solid -moz-mac-focusring;
23 }
26 /* ::::: tree rows ::::: */
28 treechildren::-moz-tree-row {
29 border-top: 1px solid transparent;
30 height: 18px;
31 background-color: -moz-field;
32 }
34 treechildren:not(.autocomplete-treebody)::-moz-tree-row(multicol, odd) {
35 background-color: -moz-oddtreerow;
36 }
38 treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) {
39 background-color: -moz-mac-secondaryhighlight;
40 }
42 treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, focus) {
43 background-color: Highlight;
44 color: HighlightText;
45 }
47 tree[seltype="cell"] > treechildren::-moz-tree-row,
48 tree[seltype="text"] > treechildren::-moz-tree-row {
49 border-top: none;
50 background-color: transparent;
51 }
53 /* ::::: tree cells ::::: */
55 treechildren::-moz-tree-cell {
56 padding: 0px 2px 0px 2px;
57 }
59 tree[seltype="cell"] > treechildren::-moz-tree-cell-text,
60 tree[seltype="text"] > treechildren::-moz-tree-cell-text,
61 treechildren::-moz-tree-cell-text {
62 color: inherit;
63 }
65 tree[seltype="cell"] > treechildren::-moz-tree-cell {
66 padding: 0px 1px 0px 1px;
67 }
69 tree[seltype="text"] > treechildren::-moz-tree-cell-text {
70 padding: 0px 1px 1px 1px;
71 }
73 treechildren::-moz-tree-cell-text(selected) {
74 color: -moz-DialogText;
75 }
77 tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) {
78 background-color: -moz-mac-secondaryhighlight;
80 }
81 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) {
82 color: -moz-DialogText;
83 }
85 tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) {
86 background-color: -moz-mac-secondaryhighlight;
87 color: -moz-DialogText;
88 }
90 treechildren::-moz-tree-cell-text(selected, focus) {
91 color: HighlightText;
92 }
94 tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) {
95 background-color: Highlight;
96 }
97 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
98 color: HighlightText;
99 }
101 tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
102 background-color: Highlight;
103 color: HighlightText;
104 }
106 /* ::::: lines connecting cells ::::: */
108 treechildren::-moz-tree-line {
109 /* XXX there should be no border on Mac, but trees currently
110 paint the line black by default, so I'll just leave this
111 for now. */
112 visibility: hidden;
113 border: 1px dotted grey;
114 }
117 /* ::::: tree separator ::::: */
119 treechildren::-moz-tree-separator {
120 border-top: 1px dashed #C7C7C7;
121 margin: 0 2px;
122 }
125 /* ::::: drop feedback ::::: */
127 tree[seltype="cell"] > treechildren::-moz-tree-cell(primary, dropOn),
128 tree[seltype="text"] > treechildren::-moz-tree-cell(primary, dropOn),
129 treechildren::-moz-tree-cell(primary, dropOn) {
130 background-color: #A1A1A1 !important;
131 color: #FFF !important;
132 background-image: none;
133 }
134 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn),
135 tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn),
136 treechildren::-moz-tree-cell-text(primary, dropOn) {
137 color: #FFF !important;
138 }
140 treechildren::-moz-tree-drop-feedback {
141 background-color: #A1A1A1;
142 width: 50px;
143 height: 2px;
144 -moz-margin-start: 5px;
145 }
147 /* ::::: tree progress meter ::::: */
149 treechildren::-moz-tree-progressmeter {
150 margin: 2px 4px;
151 border: 2px solid;
152 -moz-border-top-colors: #AAAAAA #000000;
153 -moz-border-right-colors: #FFFFFF #000000;
154 -moz-border-bottom-colors: #FFFFFF #000000;
155 -moz-border-left-colors: #AAAAAA #000000;
156 }
158 /*
159 treechildren::-moz-tree-progressmeter(progressUndetermined) {
160 }
161 */
163 treechildren::-moz-tree-cell-text(progressmeter) {
164 margin: 2px 4px;
165 -moz-appearance: progressbar;
166 }
168 /* ::::: tree columns ::::: */
170 treecol,
171 treecolpicker {
172 -moz-appearance: treeheadercell;
173 -moz-box-align: center;
174 -moz-box-pack: center;
175 border: 2px solid;
176 -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
177 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
178 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
179 -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
180 background-color: -moz-Dialog;
181 color: -moz-DialogText;
182 padding: 0px 4px;
183 }
185 .treecol-image {
186 padding: 0px 1px;
187 }
189 .treecol-text {
190 margin: 0px !important;
191 }
193 treecol[hideheader="true"] {
194 -moz-appearance: none;
195 border: none;
196 padding: 0;
197 max-height: 0px;
198 }
200 /* ..... internal box ..... */
202 treecol:hover:active,
203 treecolpicker:hover:active {
204 border-top: 2px solid;
205 border-bottom: 1px solid;
206 -moz-border-start: 2px solid;
207 -moz-border-end: 1px solid;
208 -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow;
209 -moz-border-right-colors: ThreeDDarkShadow;
210 -moz-border-bottom-colors: ThreeDDarkShadow;
211 -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
212 background-color: #666666;
213 }
215 /* ::::: column drag and drop styles ::::: */
217 treecol[dragging="true"] {
218 -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow !important;
219 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow!important;
220 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important;
221 -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow !important;
222 padding: 0px 4px !important;
223 background-color: ThreeDShadow !important;
224 color: ThreeDHighlight !important;
225 }
227 treecol[insertafter="true"]:-moz-locale-dir(ltr),
228 treecol[insertbefore="true"]:-moz-locale-dir(rtl) {
229 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
230 }
232 treecol[insertafter="true"]:-moz-locale-dir(rtl),
233 treecol[insertbefore="true"]:-moz-locale-dir(ltr) {
234 -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
235 }
237 treechildren::-moz-tree-column(insertbefore) {
238 -moz-border-start: 1px solid ThreeDShadow;
239 }
241 treechildren::-moz-tree-column(insertafter) {
242 -moz-border-end: 1px solid ThreeDShadow;
243 }
245 /* ::::: column picker ::::: */
247 .tree-columnpicker-icon {
248 list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
249 }
251 /* ::::: twisty ::::: */
253 treechildren::-moz-tree-twisty {
254 -moz-appearance: treetwisty;
255 -moz-padding-end: 2px;
256 }
258 treechildren::-moz-tree-twisty(open) {
259 -moz-appearance: treetwistyopen;
260 }
262 treechildren::-moz-tree-twisty(Name, separator) {
263 -moz-appearance: none;
264 }
266 treechildren::-moz-tree-indentation {
267 width: 16px;
268 }
270 /* ::::: gridline style ::::: */
272 treechildren.gridlines::-moz-tree-cell {
273 -moz-border-end: 1px solid GrayText;
274 border-bottom: 1px solid GrayText;
275 }
277 treechildren.gridlines::-moz-tree-row {
278 border: none;
279 }
281 /* ::::: editable tree ::::: */
283 .tree-input {
284 -moz-appearance: none;
285 border-width: 0;
286 box-shadow: @focusRingShadow@;
287 margin: 0;
288 -moz-margin-start: -2px;
289 padding: 2px 1px 1px;
290 }
