Commit | Line | Data |
---|---|---|
64897c3a 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 | ||
5 | /*** Panel and outer controls ***/ | |
6 | ||
64897c3a RK |
7 | #downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent { |
8 | padding: 0; | |
9 | } | |
10 | ||
11 | #downloadsListBox { | |
64897c3a RK |
12 | background-color: transparent; |
13 | padding: 4px; | |
14 | color: inherit; | |
15 | } | |
16 | ||
990cba4b RK |
17 | #downloadsPanel:not([hasdownloads]) > #downloadsListBox { |
18 | display: none; | |
19 | } | |
20 | ||
64897c3a | 21 | #downloadsHistory { |
64897c3a | 22 | cursor: pointer; |
5968ec68 | 23 | margin: 4px !important; |
649b5d38 | 24 | color: #3333FF; |
5968ec68 RK |
25 | } |
26 | ||
27 | #downloadsPanel[keyfocus] > #downloadsFooter > #downloadsHistory:focus { | |
28 | outline: 1px #008484 dotted; | |
29 | outline-offset: -1px; | |
64897c3a RK |
30 | } |
31 | ||
32 | #downloadsHistory > .button-box { | |
5968ec68 | 33 | border: none; |
64897c3a RK |
34 | } |
35 | ||
649b5d38 RK |
36 | #downloadsPanel[hasdownloads] > #downloadsFooter { |
37 | } | |
38 | ||
39 | #downloadsPanel[hasdownloads] > #downloadsFooter:hover { | |
40 | } | |
41 | ||
42 | #downloadsPanel[hasdownloads] > #downloadsFooter:hover:active { | |
43 | } | |
44 | ||
990cba4b | 45 | /*** Downloads Summary and List items ***/ |
64897c3a | 46 | |
990cba4b | 47 | #downloadsSummary, |
64897c3a RK |
48 | richlistitem[type="download"] { |
49 | height: 7em; | |
990cba4b RK |
50 | -moz-padding-end: 0; |
51 | color: inherit; | |
52 | } | |
53 | ||
54 | #downloadsSummary { | |
55 | padding: 8px 38px 8px 12px; | |
56 | cursor: pointer; | |
5968ec68 RK |
57 | -moz-user-focus: normal; |
58 | } | |
59 | ||
60 | #downloadsPanel[keyfocus] > #downloadsFooter > #downloadsSummary:focus { | |
61 | outline: 1px #008484 dotted; | |
62 | outline-offset: -5px; | |
990cba4b RK |
63 | } |
64 | ||
65 | #downloadsSummary > .downloadTypeIcon { | |
5968ec68 | 66 | list-style-image: url("chrome://browser/skin/downloads/download-summary.png"); |
990cba4b RK |
67 | } |
68 | ||
69 | #downloadsSummaryDescription { | |
5968ec68 | 70 | color: #3333FF; |
990cba4b RK |
71 | } |
72 | ||
73 | richlistitem[type="download"] { | |
64897c3a RK |
74 | margin: 0; |
75 | border-bottom: 1px dotted #9C9CFF; | |
76 | background: transparent; | |
fcfb76ce | 77 | padding: 8px; |
64897c3a RK |
78 | } |
79 | ||
80 | richlistitem[type="download"]:first-child { | |
81 | /* border-top: 1px solid transparent;*/ | |
82 | } | |
83 | ||
84 | #downloadsListBox:-moz-focusring > richlistitem[type="download"][selected] { | |
85 | outline: 1px #008484 dotted; | |
86 | outline-offset: -1px; | |
b8384c33 | 87 | /*-moz-outline-radius: 3px;*/ |
64897c3a RK |
88 | } |
89 | ||
64897c3a RK |
90 | .downloadTypeIcon { |
91 | -moz-margin-end: 8px; | |
92 | /* Prevent flickering when changing states. */ | |
a6757852 RK |
93 | height: 32px; |
94 | width: 32px; | |
64897c3a RK |
95 | } |
96 | ||
97 | .blockedIcon { | |
98 | list-style-image: url("chrome://global/skin/icons/alert-error.gif"); | |
99 | } | |
100 | ||
5968ec68 RK |
101 | /* We hold .downloadTarget, .downloadProgress and .downloadDetails inside of |
102 | a vbox with class .downloadContainer. We set the font-size of the entire | |
103 | container to 90% because: | |
104 | ||
105 | 1) This is the size that we want .downloadDetails to be | |
106 | 2) The container's width is set by localizers by &downloadDetails.width;, | |
107 | which is a ch unit. Since this is the value that should control the | |
108 | panel width, we apply it to the outer container to constrain | |
109 | .downloadTarget and .downloadProgress. | |
110 | ||
111 | Finally, since we want .downloadTarget's font-size to be at 100% of the | |
112 | font-size of .downloadContainer's parent, we use calc to go from the | |
113 | smaller font-size back to the original font-size. | |
114 | */ | |
115 | #downloadsSummaryDetails, | |
116 | .downloadContainer { | |
117 | font-size: 90%; | |
118 | } | |
119 | ||
120 | #downloadsSummaryDescription, | |
64897c3a RK |
121 | .downloadTarget { |
122 | margin-bottom: 6px; | |
123 | cursor: inherit; | |
124 | } | |
125 | ||
5968ec68 RK |
126 | .downloadTarget { |
127 | font-size: calc(100%/0.9); | |
128 | } | |
129 | ||
130 | #downloadsSummaryDetails, | |
64897c3a RK |
131 | .downloadDetails { |
132 | opacity: 0.6; | |
64897c3a RK |
133 | cursor: inherit; |
134 | } | |
135 | ||
136 | .downloadButton { | |
64897c3a RK |
137 | min-width: 0; |
138 | min-height: 0; | |
5968ec68 RK |
139 | margin: 3px; |
140 | /* border: none; */ | |
64897c3a RK |
141 | background: transparent; |
142 | padding: 5px; | |
143 | list-style-image: url("chrome://browser/skin/downloads/buttons.png"); | |
144 | } | |
145 | ||
146 | .downloadButton > .button-box { | |
5968ec68 | 147 | border: 1px solid transparent; |
64897c3a RK |
148 | padding: 0; |
149 | } | |
150 | ||
5968ec68 RK |
151 | #downloadsPanel[keyfocus] .downloadButton:focus > .button-box { |
152 | border: 1px dotted #008484; | |
153 | } | |
154 | ||
64897c3a RK |
155 | /*** Highlighted list items ***/ |
156 | ||
ed1a91c6 | 157 | /* #downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover { */ |
e75098eb | 158 | #downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"]:hover { |
5968ec68 | 159 | border-radius: 3px; |
64897c3a RK |
160 | background-color: #794900; |
161 | color: #FFCF00; | |
162 | cursor: pointer; | |
163 | } | |
164 | ||
649b5d38 RK |
165 | #downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover:active { |
166 | } | |
167 | ||
64897c3a RK |
168 | /*** Button icons ***/ |
169 | ||
170 | .downloadButton.downloadCancel { | |
fcfb76ce | 171 | -moz-image-region: rect(0px, 16px, 16px, 0px); |
64897c3a | 172 | } |
5968ec68 RK |
173 | richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel, |
174 | richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:hover, | |
175 | richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:active { | |
fcfb76ce | 176 | -moz-image-region: rect(0px, 32px, 16px, 16px); |
64897c3a RK |
177 | } |
178 | ||
179 | .downloadButton.downloadShow { | |
fcfb76ce | 180 | -moz-image-region: rect(16px, 16px, 32px, 0px); |
64897c3a | 181 | } |
5968ec68 RK |
182 | richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow, |
183 | richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow:hover, | |
184 | richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow:active { | |
fcfb76ce | 185 | -moz-image-region: rect(16px, 32px, 32px, 16px); |
64897c3a RK |
186 | } |
187 | ||
188 | .downloadButton.downloadRetry { | |
fcfb76ce | 189 | -moz-image-region: rect(32px, 16px, 48px, 0px); |
64897c3a | 190 | } |
5968ec68 RK |
191 | richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry, |
192 | richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:hover, | |
193 | richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:active { | |
fcfb76ce | 194 | -moz-image-region: rect(32px, 32px, 48px, 16px); |
64897c3a | 195 | } |