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 | ||
49 | .downloadTarget { | |
50 | margin-bottom: 3px; | |
51 | cursor: inherit; | |
52 | } | |
53 | ||
54 | .downloadDetails { | |
55 | opacity: 0.7; | |
56 | font-size: 95%; | |
57 | cursor: inherit; | |
58 | } | |
59 | ||
60 | .downloadButton { | |
61 | background: transparent; | |
62 | min-width: 0; | |
63 | min-height: 0; | |
64 | margin: 3px; | |
65 | border: none; | |
66 | padding: 5px; | |
67 | list-style-image: url("chrome://browser/skin/downloads/buttons.png"); | |
68 | } | |
69 | ||
7327c957 RK |
70 | /* === END allDownloadsViewOverlay.inc.css === */ |
71 | ||
72 | /*** List items ***/ | |
73 | ||
74 | :root { | |
75 | --downloads-item-height: 6em; | |
76 | } | |
77 | ||
5968ec68 RK |
78 | /*** Highlighted list items ***/ |
79 | ||
80 | richlistitem.download:not([selected]):hover { | |
81 | border-radius: 3px; | |
82 | background-color: #794900; | |
83 | color: #FFCF00; | |
84 | cursor: pointer; | |
85 | } | |
86 | ||
87 | /*** Button icons ***/ | |
88 | ||
7c1e433b | 89 | .downloadButton.downloadIconCancel { |
5968ec68 RK |
90 | -moz-image-region: rect(0px, 16px, 16px, 0px); |
91 | } | |
92 | ||
7c1e433b RK |
93 | richlistitem.download:hover > .downloadButton.downloadIconCancel, |
94 | richlistitem.download:hover > .downloadButton.downloadIconCancel:hover, | |
95 | richlistitem.download:hover > .downloadButton.downloadIconCancel:active { | |
5968ec68 RK |
96 | -moz-image-region: rect(0px, 32px, 16px, 16px); |
97 | } | |
98 | ||
7c1e433b | 99 | .downloadButton.downloadIconShow { |
5968ec68 RK |
100 | -moz-image-region: rect(16px, 16px, 32px, 0px); |
101 | } | |
102 | ||
7c1e433b RK |
103 | richlistitem.download:hover > .downloadButton.downloadIconShow, |
104 | richlistitem.download:hover > .downloadButton.downloadIconShow:hover, | |
105 | richlistitem.download:hover > .downloadButton.downloadIconShow:active { | |
5968ec68 RK |
106 | -moz-image-region: rect(16px, 32px, 32px, 16px); |
107 | } | |
108 | ||
7c1e433b | 109 | .downloadButton.downloadIconRetry { |
5968ec68 RK |
110 | -moz-image-region: rect(32px, 16px, 48px, 0px); |
111 | } | |
112 | ||
7c1e433b RK |
113 | richlistitem.download:hover > .downloadButton.downloadIconRetry, |
114 | richlistitem.download:hover > .downloadButton.downloadIconRetry:hover, | |
115 | richlistitem.download:hover > .downloadButton.downloadIconRetry:active { | |
5968ec68 RK |
116 | -moz-image-region: rect(32px, 32px, 48px, 16px); |
117 | } | |
118 | ||
7c1e433b RK |
119 | richlistitem.download[selected] > .downloadButton.downloadIconCancel, |
120 | richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel, | |
121 | richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:hover, | |
122 | richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:active { | |
5968ec68 RK |
123 | -moz-image-region: rect(0px, 32px, 16px, 16px); |
124 | } | |
125 | ||
7c1e433b RK |
126 | richlistitem.download[selected] > .downloadButton.downloadIconShow, |
127 | richlistitem.download[selected]:hover > .downloadButton.downloadIconShow, | |
128 | richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:hover, | |
129 | richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:active { | |
5968ec68 RK |
130 | -moz-image-region: rect(16px, 32px, 32px, 16px); |
131 | } | |
132 | ||
7c1e433b RK |
133 | richlistitem.download[selected] > .downloadButton.downloadIconRetry, |
134 | richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry, | |
135 | richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:hover, | |
136 | richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:active { | |
5968ec68 RK |
137 | -moz-image-region: rect(32px, 32px, 48px, 16px); |
138 | } |