|
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/. */ |
|
4 |
|
5 /* ===== filepicker.css ================================================= |
|
6 == Styles used by the File Picker dialog. |
|
7 ======================================================================= */ |
|
8 |
|
9 @import url("chrome://global/skin/"); |
|
10 |
|
11 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
|
12 |
|
13 /* ::::: column widths ::::: */ |
|
14 |
|
15 #FilenameColumn, |
|
16 #ContentLengthColumn, |
|
17 #LastModifiedDateColumn { |
|
18 width: 100px; |
|
19 } |
|
20 |
|
21 /* ::::: file/directory items ::::: */ |
|
22 |
|
23 treechildren::-moz-tree-image(treecolAutoCompleteValue, directory), |
|
24 treechildren::-moz-tree-image(FilenameColumn, directory) { |
|
25 list-style-image: url("chrome://global/skin/icons/folder-item.png"); |
|
26 -moz-image-region: rect(0px, 32px, 16px, 16px); |
|
27 } |
|
28 |
|
29 treechildren::-moz-tree-image(treecolAutoCompleteValue, file), |
|
30 treechildren::-moz-tree-image(FilenameColumn, file) { |
|
31 list-style-image: url("chrome://global/skin/icons/folder-item.png"); |
|
32 -moz-image-region: rect(16px, 16px, 32px, 0px); |
|
33 } |
|
34 |
|
35 /* ::::: button items ::::: */ |
|
36 |
|
37 /* up-button */ |
|
38 |
|
39 .up-button { |
|
40 list-style-image: url("chrome://global/skin/Filepicker.png"); |
|
41 -moz-image-region: rect(0px 24px 24px 0px); |
|
42 max-width: 36px; |
|
43 } |
|
44 |
|
45 .up-button:hover { |
|
46 list-style-image: url("chrome://global/skin/Filepicker.png"); |
|
47 -moz-image-region: rect(24px 24px 48px 0px); |
|
48 max-width: 36px; |
|
49 } |
|
50 |
|
51 /* home-button */ |
|
52 |
|
53 .home-button { |
|
54 list-style-image: url("chrome://global/skin/Filepicker.png"); |
|
55 -moz-image-region: rect(0px 48px 24px 24px); |
|
56 max-width: 36px; |
|
57 } |
|
58 |
|
59 .home-button:hover { |
|
60 list-style-image: url("chrome://global/skin/Filepicker.png"); |
|
61 -moz-image-region: rect(24px 48px 48px 24px); |
|
62 max-width: 36px; |
|
63 } |
|
64 |
|
65 /* new-dir-button */ |
|
66 |
|
67 .new-dir-button { |
|
68 list-style-image: url("chrome://global/skin/Filepicker.png"); |
|
69 -moz-image-region: rect(0px 72px 24px 48px); |
|
70 max-width: 36px; |
|
71 } |
|
72 |
|
73 .new-dir-button:hover { |
|
74 list-style-image: url("chrome://global/skin/Filepicker.png"); |
|
75 -moz-image-region: rect(24px 72px 48px 48px); |
|
76 max-width: 36px; |
|
77 } |