1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/themes/windows/downloads/downloads.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,311 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this file,
1.6 + * You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +/*** Panel and outer controls ***/
1.9 +
1.10 +#downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent {
1.11 + padding: 0;
1.12 +}
1.13 +
1.14 +#downloadsListBox {
1.15 + background-color: transparent;
1.16 + padding: 4px;
1.17 + color: inherit;
1.18 +}
1.19 +
1.20 +#downloadsPanel:not([hasdownloads]) > #downloadsListBox {
1.21 + display: none;
1.22 +}
1.23 +
1.24 +#downloadsPanel[hasdownloads] > #emptyDownloads {
1.25 + display: none;
1.26 +}
1.27 +
1.28 +#emptyDownloads {
1.29 + padding: 10px 20px;
1.30 + max-width: 40ch;
1.31 +}
1.32 +
1.33 +#downloadsHistory {
1.34 + background: transparent;
1.35 + cursor: pointer;
1.36 +}
1.37 +
1.38 +%ifdef WINDOWS_AERO
1.39 +@media (-moz-os-version: windows-vista),
1.40 + (-moz-os-version: windows-win7) {
1.41 +%endif
1.42 +#downloadsHistory {
1.43 + color: -moz-nativehyperlinktext;
1.44 +}
1.45 +%ifdef WINDOWS_AERO
1.46 +}
1.47 +%endif
1.48 +
1.49 +#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsHistory:focus {
1.50 + outline: 1px -moz-dialogtext dotted;
1.51 + outline-offset: -1px;
1.52 +}
1.53 +
1.54 +#downloadsHistory > .button-box {
1.55 + border: none;
1.56 + margin: 1em;
1.57 +}
1.58 +
1.59 +#downloadsFooter {
1.60 + background-color: hsla(210,4%,10%,.04);
1.61 + box-shadow: 0 1px 0 hsla(210,4%,10%,.08) inset;
1.62 + transition-duration: 150ms;
1.63 + transition-property: background-color;
1.64 +}
1.65 +
1.66 +#downloadsFooter:hover {
1.67 + background-color: hsla(210,4%,10%,.05);
1.68 +}
1.69 +
1.70 +#downloadsFooter:hover:active {
1.71 + background-color: hsla(210,4%,10%,.1);
1.72 + box-shadow: 0 2px 0 0 hsla(210,4%,10%,.1) inset;
1.73 +}
1.74 +
1.75 +%ifdef WINDOWS_AERO
1.76 +@media (-moz-os-version: windows-vista),
1.77 + (-moz-os-version: windows-win7) {
1.78 +%endif
1.79 +@media (-moz-windows-default-theme) {
1.80 + #downloadsFooter {
1.81 + border-bottom-left-radius: 3px;
1.82 + border-bottom-right-radius: 3px;
1.83 + transition-duration: 0s;
1.84 + }
1.85 +
1.86 + #downloadsFooter,
1.87 + #downloadsFooter:hover,
1.88 + #downloadsFooter:hover:active {
1.89 +%ifdef WINDOWS_AERO
1.90 + background-color: #f1f5fb;
1.91 +%else
1.92 + background-color: hsla(216,45%,88%,.98);
1.93 +%endif
1.94 + box-shadow: 0px 1px 2px rgb(204,214,234) inset;
1.95 + }
1.96 +}
1.97 +%ifdef WINDOWS_AERO
1.98 +}
1.99 +%endif
1.100 +
1.101 +/*** Downloads Summary and List items ***/
1.102 +
1.103 +#downloadsSummary,
1.104 +richlistitem[type="download"] {
1.105 + height: 7em;
1.106 + -moz-padding-end: 0;
1.107 + color: inherit;
1.108 +}
1.109 +
1.110 +#downloadsSummary {
1.111 + padding: 8px 38px 8px 12px;
1.112 + cursor: pointer;
1.113 + -moz-user-focus: normal;
1.114 +}
1.115 +
1.116 +#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsSummary:focus {
1.117 + outline: 1px -moz-dialogtext dotted;
1.118 + outline-offset: -5px;
1.119 +}
1.120 +
1.121 +#downloadsSummary > .downloadTypeIcon {
1.122 + list-style-image: url("chrome://browser/skin/downloads/download-summary.png");
1.123 +}
1.124 +
1.125 +#downloadsSummaryDescription {
1.126 + color: -moz-nativehyperlinktext;
1.127 +}
1.128 +
1.129 +richlistitem[type="download"] {
1.130 + margin: 0;
1.131 + border-top: 1px solid hsla(0,0%,100%,.3);
1.132 + border-bottom: 1px solid hsla(220,18%,51%,.25);
1.133 + background: transparent;
1.134 + padding: 8px;
1.135 +}
1.136 +
1.137 +richlistitem[type="download"]:first-child {
1.138 + border-top: 1px solid transparent;
1.139 +}
1.140 +
1.141 +@media (-moz-windows-default-theme) {
1.142 + richlistitem[type="download"]:last-child {
1.143 + border-bottom: 1px solid transparent;
1.144 + }
1.145 +}
1.146 +
1.147 +#downloadsPanel[keyfocus] > #downloadsListBox:focus > richlistitem[type="download"][selected] {
1.148 + outline: 1px -moz-dialogtext dotted;
1.149 + outline-offset: -1px;
1.150 +}
1.151 +
1.152 +.downloadTypeIcon {
1.153 + -moz-margin-end: 8px;
1.154 + /* Prevent flickering when changing states. */
1.155 + height: 32px;
1.156 + width: 32px;
1.157 +}
1.158 +
1.159 +.blockedIcon {
1.160 + list-style-image: url("chrome://global/skin/icons/Error.png");
1.161 +}
1.162 +
1.163 +/* We hold .downloadTarget, .downloadProgress and .downloadDetails inside of
1.164 + a vbox with class .downloadContainer. We set the font-size of the entire
1.165 + container to 90% because:
1.166 +
1.167 + 1) This is the size that we want .downloadDetails to be
1.168 + 2) The container's width is set by localizers by &downloadDetails.width;,
1.169 + which is a ch unit. Since this is the value that should control the
1.170 + panel width, we apply it to the outer container to constrain
1.171 + .downloadTarget and .downloadProgress.
1.172 +
1.173 + Finally, since we want .downloadTarget's font-size to be at 100% of the
1.174 + font-size of .downloadContainer's parent, we use calc to go from the
1.175 + smaller font-size back to the original font-size.
1.176 + */
1.177 +#downloadsSummaryDetails,
1.178 +.downloadContainer {
1.179 + font-size: 90%;
1.180 +}
1.181 +
1.182 +#downloadsSummaryDescription,
1.183 +.downloadTarget {
1.184 + margin-bottom: 6px;
1.185 + cursor: inherit;
1.186 +}
1.187 +
1.188 +.downloadTarget {
1.189 + font-size: calc(100%/0.9);
1.190 +}
1.191 +
1.192 +#downloadsSummaryDetails,
1.193 +.downloadDetails {
1.194 + opacity: 0.6;
1.195 + cursor: inherit;
1.196 +}
1.197 +
1.198 +.downloadButton {
1.199 + -moz-appearance: none;
1.200 + min-width: 0;
1.201 + min-height: 0;
1.202 + margin: 3px;
1.203 + border: none;
1.204 + background: transparent;
1.205 + padding: 5px;
1.206 + list-style-image: url("chrome://browser/skin/downloads/buttons.png");
1.207 +}
1.208 +
1.209 +.downloadButton > .button-box {
1.210 + border: 1px solid transparent;
1.211 + padding: 0;
1.212 +}
1.213 +
1.214 +#downloadsPanel[keyfocus] .downloadButton:focus > .button-box {
1.215 + border: 1px dotted ThreeDDarkShadow;
1.216 +}
1.217 +
1.218 +/*** Highlighted list items ***/
1.219 +
1.220 +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover {
1.221 + background-color: hsla(210,4%,10%,.08);
1.222 + outline: 1px solid hsla(210,4%,10%,.1);
1.223 + outline-offset: -1px;
1.224 + cursor: pointer;
1.225 +}
1.226 +
1.227 +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover:active {
1.228 + background-color: hsla(210,4%,10%,.15);
1.229 + outline: 1px solid hsla(210,4%,10%,.15);
1.230 + box-shadow: 0 1px 0 0 hsla(210,4%,10%,.05) inset;
1.231 +}
1.232 +
1.233 +%ifdef WINDOWS_AERO
1.234 +@media (-moz-os-version: windows-vista),
1.235 + (-moz-os-version: windows-win7) {
1.236 +%endif
1.237 +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover {
1.238 + border-radius: 3px;
1.239 + outline: 0;
1.240 + border-top: 1px solid hsla(0,0%,100%,.2);
1.241 + border-bottom: 1px solid hsla(0,0%,0%,.2);
1.242 + background-color: Highlight;
1.243 + color: HighlightText;
1.244 +}
1.245 +
1.246 +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover:active {
1.247 + background-color: Highlight;
1.248 + outline: 0;
1.249 + box-shadow: none;
1.250 +}
1.251 +%ifdef WINDOWS_AERO
1.252 +}
1.253 +%endif
1.254 +
1.255 +/*** Button icons ***/
1.256 +
1.257 +.downloadButton.downloadCancel {
1.258 + -moz-image-region: rect(0px, 16px, 16px, 0px);
1.259 +}
1.260 +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel {
1.261 + -moz-image-region: rect(0px, 32px, 16px, 16px);
1.262 +}
1.263 +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:hover {
1.264 + -moz-image-region: rect(0px, 48px, 16px, 32px);
1.265 +}
1.266 +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:active {
1.267 + -moz-image-region: rect(0px, 64px, 16px, 48px);
1.268 +}
1.269 +
1.270 +.downloadButton.downloadShow {
1.271 + -moz-image-region: rect(16px, 16px, 32px, 0px);
1.272 +}
1.273 +richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow {
1.274 + -moz-image-region: rect(16px, 32px, 32px, 16px);
1.275 +}
1.276 +richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow:hover {
1.277 + -moz-image-region: rect(16px, 48px, 32px, 32px);
1.278 +}
1.279 +richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow:active {
1.280 + -moz-image-region: rect(16px, 64px, 32px, 48px);
1.281 +}
1.282 +%ifndef WINDOWS_AERO
1.283 +#downloadsPanel[keyfocus] > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow {
1.284 + -moz-image-region: rect(16px, 32px, 32px, 16px);
1.285 +}
1.286 +#downloadsPanel[keyfocus] > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:hover {
1.287 + -moz-image-region: rect(16px, 48px, 32px, 32px);
1.288 +}
1.289 +#downloadsPanel[keyfocus] > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:active {
1.290 + -moz-image-region: rect(16px, 64px, 32px, 48px);
1.291 +}
1.292 +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow {
1.293 + -moz-image-region: rect(16px, 96px, 32px, 80px);
1.294 +}
1.295 +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:hover {
1.296 + -moz-image-region: rect(16px, 112px, 32px, 96px);
1.297 +}
1.298 +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:active {
1.299 + -moz-image-region: rect(16px, 128px, 32px, 112px);
1.300 +}
1.301 +%endif
1.302 +
1.303 +.downloadButton.downloadRetry {
1.304 + -moz-image-region: rect(32px, 16px, 48px, 0px);
1.305 +}
1.306 +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry {
1.307 + -moz-image-region: rect(32px, 32px, 48px, 16px);
1.308 +}
1.309 +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:hover {
1.310 + -moz-image-region: rect(32px, 48px, 48px, 32px);
1.311 +}
1.312 +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:active {
1.313 + -moz-image-region: rect(32px, 64px, 48px, 48px);
1.314 +}
