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 | } |
24 | ||
25 | .downloadTypeIcon { | |
b1d1a8bb | 26 | margin: 8px 13px; |
82b4252f | 27 | width: 32px; |
db1c5db1 RK |
28 | height: 32px; |
29 | } | |
30 | ||
31 | .downloadBlockedBadge { | |
b1d1a8bb | 32 | margin: 0 5px; |
db1c5db1 RK |
33 | background: url("chrome://browser/skin/downloads/download-blocked.svg") top right / 16px no-repeat; |
34 | } | |
35 | ||
36 | .downloadBlockedBadge:-moz-locale-dir(rtl) { | |
37 | background-position-x: left; | |
38 | } | |
39 | ||
40 | richlistitem.download[verdict="PotentiallyUnwanted"] .downloadBlockedBadge { | |
41 | background-image: url("chrome://browser/skin/warning.svg"); | |
5968ec68 RK |
42 | } |
43 | ||
db1c5db1 RK |
44 | richlistitem.download[verdict="Uncommon"] .downloadBlockedBadge { |
45 | background-image: url("chrome://browser/skin/info.svg"); | |
5968ec68 RK |
46 | } |
47 | ||
1cf9b082 RK |
48 | richlistitem.download > toolbarseparator { |
49 | display: none; | |
50 | } | |
51 | ||
5968ec68 | 52 | .downloadTarget { |
b1d1a8bb | 53 | margin: 0; |
5968ec68 RK |
54 | } |
55 | ||
56 | .downloadDetails { | |
57 | opacity: 0.7; | |
58 | font-size: 95%; | |
b1d1a8bb RK |
59 | /* Use calc() to keep the height consistent with .downloadTarget, so that the |
60 | progress bar can be vertically centered. */ | |
61 | margin: 4px 0 calc(1em / 0.95 - 1em); | |
5968ec68 RK |
62 | } |
63 | ||
b1ab79d5 RK |
64 | .downloadDetailsNormal, |
65 | .downloadDetailsHover, | |
66 | .downloadOpenFile, | |
67 | .downloadShowMoreInfo, | |
68 | .downloadButtonLabels { | |
69 | display: none; | |
70 | } | |
71 | ||
5968ec68 | 72 | .downloadButton { |
1cf9b082 | 73 | -moz-box-align: center; |
5968ec68 RK |
74 | background: transparent; |
75 | min-width: 0; | |
76 | min-height: 0; | |
b1d1a8bb | 77 | margin: 0; |
5968ec68 | 78 | border: none; |
1cf9b082 | 79 | color: inherit; |
b1ab79d5 | 80 | padding: 0 18px; |
1cf9b082 RK |
81 | } |
82 | ||
83 | .downloadButton > .button-box { | |
84 | -moz-appearance: none; | |
85 | padding: 2px !important; | |
86 | border-radius: 50%; | |
1cf9b082 RK |
87 | } |
88 | ||
89 | .downloadButton > .button-box > .button-icon { | |
90 | width: 16px; | |
91 | height: 16px; | |
92 | margin: 0; | |
b1ab79d5 | 93 | filter: url("chrome://global/skin/filters.svg#fill"); |
1cf9b082 RK |
94 | fill: currentColor; |
95 | } | |
96 | ||
97 | .downloadButton > .button-box > .button-text { | |
98 | display: none; | |
99 | } | |
100 | ||
101 | .downloadButton:hover > .button-box { | |
102 | background-color: #A09090; | |
103 | color: #000000; | |
104 | } | |
105 | ||
106 | .downloadButton:hover:active > .button-box { | |
107 | background-color: #FF9F00; | |
108 | } | |
109 | ||
1cf9b082 RK |
110 | richlistitem.download[selected] > .downloadButtonArea > .downloadButton:hover > .button-box { |
111 | background-color: #FFCF00; | |
112 | color: #000000; | |
113 | } | |
114 | ||
115 | richlistitem.download[selected] > .downloadButtonArea > .downloadButton:hover:active > .button-box { | |
116 | background-color: #FF9F00; | |
117 | color: #000000; | |
118 | } | |
119 | ||
120 | /*** Button icons ***/ | |
121 | ||
122 | .downloadIconCancel > .button-box > .button-icon { | |
123 | list-style-image: url("chrome://browser/skin/panel-icons.svg#cancel"); | |
124 | } | |
125 | ||
126 | .downloadIconShow > .button-box > .button-icon { | |
127 | list-style-image: url("chrome://browser/skin/panel-icons.svg#folder"); | |
128 | } | |
129 | ||
130 | .downloadIconRetry > .button-box > .button-icon { | |
131 | list-style-image: url("chrome://browser/skin/panel-icons.svg#retry"); | |
5968ec68 RK |
132 | } |
133 | ||
b1d1a8bb RK |
134 | /*** Progressmeter ***/ |
135 | /* %include progressmeter.inc.css - this happens as @import at the start of the file */ | |
136 | ||
7327c957 RK |
137 | /* === END allDownloadsViewOverlay.inc.css === */ |
138 | ||
139 | /*** List items ***/ | |
140 | ||
141 | :root { | |
142 | --downloads-item-height: 6em; | |
143 | } |