1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/themes/linux/downloads/downloads.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,216 @@
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: 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 + color: -moz-nativehyperlinktext;
1.36 + cursor: pointer;
1.37 +}
1.38 +
1.39 +#downloadsFooter {
1.40 + border-top: 1px solid ThreeDShadow;
1.41 + background-image: linear-gradient(hsla(0,0%,0%,.15), hsla(0,0%,0%,.08) 6px);
1.42 +}
1.43 +
1.44 +#downloadsHistory > .button-box {
1.45 + margin: 1em;
1.46 +}
1.47 +
1.48 +#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsHistory:focus > .button-box {
1.49 + outline: 1px -moz-dialogtext dotted;
1.50 +}
1.51 +
1.52 +/*** Downloads Summary and List items ***/
1.53 +
1.54 +#downloadsSummary,
1.55 +richlistitem[type="download"] {
1.56 + height: 6em;
1.57 + -moz-padding-end: 0;
1.58 + color: inherit;
1.59 +}
1.60 +
1.61 +#downloadsSummary {
1.62 + padding: 8px 38px 8px 12px;
1.63 + cursor: pointer;
1.64 + -moz-user-focus: normal;
1.65 +}
1.66 +
1.67 +#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsSummary:focus {
1.68 + outline: 1px -moz-dialogtext dotted;
1.69 + outline-offset: -5px;
1.70 +}
1.71 +
1.72 +#downloadsSummary > .downloadTypeIcon {
1.73 + list-style-image: url("chrome://browser/skin/downloads/download-summary.png");
1.74 +}
1.75 +
1.76 +#downloadsSummaryDescription {
1.77 + color: -moz-nativehyperlinktext;
1.78 +}
1.79 +
1.80 +richlistitem[type="download"] {
1.81 + margin: 0;
1.82 + border-top: 1px solid hsla(0,0%,100%,.2);
1.83 + border-bottom: 1px solid hsla(0,0%,0%,.15);
1.84 + background: transparent;
1.85 + padding: 8px;
1.86 +}
1.87 +
1.88 +richlistitem[type="download"]:first-child {
1.89 + border-top: 1px solid transparent;
1.90 +}
1.91 +
1.92 +richlistitem[type="download"]:last-child {
1.93 + border-bottom: 1px solid transparent;
1.94 +}
1.95 +
1.96 +#downloadsPanel[keyfocus] > #downloadsListBox:focus > richlistitem[type="download"][selected] {
1.97 + outline: 1px -moz-dialogtext dotted;
1.98 + outline-offset: -1px;
1.99 +}
1.100 +
1.101 +.downloadTypeIcon {
1.102 + -moz-margin-end: 8px;
1.103 + /* Prevent flickering when changing states. */
1.104 + min-height: 32px;
1.105 + min-width: 32px;
1.106 +}
1.107 +
1.108 +.blockedIcon {
1.109 + list-style-image: url("chrome://global/skin/icons/Error.png");
1.110 +}
1.111 +
1.112 +/* We hold .downloadTarget, .downloadProgress and .downloadDetails inside of
1.113 + a vbox with class .downloadContainer. We set the font-size of the entire
1.114 + container to 90% because:
1.115 +
1.116 + 1) This is the size that we want .downloadDetails to be
1.117 + 2) The container's width is set by localizers by &downloadDetails.width;,
1.118 + which is a ch unit. Since this is the value that should control the
1.119 + panel width, we apply it to the outer container to constrain
1.120 + .downloadTarget and .downloadProgress.
1.121 +
1.122 + Finally, since we want .downloadTarget's font-size to be at 100% of the
1.123 + font-size of .downloadContainer's parent, we use calc to go from the
1.124 + smaller font-size back to the original font-size.
1.125 + */
1.126 +
1.127 +#downloadsSummaryDetails,
1.128 +.downloadContainer {
1.129 + font-size: 90%;
1.130 +}
1.131 +
1.132 +#downloadsSummaryDescription,
1.133 +.downloadTarget {
1.134 + margin-bottom: 7px;
1.135 + cursor: inherit;
1.136 +}
1.137 +
1.138 +.downloadTarget {
1.139 + font-size: calc(100%/0.9);
1.140 +}
1.141 +
1.142 +#downloadsSummaryDetails,
1.143 +.downloadDetails {
1.144 + margin-top: 1px;
1.145 + opacity: 0.6;
1.146 + cursor: inherit;
1.147 +}
1.148 +
1.149 +.downloadButton {
1.150 + -moz-appearance: none;
1.151 + min-width: 0;
1.152 + min-height: 0;
1.153 + margin: 3px;
1.154 + border: none;
1.155 + background: transparent;
1.156 + padding: 5px;
1.157 + list-style-image: url("chrome://browser/skin/downloads/buttons.png");
1.158 +}
1.159 +
1.160 +.downloadButton > .button-box {
1.161 + padding: 0;
1.162 +}
1.163 +
1.164 +.downloadButton:focus > .button-box {
1.165 + outline: 1px -moz-dialogtext dotted;
1.166 +}
1.167 +
1.168 +/*** Highlighted list items ***/
1.169 +
1.170 +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover {
1.171 + border-radius: 3px;
1.172 + border-top: 1px solid hsla(0,0%,100%,.3);
1.173 + border-bottom: 1px solid hsla(0,0%,0%,.2);
1.174 + background-color: Highlight;
1.175 + background-image: linear-gradient(hsla(0,0%,100%,.1), hsla(0,0%,100%,0));
1.176 + color: HighlightText;
1.177 + cursor: pointer;
1.178 +}
1.179 +
1.180 +/*** Button icons ***/
1.181 +
1.182 +.downloadButton.downloadCancel {
1.183 + -moz-image-region: rect(0px, 16px, 16px, 0px);
1.184 +}
1.185 +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel {
1.186 + -moz-image-region: rect(0px, 32px, 16px, 16px);
1.187 +}
1.188 +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:hover {
1.189 + -moz-image-region: rect(0px, 48px, 16px, 32px);
1.190 +}
1.191 +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:active {
1.192 + -moz-image-region: rect(0px, 64px, 16px, 48px);
1.193 +}
1.194 +
1.195 +.downloadButton.downloadShow {
1.196 + -moz-image-region: rect(16px, 16px, 32px, 0px);
1.197 +}
1.198 +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow {
1.199 + -moz-image-region: rect(16px, 96px, 32px, 80px);
1.200 +}
1.201 +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:hover {
1.202 + -moz-image-region: rect(16px, 112px, 32px, 96px);
1.203 +}
1.204 +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:active {
1.205 + -moz-image-region: rect(16px, 128px, 32px, 112px);
1.206 +}
1.207 +
1.208 +.downloadButton.downloadRetry {
1.209 + -moz-image-region: rect(32px, 16px, 48px, 0px);
1.210 +}
1.211 +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry {
1.212 + -moz-image-region: rect(32px, 32px, 48px, 16px);
1.213 +}
1.214 +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:hover {
1.215 + -moz-image-region: rect(32px, 48px, 48px, 32px);
1.216 +}
1.217 +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:active {
1.218 + -moz-image-region: rect(32px, 64px, 48px, 48px);
1.219 +}
