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