1/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
4
5/* Small icons for file types, used in lists and menus. */
6[file-type-icon] {
7  background-image: -webkit-image-set(
8      url('chrome://theme/IDR_FILETYPE_GENERIC') 1x,
9      url('chrome://theme/IDR_FILETYPE_GENERIC@2x') 2x);
10  background-position: center;
11  background-repeat: no-repeat;
12  background-size: 16px 16px;
13}
14
15tree:focus .tree-item[selected] > .tree-row > [file-type-icon],
16list:focus [selected] [file-type-icon],
17list.autocomplete-suggestions [selected] [file-type-icon] {
18  background-image: -webkit-image-set(
19      url('chrome://theme/IDR_FILETYPE_GENERIC_WHITE') 1x,
20      url('chrome://theme/IDR_FILETYPE_GENERIC_WHITE@2x') 2x);
21}
22
23[file-type-icon='archive'] {
24  background-image: -webkit-image-set(
25      url('chrome://theme/IDR_FILETYPE_ARCHIVE') 1x,
26      url('chrome://theme/IDR_FILETYPE_ARCHIVE@2x') 2x);
27}
28
29tree:focus .tree-item[selected] > .tree-row > [file-type-icon='archive'],
30list:focus [selected] [file-type-icon='archive'],
31list.autocomplete-suggestions [selected] [file-type-icon='archive'] {
32  background-image: -webkit-image-set(
33      url('chrome://theme/IDR_FILETYPE_ARCHIVE_WHITE') 1x,
34      url('chrome://theme/IDR_FILETYPE_ARCHIVE_WHITE@2x') 2x);
35}
36
37[file-type-icon='audio'] {
38  background-image: -webkit-image-set(
39      url('chrome://theme/IDR_FILETYPE_AUDIO') 1x,
40      url('chrome://theme/IDR_FILETYPE_AUDIO@2x') 2x);
41}
42
43tree:focus .tree-item[selected] > .tree-row > [file-type-icon='audio'],
44list:focus [selected] [file-type-icon='audio'],
45list.autocomplete-suggestions [selected] [file-type-icon='audio'] {
46  background-image: -webkit-image-set(
47      url('chrome://theme/IDR_FILETYPE_AUDIO_WHITE') 1x,
48      url('chrome://theme/IDR_FILETYPE_AUDIO_WHITE@2x') 2x);
49}
50
51[file-type-icon='excel'] {
52  background-image: -webkit-image-set(
53      url('chrome://theme/IDR_FILETYPE_EXCEL') 1x,
54      url('chrome://theme/IDR_FILETYPE_EXCEL@2x') 2x);
55}
56
57tree:focus .tree-item[selected] > .tree-row > [file-type-icon='excel'],
58list:focus [selected] [file-type-icon='excel'],
59list.autocomplete-suggestions [selected] [file-type-icon='excel'] {
60  background-image: -webkit-image-set(
61      url('chrome://theme/IDR_FILETYPE_EXCEL_WHITE') 1x,
62      url('chrome://theme/IDR_FILETYPE_EXCEL_WHITE@2x') 2x);
63}
64
65[file-type-icon='folder'] {
66  background-image: -webkit-image-set(
67      url('chrome://theme/IDR_FILETYPE_FOLDER') 1x,
68      url('chrome://theme/IDR_FILETYPE_FOLDER@2x') 2x);
69}
70
71.shared[file-type-icon='folder'] {
72  background-image: -webkit-image-set(
73      url('chrome://theme/IDR_FILETYPE_FOLDER_SHARED') 1x,
74      url('chrome://theme/IDR_FILETYPE_FOLDER_SHARED@2x') 2x);
75}
76
77tree:focus .tree-item[selected] > .tree-row > .shared[file-type-icon='folder'],
78list:focus [selected] .shared[file-type-icon='folder'],
79list.autocomplete-suggestions [selected] .shared[file-type-icon='folder'] {
80  background-image: -webkit-image-set(
81      url('chrome://theme/IDR_FILETYPE_FOLDER_SHARED_WHITE') 1x,
82      url('chrome://theme/IDR_FILETYPE_FOLDER_SHARED_WHITE@2x') 2x);
83}
84
85tree:focus .tree-item[selected] > .tree-row > [file-type-icon='folder'],
86list:focus [selected] [file-type-icon='folder'],
87list.autocomplete-suggestions [selected] [file-type-icon='folder'] {
88  background-image: -webkit-image-set(
89      url('chrome://theme/IDR_FILETYPE_FOLDER_WHITE') 1x,
90      url('chrome://theme/IDR_FILETYPE_FOLDER_WHITE@2x') 2x);
91}
92
93[file-type-icon='form'] {
94  background-image: -webkit-image-set(
95      url('chrome://theme/IDR_FILETYPE_FORM') 1x,
96      url('chrome://theme/IDR_FILETYPE_FORM@2x') 2x);
97}
98
99tree:focus .tree-item[selected] > .tree-row > [file-type-icon='form'],
100list:focus [selected] [file-type-icon='form'],
101list.autocomplete-suggestions [selected] [file-type-icon='form'] {
102  background-image: -webkit-image-set(
103      url('chrome://theme/IDR_FILETYPE_FORM_WHITE') 1x,
104      url('chrome://theme/IDR_FILETYPE_FORM_WHITE@2x') 2x);
105}
106
107[file-type-icon='gdoc'] {
108  background-image: -webkit-image-set(
109      url('chrome://theme/IDR_FILETYPE_GDOC') 1x,
110      url('chrome://theme/IDR_FILETYPE_GDOC@2x') 2x);
111}
112
113tree:focus .tree-item[selected] > .tree-row > [file-type-icon='gdoc'],
114list:focus [selected] [file-type-icon='gdoc'],
115list.autocomplete-suggestions [selected] [file-type-icon='gdoc'] {
116  background-image: -webkit-image-set(
117      url('chrome://theme/IDR_FILETYPE_GDOC_WHITE') 1x,
118      url('chrome://theme/IDR_FILETYPE_GDOC_WHITE@2x') 2x);
119}
120
121[file-type-icon='gdraw'] {
122  background-image: -webkit-image-set(
123      url('chrome://theme/IDR_FILETYPE_GDRAW') 1x,
124      url('chrome://theme/IDR_FILETYPE_GDRAW@2x') 2x);
125}
126
127tree:focus .tree-item[selected] > .tree-row > [file-type-icon='gdraw'],
128list:focus [selected] [file-type-icon='gdraw'],
129list.autocomplete-suggestions [selected] [file-type-icon='gdraw'] {
130  background-image: -webkit-image-set(
131      url('chrome://theme/IDR_FILETYPE_GDRAW_WHITE') 1x,
132      url('chrome://theme/IDR_FILETYPE_GDRAW_WHITE@2x') 2x);
133}
134
135[file-type-icon='glink'] {
136  background-image: -webkit-image-set(
137      url('chrome://theme/IDR_FILETYPE_GLINK') 1x,
138      url('chrome://theme/IDR_FILETYPE_GLINK@2x') 2x);
139}
140
141tree:focus .tree-item[selected] > .tree-row > [file-type-icon='glink'],
142list:focus [selected] [file-type-icon='glink'],
143list.autocomplete-suggestions [selected] [file-type-icon='glink'] {
144  background-image: -webkit-image-set(
145      url('chrome://theme/IDR_FILETYPE_GLINK_WHITE') 1x,
146      url('chrome://theme/IDR_FILETYPE_GLINK_WHITE@2x') 2x);
147}
148
149[file-type-icon='gsheet'] {
150  background-image: -webkit-image-set(
151      url('chrome://theme/IDR_FILETYPE_GSHEET') 1x,
152      url('chrome://theme/IDR_FILETYPE_GSHEET@2x') 2x);
153}
154
155tree:focus .tree-item[selected] > .tree-row > [file-type-icon='gsheet'],
156list:focus [selected] [file-type-icon='gsheet'],
157list.autocomplete-suggestions [selected] [file-type-icon='gsheet'] {
158  background-image: -webkit-image-set(
159      url('chrome://theme/IDR_FILETYPE_GSHEET_WHITE') 1x,
160      url('chrome://theme/IDR_FILETYPE_GSHEET_WHITE@2x') 2x);
161}
162
163[file-type-icon='gslides'] {
164  background-image: -webkit-image-set(
165      url('chrome://theme/IDR_FILETYPE_GSLIDES') 1x,
166      url('chrome://theme/IDR_FILETYPE_GSLIDES@2x') 2x);
167}
168
169tree:focus .tree-item[selected] > .tree-row > [file-type-icon='gslides'],
170list:focus [selected] [file-type-icon='gslides'],
171list.autocomplete-suggestions [selected] [file-type-icon='gslides'] {
172  background-image: -webkit-image-set(
173      url('chrome://theme/IDR_FILETYPE_GSLIDES_WHITE') 1x,
174      url('chrome://theme/IDR_FILETYPE_GSLIDES_WHITE@2x') 2x);
175}
176
177[file-type-icon='gtable'] {
178  background-image: -webkit-image-set(
179      url('chrome://theme/IDR_FILETYPE_GTABLE') 1x,
180      url('chrome://theme/IDR_FILETYPE_GTABLE@2x') 2x);
181}
182
183tree:focus .tree-item[selected] > .tree-row > [file-type-icon='gtable'],
184list:focus [selected] [file-type-icon='gtable'],
185list.autocomplete-suggestions [selected] [file-type-icon='gtable'] {
186  background-image: -webkit-image-set(
187      url('chrome://theme/IDR_FILETYPE_GTABLE_WHITE') 1x,
188      url('chrome://theme/IDR_FILETYPE_GTABLE_WHITE@2x') 2x);
189}
190
191[file-type-icon='gform'] {
192  background-image: -webkit-image-set(
193      url('chrome://theme/IDR_FILETYPE_FORM') 1x,
194      url('chrome://theme/IDR_FILETYPE_FORM@2x') 2x);
195}
196
197tree:focus .tree-item[selected] > .tree-row > [file-type-icon='gform'],
198list:focus [selected] [file-type-icon='gform'],
199list.autocomplete-suggestions [selected] [file-type-icon='gform'] {
200  background-image: -webkit-image-set(
201      url('chrome://theme/IDR_FILETYPE_FORM_WHITE') 1x,
202      url('chrome://theme/IDR_FILETYPE_FORM_WHITE@2x') 2x);
203}
204
205[file-type-icon='image'] {
206  background-image: -webkit-image-set(
207      url('chrome://theme/IDR_FILETYPE_IMAGE') 1x,
208      url('chrome://theme/IDR_FILETYPE_IMAGE@2x') 2x);
209}
210
211tree:focus .tree-item[selected] > .tree-row > [file-type-icon='image'],
212list:focus [selected] [file-type-icon='image'],
213list.autocomplete-suggestions [selected] [file-type-icon='image'] {
214  background-image: -webkit-image-set(
215      url('chrome://theme/IDR_FILETYPE_IMAGE_WHITE') 1x,
216      url('chrome://theme/IDR_FILETYPE_IMAGE_WHITE@2x') 2x);
217}
218
219[file-type-icon='pdf'] {
220  background-image: -webkit-image-set(
221      url('chrome://theme/IDR_FILETYPE_PDF') 1x,
222      url('chrome://theme/IDR_FILETYPE_PDF@2x') 2x);
223}
224
225tree:focus .tree-item[selected] > .tree-row > [file-type-icon='pdf'],
226list:focus [selected] [file-type-icon='pdf'],
227list.autocomplete-suggestions [selected] [file-type-icon='pdf'] {
228  background-image: -webkit-image-set(
229      url('chrome://theme/IDR_FILETYPE_PDF_WHITE') 1x,
230      url('chrome://theme/IDR_FILETYPE_PDF_WHITE@2x') 2x);
231}
232
233[file-type-icon='ppt'] {
234  background-image: -webkit-image-set(
235      url('chrome://theme/IDR_FILETYPE_PPT') 1x,
236      url('chrome://theme/IDR_FILETYPE_PPT@2x') 2x);
237}
238
239tree:focus .tree-item[selected] > .tree-row > [file-type-icon='ppt'],
240list:focus [selected] [file-type-icon='ppt'],
241list.autocomplete-suggestions [selected] [file-type-icon='ppt'] {
242  background-image: -webkit-image-set(
243      url('chrome://theme/IDR_FILETYPE_PPT_WHITE') 1x,
244      url('chrome://theme/IDR_FILETYPE_PPT_WHITE@2x') 2x);
245}
246
247[file-type-icon='script'] {
248  background-image: -webkit-image-set(
249      url('chrome://theme/IDR_FILETYPE_SCRIPT') 1x,
250      url('chrome://theme/IDR_FILETYPE_SCRIPT@2x') 2x);
251}
252
253tree:focus .tree-item[selected] > .tree-row > [file-type-icon='script'],
254list:focus [selected] [file-type-icon='script'],
255list.autocomplete-suggestions [selected] [file-type-icon='script'] {
256  background-image: -webkit-image-set(
257      url('chrome://theme/IDR_FILETYPE_SCRIPT_WHITE') 1x,
258      url('chrome://theme/IDR_FILETYPE_SCRIPT_WHITE@2x') 2x);
259}
260
261[file-type-icon='sites'] {
262  background-image: -webkit-image-set(
263      url('chrome://theme/IDR_FILETYPE_SITES') 1x,
264      url('chrome://theme/IDR_FILETYPE_SITES@2x') 2x);
265}
266
267tree:focus .tree-item[selected] > .tree-row > [file-type-icon='sites'],
268list:focus [selected] [file-type-icon='sites'],
269list.autocomplete-suggestions [selected] [file-type-icon='sites'] {
270  background-image: -webkit-image-set(
271      url('chrome://theme/IDR_FILETYPE_SITES_WHITE') 1x,
272      url('chrome://theme/IDR_FILETYPE_SITES_WHITE@2x') 2x);
273}
274
275[file-type-icon='video'] {
276  background-image: -webkit-image-set(
277      url('chrome://theme/IDR_FILETYPE_VIDEO') 1x,
278      url('chrome://theme/IDR_FILETYPE_VIDEO@2x') 2x);
279}
280
281tree:focus .tree-item[selected] > .tree-row > [file-type-icon='video'],
282list:focus [selected] [file-type-icon='video'],
283list.autocomplete-suggestions [selected] [file-type-icon='video'] {
284  background-image: -webkit-image-set(
285      url('chrome://theme/IDR_FILETYPE_VIDEO_WHITE') 1x,
286      url('chrome://theme/IDR_FILETYPE_VIDEO_WHITE@2x') 2x);
287}
288
289[file-type-icon='word'] {
290  background-image: -webkit-image-set(
291      url('chrome://theme/IDR_FILETYPE_WORD') 1x,
292      url('chrome://theme/IDR_FILETYPE_WORD@2x') 2x);
293}
294
295tree:focus .tree-item[selected] > .tree-row > [file-type-icon='word'],
296list:focus [selected] [file-type-icon='word'],
297list.autocomplete-suggestions [selected] [file-type-icon='word'] {
298  background-image: -webkit-image-set(
299      url('chrome://theme/IDR_FILETYPE_WORD_WHITE') 1x,
300      url('chrome://theme/IDR_FILETYPE_WORD_WHITE@2x') 2x);
301}
302
303[file-type-icon='drive'] {
304  background-image: -webkit-image-set(
305      url('chrome://theme/IDR_FILETYPE_DRIVE') 1x,
306      url('chrome://theme/IDR_FILETYPE_DRIVE@2x') 2x);
307}
308
309/* Large generic thumbnails, used when a file does not have a thumbnail. */
310[generic-thumbnail] {
311  background-image: -webkit-image-set(
312      url('chrome://theme/IDR_FILETYPE_LARGE_GENERIC') 1x,
313      url('chrome://theme/IDR_FILETYPE_LARGE_GENERIC@2x') 2x);
314  background-position: center center;
315  background-repeat: no-repeat;
316}
317
318[generic-thumbnail='audio'] {
319  background-image: -webkit-image-set(
320      url('chrome://theme/IDR_FILETYPE_LARGE_AUDIO') 1x,
321      url('chrome://theme/IDR_FILETYPE_LARGE_AUDIO@2x') 2x);
322}
323
324[generic-thumbnail='folder'] {
325  background-image: -webkit-image-set(
326      url('chrome://theme/IDR_FILETYPE_LARGE_FOLDER') 1x,
327      url('chrome://theme/IDR_FILETYPE_LARGE_FOLDER@2x') 2x);
328}
329
330.shared[generic-thumbnail='folder'] {
331  background-image: -webkit-image-set(
332      url('chrome://theme/IDR_FILETYPE_LARGE_FOLDER_SHARED') 1x,
333      url('chrome://theme/IDR_FILETYPE_LARGE_FOLDER_SHARED@2x') 2x);
334}
335
336[generic-thumbnail='image'] {
337  background-image: -webkit-image-set(
338      url('chrome://theme/IDR_FILETYPE_LARGE_IMAGE') 1x,
339      url('chrome://theme/IDR_FILETYPE_LARGE_IMAGE@2x') 2x);
340}
341
342[generic-thumbnail='video'] {
343  background-image: -webkit-image-set(
344      url('chrome://theme/IDR_FILETYPE_LARGE_VIDEO') 1x,
345      url('chrome://theme/IDR_FILETYPE_LARGE_VIDEO@2x') 2x);
346}
347
348/* Icons for volume types. */
349
350[volume-type-icon='archive'] {
351  background-position: center 2px;
352  background-image: -webkit-image-set(
353      url('../images/volumes/black_archive.png') 1x,
354      url('../images/volumes/2x/black_archive.png') 2x);
355}
356
357list:focus li[selected] [volume-type-icon='archive'],
358tree:focus .tree-item[selected] > .tree-row > [volume-type-icon='archive'] {
359  background-image: -webkit-image-set(
360      url('../images/volumes/white_archive.png') 1x,
361      url('../images/volumes/2x/white_archive.png') 2x);
362}
363
364[volume-type-icon='downloads'] {
365  background-position: center 2px;
366  background-image: -webkit-image-set(
367      url('../images/volumes/black_downloads.png') 1x,
368      url('../images/volumes/2x/black_downloads.png') 2x);
369}
370
371list:focus li[selected] [volume-type-icon='downloads'],
372tree:focus .tree-item[selected] > .tree-row > [volume-type-icon='downloads'] {
373  background-image: -webkit-image-set(
374      url('../images/volumes/white_downloads.png') 1x,
375      url('../images/volumes/2x/white_downloads.png') 2x);
376}
377
378[volume-type-icon='drive'] {
379  background-position: center 2px;
380  background-image: -webkit-image-set(
381      url('../images/volumes/black_drive.png') 1x,
382      url('../images/volumes/2x/black_drive.png') 2x);
383}
384
385list:focus li[selected] [volume-type-icon='drive'],
386tree:focus .tree-item[selected] > .tree-row > [volume-type-icon='drive'] {
387  background-image: -webkit-image-set(
388      url('../images/volumes/white_drive.png') 1x,
389      url('../images/volumes/2x/white_drive.png') 2x);
390}
391
392[volume-type-icon='drive_offline'] {
393  background-position: center 2px;
394  background-image: -webkit-image-set(
395      url('../images/volumes/black_offline.png') 1x,
396      url('../images/volumes/2x/black_offline.png') 2x);
397}
398
399list:focus li[selected] [volume-type-icon='drive_offline'],
400tree:focus .tree-item[selected] > .tree-row >
401    [volume-type-icon='drive_offline'] {
402  background-image: -webkit-image-set(
403      url('../images/volumes/white_offline.png') 1x,
404      url('../images/volumes/2x/white_offline.png') 2x);
405}
406
407[volume-type-icon='drive_shared_with_me'] {
408  background-position: center 2px;
409  background-image: -webkit-image-set(
410      url('../images/volumes/black_shared.png') 1x,
411      url('../images/volumes/2x/black_shared.png') 2x);
412}
413
414list:focus li[selected] [volume-type-icon='drive_shared_with_me'],
415tree:focus .tree-item[selected] > .tree-row >
416    [volume-type-icon='drive_shared_with_me'] {
417  background-image: -webkit-image-set(
418      url('../images/volumes/white_shared.png') 1x,
419      url('../images/volumes/2x/white_shared.png') 2x);
420}
421
422[volume-type-icon='drive_recent'] {
423  background-position: center 2px;
424  background-image: -webkit-image-set(
425      url('../images/volumes/black_recent.png') 1x,
426      url('../images/volumes/2x/black_recent.png') 2x);
427}
428
429list:focus li[selected] [volume-type-icon='drive_recent'],
430tree:focus .tree-item[selected] > .tree-row >
431    [volume-type-icon='drive_recent'] {
432  background-image: -webkit-image-set(
433      url('../images/volumes/white_recent.png') 1x,
434      url('../images/volumes/2x/white_recent.png') 2x);
435}
436
437[volume-type-icon='removable'] {
438  background-position: center 2px;
439  background-image: -webkit-image-set(
440      url('../images/volumes/black_usb.png') 1x,
441      url('../images/volumes/2x/black_usb.png') 2x);
442}
443
444list:focus li[selected] [volume-type-icon='removable'],
445tree:focus .tree-item[selected] > .tree-row >
446    [volume-type-icon='removable'] {
447  background-image: -webkit-image-set(
448      url('../images/volumes/white_usb.png') 1x,
449      url('../images/volumes/2x/white_usb.png') 2x);
450}
451
452[volume-type-icon='removable'][volume-subtype='sd'] {
453  background-position: center 2px;
454  background-image: -webkit-image-set(
455      url('../images/volumes/black_sd.png') 1x,
456      url('../images/volumes/2x/black_sd.png') 2x);
457}
458
459list:focus li[selected] [volume-type-icon='removable'][volume-subtype='sd'],
460tree:focus .tree-item[selected] > .tree-row >
461    [volume-type-icon='removable'][volume-subtype='sd'] {
462  background-image: -webkit-image-set(
463      url('../images/volumes/white_sd.png') 1x,
464      url('../images/volumes/2x/white_sd.png') 2x);
465}
466
467[volume-type-icon='removable'][volume-subtype='optical'] {
468  background-position: center 2px;
469  background-image: -webkit-image-set(
470      url('../images/volumes/black_optical.png') 1x,
471      url('../images/volumes/2x/black_optical.png') 2x);
472}
473
474list:focus li[selected]
475    [volume-type-icon='removable'][volume-subtype='optical'],
476tree:focus .tree-item[selected] > .tree-row >
477    [volume-type-icon='removable'][volume-subtype='optical'] {
478  background-image: -webkit-image-set(
479      url('../images/volumes/white_optical.png') 1x,
480      url('../images/volumes/2x/white_optical.png') 2x);
481}
482
483[volume-type-icon='mtp'] {
484  background-position: center 2px;
485  background-image: -webkit-image-set(
486    url('../images/volumes/black_phone.png') 1x,
487    url('../images/volumes/2x/black_phone.png') 2x);
488}
489
490list:focus li[selected] [volume-type-icon='mtp'],
491tree:focus .tree-item[selected] > .tree-row > [volume-type-icon='mtp'] {
492  background-image: -webkit-image-set(
493    url('../images/volumes/white_phone.png') 1x,
494    url('../images/volumes/2x/white_phone.png') 2x);
495}
496
497[volume-type-icon='removable'][volume-subtype='unknown'] {
498  background-image: -webkit-image-set(
499      url('../images/volumes/black_hdd.png') 1x,
500      url('../images/volumes/2x/black_hdd.png') 2x);
501}
502
503list:focus li[selected]
504    [volume-type-icon='removable'][volume-subtype='unknown'],
505tree:focus .tree-item[selected] > .tree-row >
506    [volume-type-icon='removable'][volume-subtype='unknown'] {
507  background-image: -webkit-image-set(
508      url('../images/volumes/white_hdd.png') 1x,
509      url('../images/volumes/2x/white_hdd.png') 2x);
510}
511
512list:focus li[selected] [volume-type-icon='provided'],
513tree:focus .tree-item[selected] > .tree-row > [volume-type-icon='provided']{
514  -webkit-filter: invert(100%) grayscale(100%) brightness(200%);
515}
516