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 | ||
7 | /*** View and outer controls ***/ | |
8 | ||
5968ec68 RK |
9 | #downloadsRichListBox { |
10 | /** The default listbox appearance comes with an unwanted margin. **/ | |
11 | -moz-appearance: none; | |
12 | margin: 0; | |
13 | border: none; | |
14 | } | |
15 | ||
7327c957 RK |
16 | /*** List items ***/ |
17 | ||
5968ec68 | 18 | #downloadsRichListBox > richlistitem.download { |
7327c957 | 19 | height: var(--downloads-item-height); |
5968ec68 RK |
20 | padding: 5px 8px; |
21 | } | |
22 | ||
23 | .downloadTypeIcon { | |
db1c5db1 RK |
24 | margin-top: 8px; |
25 | margin-inline-end: 12px; | |
26 | margin-bottom: 8px; | |
27 | margin-inline-start: 0; | |
82b4252f | 28 | width: 32px; |
db1c5db1 RK |
29 | height: 32px; |
30 | } | |
31 | ||
32 | .downloadBlockedBadge { | |
33 | margin: 0 4px; | |
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 RK |
53 | .downloadTarget { |
54 | margin-bottom: 3px; | |
55 | cursor: inherit; | |
56 | } | |
57 | ||
58 | .downloadDetails { | |
59 | opacity: 0.7; | |
60 | font-size: 95%; | |
61 | cursor: inherit; | |
62 | } | |
63 | ||
64 | .downloadButton { | |
1cf9b082 | 65 | -moz-box-align: center; |
5968ec68 RK |
66 | background: transparent; |
67 | min-width: 0; | |
68 | min-height: 0; | |
69 | margin: 3px; | |
70 | border: none; | |
71 | padding: 5px; | |
1cf9b082 RK |
72 | color: inherit; |
73 | } | |
74 | ||
75 | .downloadButton > .button-box { | |
76 | -moz-appearance: none; | |
77 | padding: 2px !important; | |
78 | border-radius: 50%; | |
79 | color: graytext; | |
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 | ||
103 | richlistitem.download[selected] > .downloadButtonArea > .downloadButton > .button-box { | |
104 | color: inherit; | |
105 | } | |
106 | ||
107 | richlistitem.download[selected] > .downloadButtonArea > .downloadButton:hover > .button-box { | |
108 | background-color: #FFCF00; | |
109 | color: #000000; | |
110 | } | |
111 | ||
112 | richlistitem.download[selected] > .downloadButtonArea > .downloadButton:hover:active > .button-box { | |
113 | background-color: #FF9F00; | |
114 | color: #000000; | |
115 | } | |
116 | ||
117 | /*** Button icons ***/ | |
118 | ||
119 | .downloadIconCancel > .button-box > .button-icon { | |
120 | list-style-image: url("chrome://browser/skin/panel-icons.svg#cancel"); | |
121 | } | |
122 | ||
123 | .downloadIconShow > .button-box > .button-icon { | |
124 | list-style-image: url("chrome://browser/skin/panel-icons.svg#folder"); | |
125 | } | |
126 | ||
127 | .downloadIconRetry > .button-box > .button-icon { | |
128 | list-style-image: url("chrome://browser/skin/panel-icons.svg#retry"); | |
5968ec68 RK |
129 | } |
130 | ||
7327c957 RK |
131 | /* === END allDownloadsViewOverlay.inc.css === */ |
132 | ||
133 | /*** List items ***/ | |
134 | ||
135 | :root { | |
136 | --downloads-item-height: 6em; | |
137 | } | |
138 | ||
5968ec68 RK |
139 | /*** Highlighted list items ***/ |
140 | ||
141 | richlistitem.download:not([selected]):hover { | |
142 | border-radius: 3px; | |
143 | background-color: #794900; | |
144 | color: #FFCF00; | |
145 | cursor: pointer; | |
146 | } | |
147 | ||
148 | /*** Button icons ***/ | |
149 | ||
7c1e433b | 150 | .downloadButton.downloadIconCancel { |
5968ec68 RK |
151 | -moz-image-region: rect(0px, 16px, 16px, 0px); |
152 | } | |
153 | ||
7c1e433b RK |
154 | richlistitem.download:hover > .downloadButton.downloadIconCancel, |
155 | richlistitem.download:hover > .downloadButton.downloadIconCancel:hover, | |
156 | richlistitem.download:hover > .downloadButton.downloadIconCancel:active { | |
5968ec68 RK |
157 | -moz-image-region: rect(0px, 32px, 16px, 16px); |
158 | } | |
159 | ||
7c1e433b | 160 | .downloadButton.downloadIconShow { |
5968ec68 RK |
161 | -moz-image-region: rect(16px, 16px, 32px, 0px); |
162 | } | |
163 | ||
7c1e433b RK |
164 | richlistitem.download:hover > .downloadButton.downloadIconShow, |
165 | richlistitem.download:hover > .downloadButton.downloadIconShow:hover, | |
166 | richlistitem.download:hover > .downloadButton.downloadIconShow:active { | |
5968ec68 RK |
167 | -moz-image-region: rect(16px, 32px, 32px, 16px); |
168 | } | |
169 | ||
7c1e433b | 170 | .downloadButton.downloadIconRetry { |
5968ec68 RK |
171 | -moz-image-region: rect(32px, 16px, 48px, 0px); |
172 | } | |
173 | ||
7c1e433b RK |
174 | richlistitem.download:hover > .downloadButton.downloadIconRetry, |
175 | richlistitem.download:hover > .downloadButton.downloadIconRetry:hover, | |
176 | richlistitem.download:hover > .downloadButton.downloadIconRetry:active { | |
5968ec68 RK |
177 | -moz-image-region: rect(32px, 32px, 48px, 16px); |
178 | } | |
179 | ||
7c1e433b RK |
180 | richlistitem.download[selected] > .downloadButton.downloadIconCancel, |
181 | richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel, | |
182 | richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:hover, | |
183 | richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:active { | |
5968ec68 RK |
184 | -moz-image-region: rect(0px, 32px, 16px, 16px); |
185 | } | |
186 | ||
7c1e433b RK |
187 | richlistitem.download[selected] > .downloadButton.downloadIconShow, |
188 | richlistitem.download[selected]:hover > .downloadButton.downloadIconShow, | |
189 | richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:hover, | |
190 | richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:active { | |
5968ec68 RK |
191 | -moz-image-region: rect(16px, 32px, 32px, 16px); |
192 | } | |
193 | ||
7c1e433b RK |
194 | richlistitem.download[selected] > .downloadButton.downloadIconRetry, |
195 | richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry, | |
196 | richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:hover, | |
197 | richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:active { | |
5968ec68 RK |
198 | -moz-image-region: rect(32px, 32px, 48px, 16px); |
199 | } |