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 | ||
9 | ||
5968ec68 RK |
10 | #downloadsRichListBox { |
11 | /** The default listbox appearance comes with an unwanted margin. **/ | |
12 | -moz-appearance: none; | |
13 | margin: 0; | |
14 | border: none; | |
15 | } | |
16 | ||
7327c957 RK |
17 | /*** List items ***/ |
18 | ||
5968ec68 | 19 | #downloadsRichListBox > richlistitem.download { |
7327c957 | 20 | height: var(--downloads-item-height); |
5968ec68 RK |
21 | padding: 5px 8px; |
22 | } | |
23 | ||
24 | .downloadTypeIcon { | |
dae45075 RK |
25 | margin-inline-end: 8px; |
26 | margin-inline-start: 8px; | |
82b4252f RK |
27 | /* explicitly size the icon, so size doesn't vary on hidpi systems */ |
28 | height: 32px; | |
29 | width: 32px; | |
5968ec68 RK |
30 | } |
31 | ||
32 | .blockedIcon { | |
33 | list-style-image: url("chrome://global/skin/icons/alert-error.gif"); | |
34 | } | |
35 | ||
36 | .downloadTarget { | |
37 | margin-bottom: 3px; | |
38 | cursor: inherit; | |
39 | } | |
40 | ||
41 | .downloadDetails { | |
42 | opacity: 0.7; | |
43 | font-size: 95%; | |
44 | cursor: inherit; | |
45 | } | |
46 | ||
47 | .downloadButton { | |
48 | background: transparent; | |
49 | min-width: 0; | |
50 | min-height: 0; | |
51 | margin: 3px; | |
52 | border: none; | |
53 | padding: 5px; | |
54 | list-style-image: url("chrome://browser/skin/downloads/buttons.png"); | |
55 | } | |
56 | ||
7327c957 RK |
57 | /* === END allDownloadsViewOverlay.inc.css === */ |
58 | ||
59 | /*** List items ***/ | |
60 | ||
61 | :root { | |
62 | --downloads-item-height: 6em; | |
63 | } | |
64 | ||
5968ec68 RK |
65 | /*** Highlighted list items ***/ |
66 | ||
67 | richlistitem.download:not([selected]):hover { | |
68 | border-radius: 3px; | |
69 | background-color: #794900; | |
70 | color: #FFCF00; | |
71 | cursor: pointer; | |
72 | } | |
73 | ||
74 | /*** Button icons ***/ | |
75 | ||
7c1e433b | 76 | .downloadButton.downloadIconCancel { |
5968ec68 RK |
77 | -moz-image-region: rect(0px, 16px, 16px, 0px); |
78 | } | |
79 | ||
7c1e433b RK |
80 | richlistitem.download:hover > .downloadButton.downloadIconCancel, |
81 | richlistitem.download:hover > .downloadButton.downloadIconCancel:hover, | |
82 | richlistitem.download:hover > .downloadButton.downloadIconCancel:active { | |
5968ec68 RK |
83 | -moz-image-region: rect(0px, 32px, 16px, 16px); |
84 | } | |
85 | ||
7c1e433b | 86 | .downloadButton.downloadIconShow { |
5968ec68 RK |
87 | -moz-image-region: rect(16px, 16px, 32px, 0px); |
88 | } | |
89 | ||
7c1e433b RK |
90 | richlistitem.download:hover > .downloadButton.downloadIconShow, |
91 | richlistitem.download:hover > .downloadButton.downloadIconShow:hover, | |
92 | richlistitem.download:hover > .downloadButton.downloadIconShow:active { | |
5968ec68 RK |
93 | -moz-image-region: rect(16px, 32px, 32px, 16px); |
94 | } | |
95 | ||
7c1e433b | 96 | .downloadButton.downloadIconRetry { |
5968ec68 RK |
97 | -moz-image-region: rect(32px, 16px, 48px, 0px); |
98 | } | |
99 | ||
7c1e433b RK |
100 | richlistitem.download:hover > .downloadButton.downloadIconRetry, |
101 | richlistitem.download:hover > .downloadButton.downloadIconRetry:hover, | |
102 | richlistitem.download:hover > .downloadButton.downloadIconRetry:active { | |
5968ec68 RK |
103 | -moz-image-region: rect(32px, 32px, 48px, 16px); |
104 | } | |
105 | ||
7c1e433b RK |
106 | richlistitem.download[selected] > .downloadButton.downloadIconCancel, |
107 | richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel, | |
108 | richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:hover, | |
109 | richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:active { | |
5968ec68 RK |
110 | -moz-image-region: rect(0px, 32px, 16px, 16px); |
111 | } | |
112 | ||
7c1e433b RK |
113 | richlistitem.download[selected] > .downloadButton.downloadIconShow, |
114 | richlistitem.download[selected]:hover > .downloadButton.downloadIconShow, | |
115 | richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:hover, | |
116 | richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:active { | |
5968ec68 RK |
117 | -moz-image-region: rect(16px, 32px, 32px, 16px); |
118 | } | |
119 | ||
7c1e433b RK |
120 | richlistitem.download[selected] > .downloadButton.downloadIconRetry, |
121 | richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry, | |
122 | richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:hover, | |
123 | richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:active { | |
5968ec68 RK |
124 | -moz-image-region: rect(32px, 32px, 48px, 16px); |
125 | } |