Commit | Line | Data |
---|---|---|
5968ec68 RK |
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 file, | |
3 | * You can obtain one at http://mozilla.org/MPL/2.0/. */ | |
4 | ||
7327c957 RK |
5 | /* === BEGIN allDownloadsViewOverlay.inc.css === */ |
6 | ||
b1d1a8bb RK |
7 | /* In the original, this is at the end of the file as a preprocessor-include */ |
8 | @import url("progressmeter.inc.css"); | |
9 | ||
7327c957 RK |
10 | /*** View and outer controls ***/ |
11 | ||
5968ec68 RK |
12 | #downloadsRichListBox { |
13 | /** The default listbox appearance comes with an unwanted margin. **/ | |
14 | -moz-appearance: none; | |
15 | margin: 0; | |
16 | border: none; | |
17 | } | |
18 | ||
7327c957 RK |
19 | /*** List items ***/ |
20 | ||
5968ec68 | 21 | #downloadsRichListBox > richlistitem.download { |
7327c957 | 22 | height: var(--downloads-item-height); |
5968ec68 RK |
23 | padding: 5px 8px; |
24 | } | |
25 | ||
26 | .downloadTypeIcon { | |
b1d1a8bb | 27 | margin: 8px 13px; |
82b4252f | 28 | width: 32px; |
db1c5db1 RK |
29 | height: 32px; |
30 | } | |
31 | ||
32 | .downloadBlockedBadge { | |
b1d1a8bb | 33 | margin: 0 5px; |
db1c5db1 RK |
34 | background: url("chrome://browser/skin/downloads/download-blocked.svg") top right / 16px no-repeat; |
35 | } | |
36 | ||
37 | .downloadBlockedBadge:-moz-locale-dir(rtl) { | |
38 | background-position-x: left; | |
39 | } | |
40 | ||
41 | richlistitem.download[verdict="PotentiallyUnwanted"] .downloadBlockedBadge { | |
42 | background-image: url("chrome://browser/skin/warning.svg"); | |
5968ec68 RK |
43 | } |
44 | ||
db1c5db1 RK |
45 | richlistitem.download[verdict="Uncommon"] .downloadBlockedBadge { |
46 | background-image: url("chrome://browser/skin/info.svg"); | |
5968ec68 RK |
47 | } |
48 | ||
1cf9b082 RK |
49 | richlistitem.download > toolbarseparator { |
50 | display: none; | |
51 | } | |
52 | ||
5968ec68 | 53 | .downloadTarget { |
b1d1a8bb | 54 | margin: 0; |
5968ec68 RK |
55 | } |
56 | ||
57 | .downloadDetails { | |
58 | opacity: 0.7; | |
59 | font-size: 95%; | |
b1d1a8bb RK |
60 | /* Use calc() to keep the height consistent with .downloadTarget, so that the |
61 | progress bar can be vertically centered. */ | |
62 | margin: 4px 0 calc(1em / 0.95 - 1em); | |
5968ec68 RK |
63 | } |
64 | ||
65 | .downloadButton { | |
1cf9b082 | 66 | -moz-box-align: center; |
5968ec68 RK |
67 | background: transparent; |
68 | min-width: 0; | |
69 | min-height: 0; | |
b1d1a8bb | 70 | margin: 0; |
5968ec68 | 71 | border: none; |
b1d1a8bb | 72 | padding: 0 18px; |
1cf9b082 RK |
73 | color: inherit; |
74 | } | |
75 | ||
76 | .downloadButton > .button-box { | |
77 | -moz-appearance: none; | |
78 | padding: 2px !important; | |
79 | border-radius: 50%; | |
1cf9b082 RK |
80 | } |
81 | ||
82 | .downloadButton > .button-box > .button-icon { | |
83 | width: 16px; | |
84 | height: 16px; | |
85 | margin: 0; | |
86 | filter: url("chrome://browser/skin/filters.svg#fill"); | |
87 | fill: currentColor; | |
88 | } | |
89 | ||
90 | .downloadButton > .button-box > .button-text { | |
91 | display: none; | |
92 | } | |
93 | ||
94 | .downloadButton:hover > .button-box { | |
95 | background-color: #A09090; | |
96 | color: #000000; | |
97 | } | |
98 | ||
99 | .downloadButton:hover:active > .button-box { | |
100 | background-color: #FF9F00; | |
101 | } | |
102 | ||
1cf9b082 RK |
103 | richlistitem.download[selected] > .downloadButtonArea > .downloadButton:hover > .button-box { |
104 | background-color: #FFCF00; | |
105 | color: #000000; | |
106 | } | |
107 | ||
108 | richlistitem.download[selected] > .downloadButtonArea > .downloadButton:hover:active > .button-box { | |
109 | background-color: #FF9F00; | |
110 | color: #000000; | |
111 | } | |
112 | ||
113 | /*** Button icons ***/ | |
114 | ||
115 | .downloadIconCancel > .button-box > .button-icon { | |
116 | list-style-image: url("chrome://browser/skin/panel-icons.svg#cancel"); | |
117 | } | |
118 | ||
119 | .downloadIconShow > .button-box > .button-icon { | |
120 | list-style-image: url("chrome://browser/skin/panel-icons.svg#folder"); | |
121 | } | |
122 | ||
123 | .downloadIconRetry > .button-box > .button-icon { | |
124 | list-style-image: url("chrome://browser/skin/panel-icons.svg#retry"); | |
5968ec68 RK |
125 | } |
126 | ||
b1d1a8bb RK |
127 | /*** Progressmeter ***/ |
128 | /* %include progressmeter.inc.css - this happens as @import at the start of the file */ | |
129 | ||
7327c957 RK |
130 | /* === END allDownloadsViewOverlay.inc.css === */ |
131 | ||
132 | /*** List items ***/ | |
133 | ||
134 | :root { | |
135 | --downloads-item-height: 6em; | |
136 | } | |
137 | ||
5968ec68 RK |
138 | /*** Highlighted list items ***/ |
139 | ||
140 | richlistitem.download:not([selected]):hover { | |
141 | border-radius: 3px; | |
142 | background-color: #794900; | |
143 | color: #FFCF00; | |
144 | cursor: pointer; | |
145 | } | |
146 | ||
147 | /*** Button icons ***/ | |
148 | ||
7c1e433b | 149 | .downloadButton.downloadIconCancel { |
5968ec68 RK |
150 | -moz-image-region: rect(0px, 16px, 16px, 0px); |
151 | } | |
152 | ||
7c1e433b RK |
153 | richlistitem.download:hover > .downloadButton.downloadIconCancel, |
154 | richlistitem.download:hover > .downloadButton.downloadIconCancel:hover, | |
155 | richlistitem.download:hover > .downloadButton.downloadIconCancel:active { | |
5968ec68 RK |
156 | -moz-image-region: rect(0px, 32px, 16px, 16px); |
157 | } | |
158 | ||
7c1e433b | 159 | .downloadButton.downloadIconShow { |
5968ec68 RK |
160 | -moz-image-region: rect(16px, 16px, 32px, 0px); |
161 | } | |
162 | ||
7c1e433b RK |
163 | richlistitem.download:hover > .downloadButton.downloadIconShow, |
164 | richlistitem.download:hover > .downloadButton.downloadIconShow:hover, | |
165 | richlistitem.download:hover > .downloadButton.downloadIconShow:active { | |
5968ec68 RK |
166 | -moz-image-region: rect(16px, 32px, 32px, 16px); |
167 | } | |
168 | ||
7c1e433b | 169 | .downloadButton.downloadIconRetry { |
5968ec68 RK |
170 | -moz-image-region: rect(32px, 16px, 48px, 0px); |
171 | } | |
172 | ||
7c1e433b RK |
173 | richlistitem.download:hover > .downloadButton.downloadIconRetry, |
174 | richlistitem.download:hover > .downloadButton.downloadIconRetry:hover, | |
175 | richlistitem.download:hover > .downloadButton.downloadIconRetry:active { | |
5968ec68 RK |
176 | -moz-image-region: rect(32px, 32px, 48px, 16px); |
177 | } | |
178 | ||
7c1e433b RK |
179 | richlistitem.download[selected] > .downloadButton.downloadIconCancel, |
180 | richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel, | |
181 | richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:hover, | |
182 | richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:active { | |
5968ec68 RK |
183 | -moz-image-region: rect(0px, 32px, 16px, 16px); |
184 | } | |
185 | ||
7c1e433b RK |
186 | richlistitem.download[selected] > .downloadButton.downloadIconShow, |
187 | richlistitem.download[selected]:hover > .downloadButton.downloadIconShow, | |
188 | richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:hover, | |
189 | richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:active { | |
5968ec68 RK |
190 | -moz-image-region: rect(16px, 32px, 32px, 16px); |
191 | } | |
192 | ||
7c1e433b RK |
193 | richlistitem.download[selected] > .downloadButton.downloadIconRetry, |
194 | richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry, | |
195 | richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:hover, | |
196 | richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:active { | |
5968ec68 RK |
197 | -moz-image-region: rect(32px, 32px, 48px, 16px); |
198 | } |