Bug 760607 - Update the Downloads Panel visual design. r=mak
authorPaolo Amadini <paolo.mozmail@amadzone.org>
Sat, 25 Aug 2012 11:37:55 +0200
changeset 105453 566171c7e6090b0802441151b4de71c1ddf9bf46
parent 105452 2bcda3ce2bc9013e6656337a15ccd257ac62b938
child 105454 a86ecc9f22ad8e2fb8dda4e1aa3490dbcb3eba22
push id55
push usershu@rfrn.org
push dateThu, 30 Aug 2012 01:33:09 +0000
reviewersmak
bugs760607
milestone17.0a1
Bug 760607 - Update the Downloads Panel visual design. r=mak
browser/components/downloads/content/download.xml
browser/components/downloads/content/downloads.js
browser/themes/gnomestripe/downloads/buttons.png
browser/themes/gnomestripe/downloads/downloads.css
browser/themes/pinstripe/downloads/buttons.png
browser/themes/pinstripe/downloads/downloads.css
browser/themes/winstripe/downloads/buttons-aero.png
browser/themes/winstripe/downloads/buttons.png
browser/themes/winstripe/downloads/downloads-aero.css
browser/themes/winstripe/downloads/downloads.css
--- a/browser/components/downloads/content/download.xml
+++ b/browser/components/downloads/content/download.xml
@@ -10,52 +10,41 @@
 
 <bindings id="downloadBindings"
           xmlns="http://www.mozilla.org/xbl"
           xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
           xmlns:xbl="http://www.mozilla.org/xbl">
 
   <binding id="download"
            extends="chrome://global/content/bindings/richlistbox.xml#richlistitem">
-    <resources>
-      <stylesheet src="chrome://browser/skin/downloads/downloads.css"/>
-    </resources>
-    <content orient="horizontal">
-      <xul:hbox class="downloadInfo"
-                align="center"
-                flex="1"
-                onclick="DownloadsView.onDownloadClick(event);">
-        <xul:vbox pack="center">
-          <xul:image class="downloadTypeIcon"
-                     validate="always"
-                     xbl:inherits="src=image"/>
-          <xul:image class="downloadTypeIcon blockedIcon"/>
-        </xul:vbox>
-        <xul:vbox pack="center"
-                  flex="1">
-          <xul:description class="downloadTarget"
-                           crop="center"
-                           xbl:inherits="value=target,tooltiptext=target"/>
-          <xul:progressmeter anonid="progressmeter"
-                             class="downloadProgress"
-                             min="0"
-                             max="100"
-                             xbl:inherits="mode=progressmode,value=progress"/>
-          <xul:description class="downloadDetails"
-                           crop="end"
-                           xbl:inherits="value=status,tooltiptext=statusTip"/>
-        </xul:vbox>
-      </xul:hbox>
-      <xul:hbox class="downloadButtonContainer"
-                align="center">
-        <xul:button class="downloadButton downloadCancel"
-                    tooltiptext="&cmd.cancel.label;"
-                    oncommand="DownloadsView.onDownloadCommand(event, 'downloadsCmd_cancel');"/>
-        <xul:button class="downloadButton downloadRetry"
-                    tooltiptext="&cmd.retry.label;"
-                    oncommand="DownloadsView.onDownloadCommand(event, 'downloadsCmd_retry');"/>
-        <xul:button class="downloadButton downloadShow"
-                    tooltiptext="&cmd.show.label;"
-                    oncommand="DownloadsView.onDownloadCommand(event, 'downloadsCmd_show');"/>
-      </xul:hbox>
+    <content orient="horizontal"
+             align="center"
+             onclick="DownloadsView.onDownloadClick(event);">
+      <xul:image class="downloadTypeIcon"
+                 validate="always"
+                 xbl:inherits="src=image"/>
+      <xul:image class="downloadTypeIcon blockedIcon"/>
+      <xul:vbox pack="center"
+                flex="1">
+        <xul:description class="downloadTarget"
+                         crop="center"
+                         xbl:inherits="value=target,tooltiptext=target"/>
+        <xul:progressmeter anonid="progressmeter"
+                           class="downloadProgress"
+                           min="0"
+                           max="100"
+                           xbl:inherits="mode=progressmode,value=progress"/>
+        <xul:description class="downloadDetails"
+                         crop="end"
+                         xbl:inherits="value=status,tooltiptext=statusTip"/>
+      </xul:vbox>
+      <xul:button class="downloadButton downloadCancel"
+                  tooltiptext="&cmd.cancel.label;"
+                  oncommand="DownloadsView.onDownloadCommand(event, 'downloadsCmd_cancel');"/>
+      <xul:button class="downloadButton downloadRetry"
+                  tooltiptext="&cmd.retry.label;"
+                  oncommand="DownloadsView.onDownloadCommand(event, 'downloadsCmd_retry');"/>
+      <xul:button class="downloadButton downloadShow"
+                  tooltiptext="&cmd.show.label;"
+                  oncommand="DownloadsView.onDownloadCommand(event, 'downloadsCmd_show');"/>
     </content>
   </binding>
 </bindings>
--- a/browser/components/downloads/content/downloads.js
+++ b/browser/components/downloads/content/downloads.js
@@ -574,18 +574,19 @@ const DownloadsView = {
     while (target.nodeName != "richlistitem") {
       target = target.parentNode;
     }
     new DownloadsViewItemController(target).doCommand(aCommand);
   },
 
   onDownloadClick: function DV_onDownloadClick(aEvent)
   {
-    // Handle primary clicks only.
-    if (aEvent.button == 0) {
+    // Handle primary clicks only, and exclude the action button.
+    if (aEvent.button == 0 &&
+        !aEvent.originalTarget.hasAttribute("oncommand")) {
       goDoCommand("downloadsCmd_open");
     }
   },
 
   onDownloadKeyPress: function DV_onDownloadKeyPress(aEvent)
   {
     // Handle unmodified keys only.
     if (aEvent.altKey || aEvent.ctrlKey || aEvent.shiftKey || aEvent.metaKey) {
old mode 100644
new mode 100755
index abff1bc4e26a27dae77a48b861179a1024829ab0..735804b44f1625ffc5c35dcb1678fca0c4c39b6c
GIT binary patch
literal 2485
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
--- a/browser/themes/gnomestripe/downloads/downloads.css
+++ b/browser/themes/gnomestripe/downloads/downloads.css
@@ -36,17 +36,18 @@
 /*** List items ***/
 
 richlistitem[type="download"] {
   height: 6em;
   margin: 0;
   border-top: 1px solid hsla(0,0%,100%,.2);
   border-bottom: 1px solid hsla(0,0%,0%,.15);
   background: transparent;
-  padding: 0;
+  padding: 8px;
+  -moz-padding-end: 0;
   color: inherit;
 }
 
 richlistitem[type="download"]:first-child {
   border-top: 1px solid transparent;
 }
 
 richlistitem[type="download"]:last-child {
@@ -54,21 +55,16 @@ richlistitem[type="download"]:last-child
 }
 
 #downloadsListBox:-moz-focusring > richlistitem[type="download"][selected] {
   outline: 1px #999 dotted;
   outline-offset: -1px;
   -moz-outline-radius: 3px;
 }
 
-.downloadInfo {
-  padding: 8px;
-  -moz-padding-end: 0;
-}
-
 .downloadTypeIcon {
   -moz-margin-end: 8px;
   /* Prevent flickering when changing states. */
   min-height: 32px;
   min-width: 32px;
 }
 
 .blockedIcon {
@@ -86,75 +82,79 @@ richlistitem[type="download"]:last-child
   font-size: 90%;
   cursor: inherit;
 }
 
 .downloadButton {
   -moz-appearance: none;
   min-width: 0;
   min-height: 0;
-  margin: 6px;
+  margin: 3px;
   border: none;
   background: transparent;
   padding: 5px;
   list-style-image: url("chrome://browser/skin/downloads/buttons.png");
 }
 
 .downloadButton > .button-box {
   padding: 0;
 }
 
 /*** Highlighted list items ***/
 
-richlistitem[type="download"][state="1"] > .downloadInfo {
-  border-top: 1px solid transparent;
-  border-bottom: 1px solid transparent;
-  -moz-padding-end: 8px;
-}
-
-richlistitem[type="download"][state="1"] > .downloadInfo:hover {
+richlistitem[type="download"][state="1"]:hover {
   border-radius: 3px;
   border-top: 1px solid hsla(0,0%,100%,.3);
   border-bottom: 1px solid hsla(0,0%,0%,.2);
   background-color: Highlight;
   background-image: -moz-linear-gradient(hsla(0,0%,100%,.1), hsla(0,0%,100%,0));
   color: HighlightText;
   cursor: pointer;
 }
 
 /*** Button icons ***/
 
 .downloadButton.downloadCancel {
-  -moz-image-region: rect(0px, 14px, 14px, 0px);
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 .downloadButton.downloadCancel:hover {
-  -moz-image-region: rect(0px, 28px, 14px, 14px);
+  -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 .downloadButton.downloadCancel:active {
-  -moz-image-region: rect(0px, 42px, 14px, 28px);
+  -moz-image-region: rect(0px, 48px, 16px, 32px);
 }
 
 .downloadButton.downloadShow {
-  -moz-image-region: rect(14px, 14px, 28px, 0px);
+  -moz-image-region: rect(16px, 16px, 32px, 0px);
 }
 .downloadButton.downloadShow:hover {
-  -moz-image-region: rect(14px, 28px, 28px, 14px);
+  -moz-image-region: rect(16px, 32px, 32px, 16px);
 }
 .downloadButton.downloadShow:active {
-  -moz-image-region: rect(14px, 42px, 28px, 28px);
+  -moz-image-region: rect(16px, 48px, 32px, 32px);
 }
 
 .downloadButton.downloadRetry {
-  -moz-image-region: rect(28px, 14px, 42px, 0px);
+  -moz-image-region: rect(32px, 16px, 48px, 0px);
 }
 .downloadButton.downloadRetry:hover {
-  -moz-image-region: rect(28px, 28px, 42px, 14px);
+  -moz-image-region: rect(32px, 32px, 48px, 16px);
 }
 .downloadButton.downloadRetry:active {
-  -moz-image-region: rect(28px, 42px, 42px, 28px);
+  -moz-image-region: rect(32px, 48px, 48px, 32px);
+}
+
+richlistitem[type="download"][state="1"]:hover > .downloadButton.downloadShow {
+  -moz-image-region: rect(48px, 16px, 64px, 0px);
+}
+richlistitem[type="download"][state="1"]:hover > .downloadButton.downloadShow:hover {
+  -moz-image-region: rect(48px, 32px, 64px, 16px);
+}
+richlistitem[type="download"][state="1"]:hover > .downloadButton.downloadShow:active {
+  -moz-image-region: rect(48px, 48px, 64px, 32px);
 }
 
 /*** Status and progress indicator ***/
 
 #downloads-indicator {
   width: 35px;
 }
 
@@ -223,56 +223,56 @@ richlistitem[type="download"][state="1"]
 
 #downloads-indicator[notification]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification {
   animation-name: downloadsIndicatorNotificationLeft;
 }
 
 /*** Progress bar and text ***/
 
 #downloads-indicator-counter {
-  height: 12px;
+  height: 10px;
   margin: 0;
   color: hsl(0,0%,30%);
   text-shadow: 0 1px 0 hsla(0,0%,100%,.5);
   font-size: 10px;
   line-height: 10px;
   text-align: center;
 }
 
 #downloads-indicator-progress {
-  width: 24px;
-  height: 4px;
+  width: 16px;
+  height: 6px;
   min-width: 0;
   min-height: 0;
   margin-top: 1px;
   margin-bottom: 2px;
   border-radius: 2px;
   box-shadow: 0 1px 0 hsla(0,0%,100%,.4);
 }
 
 #downloads-indicator-progress > .progress-bar {
   -moz-appearance: none;
   min-width: 0;
   min-height: 0;
-  background-image: -moz-linear-gradient(#41a0ff, #2090ff);
+  background-image: -moz-linear-gradient(#5ab9ff, #37a4ff);
   border: 1px solid;
-  border-color: hsla(0,0%,0%,.6) hsla(0,0%,0%,.2) hsla(0,0%,0%,.2);
+  border-color: rgba(0,43,86,.6) rgba(0,43,86,.4) rgba(0,43,86,.4);
   border-radius: 2px 0 0 2px;
 }
 
 #downloads-indicator-progress > .progress-remainder {
   -moz-appearance: none;
   min-width: 0;
   min-height: 0;
-  background-image: -moz-linear-gradient(#9a9a9a, #a1a1a1);
+  background-image: -moz-linear-gradient(#505050, #575757);
   border: 1px solid;
-  border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.3) hsla(0,0%,0%,.2);
+  border-color: hsla(0,0%,0%,.6) hsla(0,0%,0%,.4) hsla(0,0%,0%,.4);
   -moz-border-start: none;
   border-radius: 0 2px 2px 0;
 }
 
 #downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar {
-  background-image: -moz-linear-gradient(#a0a000, #909000);
+  background-image: -moz-linear-gradient(#dce651, #dae631);
 }
 
 #downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder {
-  background-image: -moz-linear-gradient(#9a9a00, #a1a100);
+  background-image: -moz-linear-gradient(#4b5000, #515700);
 }
old mode 100644
new mode 100755
index 0b5161ff01e345592da15d696a7f8de985f5db5d..ce6ab03484051df84b7f9ed159cc74fbc442905b
GIT binary patch
literal 1756
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
--- a/browser/themes/pinstripe/downloads/downloads.css
+++ b/browser/themes/pinstripe/downloads/downloads.css
@@ -55,17 +55,18 @@
 /*** List items ***/
 
 richlistitem[type="download"] {
   height: 7em;
   margin: 0;
   border-top: 1px solid hsla(0,0%,100%,.07);
   border-bottom: 1px solid hsla(0,0%,0%,.2);
   background: transparent;
-  padding: 0;
+  padding: 8px;
+  -moz-padding-end: 0;
   color: inherit;
 }
 
 richlistitem[type="download"]:first-child {
   border-top: 1px solid transparent;
 }
 
 richlistitem[type="download"]:last-child {
@@ -73,21 +74,16 @@ richlistitem[type="download"]:last-child
 }
 
 #downloadsListBox:-moz-focusring > richlistitem[type="download"][selected] {
   outline: 1px #999 dotted;
   outline-offset: -1px;
   -moz-outline-radius: 3px;
 }
 
-.downloadInfo {
-  padding: 8px;
-  -moz-padding-end: 0;
-}
-
 .downloadTypeIcon {
   -moz-margin-end: 8px;
   /* Prevent flickering when changing states. */
   min-height: 32px;
   min-width: 32px;
 }
 
 .blockedIcon {
@@ -104,75 +100,69 @@ richlistitem[type="download"]:last-child
   font-size: 95%;
   cursor: inherit;
 }
 
 .downloadButton {
   -moz-appearance: none;
   min-width: 0;
   min-height: 0;
-  margin: 6px;
+  margin: 3px;
   border: none;
   background: transparent;
   padding: 5px;
   list-style-image: url("chrome://browser/skin/downloads/buttons.png");
 }
 
 .downloadButton > .button-box {
   padding: 0;
 }
 
 /*** Highlighted list items ***/
 
-richlistitem[type="download"][state="1"] .downloadInfo {
-  border-top: 1px solid transparent;
-  border-bottom: 1px solid transparent;
-  -moz-padding-end: 8px;
-}
-
-richlistitem[type="download"][state="1"] .downloadInfo:hover {
+richlistitem[type="download"][state="1"]:hover {
   border-radius: 3px;
   border-top: 1px solid hsla(0,0%,100%,.2);
   border-bottom: 1px solid hsla(0,0%,0%,.4);
   background-color: Highlight;
   background-image: -moz-linear-gradient(hsl(210,100%,50%), hsl(210,96%,41%));
   color: HighlightText;
   cursor: pointer;
 }
 
 /*** Button icons ***/
 
 .downloadButton.downloadCancel {
-  -moz-image-region: rect(0px, 14px, 14px, 0px);
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 .downloadButton.downloadCancel:hover {
-  -moz-image-region: rect(0px, 28px, 14px, 14px);
+  -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 .downloadButton.downloadCancel:active {
-  -moz-image-region: rect(0px, 42px, 14px, 28px);
+  -moz-image-region: rect(0px, 48px, 16px, 28px);
 }
 
 .downloadButton.downloadShow {
-  -moz-image-region: rect(14px, 14px, 28px, 0px);
+  -moz-image-region: rect(16px, 16px, 32px, 0px);
 }
 .downloadButton.downloadShow:hover {
-  -moz-image-region: rect(14px, 28px, 28px, 14px);
+  -moz-image-region: rect(16px, 32px, 32px, 16px);
 }
 .downloadButton.downloadShow:active {
-  -moz-image-region: rect(14px, 42px, 28px, 28px);
+  -moz-image-region: rect(16px, 48px, 32px, 32px);
 }
 
 .downloadButton.downloadRetry {
-  -moz-image-region: rect(28px, 14px, 42px, 0px);
+  -moz-image-region: rect(32px, 16px, 48px, 0px);
 }
 .downloadButton.downloadRetry:hover {
-  -moz-image-region: rect(28px, 28px, 42px, 14px);
+  -moz-image-region: rect(32px, 32px, 48px, 16px);
 }
 .downloadButton.downloadRetry:active {
-  -moz-image-region: rect(28px, 42px, 42px, 28px);
+  -moz-image-region: rect(32px, 48px, 48px, 32px);
 }
 
 /*** Status and progress indicator ***/
 
 #downloads-indicator {
   width: 35px;
 }
 
@@ -244,56 +234,56 @@ richlistitem[type="download"][state="1"]
 
 #downloads-indicator[notification]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification {
   animation-name: downloadsIndicatorNotificationLeft;
 }
 
 /*** Progress bar and text ***/
 
 #downloads-indicator-counter {
-  height: 12px;
+  height: 10px;
   margin: 0;
   color: hsl(0,0%,30%);
   text-shadow: 0 1px 0 hsla(0,0%,100%,.5);
   font-size: 10px;
   line-height: 10px;
   text-align: center;
 }
 
 #downloads-indicator-progress {
-  width: 24px;
-  height: 4px;
+  width: 16px;
+  height: 6px;
   min-width: 0;
   min-height: 0;
   margin-top: 1px;
   margin-bottom: 2px;
   border-radius: 2px;
   box-shadow: 0 1px 0 hsla(0,0%,100%,.4);
 }
 
 #downloads-indicator-progress > .progress-bar {
   -moz-appearance: none;
   min-width: 0;
   min-height: 0;
-  background-image: -moz-linear-gradient(#41a0ff, #2090ff);
+  background-image: -moz-linear-gradient(#5ab9ff, #37a4ff);
   border: 1px solid;
-  border-color: hsla(0,0%,0%,.6) hsla(0,0%,0%,.2) hsla(0,0%,0%,.2);
+  border-color: rgba(0,43,86,.6) rgba(0,43,86,.4) rgba(0,43,86,.4);
   border-radius: 2px 0 0 2px;
 }
 
 #downloads-indicator-progress > .progress-remainder {
   -moz-appearance: none;
   min-width: 0;
   min-height: 0;
-  background-image: -moz-linear-gradient(#9a9a9a, #a1a1a1);
+  background-image: -moz-linear-gradient(#505050, #575757);
   border: 1px solid;
-  border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.3) hsla(0,0%,0%,.2);
+  border-color: hsla(0,0%,0%,.6) hsla(0,0%,0%,.4) hsla(0,0%,0%,.4);
   -moz-border-start: none;
   border-radius: 0 2px 2px 0;
 }
 
 #downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar {
-  background-image: -moz-linear-gradient(#a0a000, #909000);
+  background-image: -moz-linear-gradient(#dce651, #dae631);
 }
 
 #downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder {
-  background-image: -moz-linear-gradient(#9a9a00, #a1a100);
+  background-image: -moz-linear-gradient(#4b5000, #515700);
 }
old mode 100644
new mode 100755
index 22592cd6c991067145b4571f1b056ee553f92438..68b342bbf6edd2874f6f641a6dbc043594c310f1
GIT binary patch
literal 3185
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
Xi=?)Rgw%<=00000NkvXXu0mjfW4!x!
old mode 100644
new mode 100755
index 586e59bdc4d5e21f5ac56c258d9a14c31a09d946..63ad7fdea8fadecbbe1f23b49a7425edf78f9c51
GIT binary patch
literal 3286
zc$@*&3@P)8P)<h;3K|Lk000e1NJLTq001xm002M;1^@s6Tp;vD0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU;cu7P-RA}DqnF&yoM;6C}QAFagF=Y-z
z+;9dMW(MTG1h3u1Xiz~!?%SXS@!$r5aLautc;Go)!zDN%q9l^2#8p#9NQ@>0sgP_;
zG-a~8;#LrP-y56Z^W&R?Y;6_U;;Z@<kJsJsUVnZ3yT50inR=$4|Bom1IGF}$0P}zs
z=ub@w(}#7YO~wRf0P_I@zydG_j49^SXF%)Bko$)s(@sjFGb>4C`bmk*mri|YV?KG0
zP532={q9eR&Gv3tU9_b>C{vKYOyE_4m#CZPahxpn7vF^60}!;)hh<m?>&gvap^o{i
zsPvQVd-Cc?LQbs&K^uKorYwP3i=1a!zjvv9N&HvDA*x4$pp8B(Q}PC0^e(x#%*?;`
zbG}b4u?&^mLC{7YmSG)*Z(uZu_`Nkv8T(oYg0?EbGn23h|D<VY(su+wTT$?gIWQM6
z3p_Nq#WJ|%mcaiMLC{7YmeD%O=K%D2V|IBfLC~J)n6}u`)#wm&n;>YbIEm-dAVU@h
zHhjVJ783+*^r@UcQhuEzqqLc%6x6pPXroWn;069I67#SwVjA4uj-ZV`6(%tb4|@}j
zqdoer2Z_+9`YQx&^kJFOAq2fGNhxe3343d$V;(^peORU}c*9Lq5}r>3G4!aEj(G%a
zsSnDOO=1I=lJ3`6<q;#d^4@?0|Jsb8jXo?>X%Yi-m}8#Hr)c~GbC_eE%O`Icb>G`3
z*qHmx60f4WcB9KE+UUbFrOW8lMmF_KJyXv_C-1X#qT(cd1<<0r3_MRK?X#0P0ZkgP
zEwCEc0Ju_n3BU(*fY%fzhH4W<+b9XSVgkNSP@tNs1Y)=AI$4%HAY<vCegeKuP@tMh
z62P9fHTF10g#Jx31b+3zJgBkH|G>k|Q2r+10N7ADp-YocAKQWR>qzGQ(@&9F+(Z(e
zBm!zw1QJ`u$Lv6s?)iqiUGP}Os{A4Hm&^ymDgF+zjkp48^dj)_C?7Ktz+tmm;NL(j
zw_X@y%ZFrf=ox}a)X2Sp7`hz<4oKm99`B)V<+(BaQ&3N`$|N$LByftvW>wa#_l;ge
zcVa1<qly=^6L3oSn!J_!NXDBv56OzuyTo?q)f&Aud5h>yEJf&7x0sQ@LST)+S4=Fz
zI%Sx@d!CpEohCN#w)J=w-zx|_^e6)fIQTGiO-gS(9a{5b0mNt55Y#&<1y4xIZ+IM=
zRn;1@vp^>yN8Fv9-yroT1F>1vH`xh*-Y1T+UlPZdTT<+!dLCPCyV%O}6zSM(ztZgx
z{khcd5d8)8?uDC-1YQD`8@e4LCf+r~#0#k=Jg=$|^MHms9tA%Xnfi(cc%D_VGQQ`D
zAEAvCuwZN~?kcci_A(L_k)xfQU;kkiyp7z0XJot&iLw(g+IY;0*~^IGh6-()h^rqu
zC4NJer`{vW)9y=u+U~kR*mJ-o^;Y3%FOT9;c()LwbU)v(5#B~CsM|K_Ph*dh1lp{^
z;U^0K6lZrD44Jf&W+~}F=DyQp?}0Xwcla#HXMpAG1mKT%TW|jxvDtBra-G=izDXS8
zz9!Clz9Y^_-^;*qMgj`}XOPPShVI9R;l|@qi~!?JmBhrS9;A3P5d^fzz;bBghO3e+
zfV7fRB)_7A6dX}bdg=HCEVf>RVEc$;e7{mG-|J>3fXm{lH{1>rzHcMp`!y-WaKjNo
zm)o%fu(ykjo>vL1%TB<2%SXg6`nF17T}A?^@7Ei+9)i<Xol0O`x>qm~fN@@Ytdo=+
zR}9v{y6gmmA?Jwo&K_dDt5-2l2kWxlz*~B2_Y)(}YM@35)dcHe8*D2J0M`4<xO|SD
zgXMvBpl<iLli0=+mj!`mh#<H_F;EBUb~6&d4awq-b)|i}@01c<m;H)?I#9Qt-V;5~
zJc((tS0M#xa-768*{hHOG#Lq?Bv|NK_;&~IlAqT5l-~FD+4r+ACs2lUurA#{G$xCf
z)1YtSWrmoO#~(xFDM(n29zWG4^Cho3>Ku9oo=5GOlv%)R`Ua-|u73gwRp-A65)`VA
zoWN(&TL*2x6tJV90@Vlf@PhZRao1PSp`<A%K#>*@8J$si0zn&nv`iQHR#AYUHno6A
z+lWt2AZVkHmgxfDas)q%PE4x}xdWjN@11M33~9cGpzWUbeK?ePxn}q8Fy2^k4{RaI
zka7PUWb+PKCI?ZxCFR#kK|3+GZV&`tYEoYP0EjyxFL<l1T{|3OZw)#p_7msCK1x3d
zy+QlkH&UJAzZ!6e?j>B8S}4#Qwsna4-nBylUyu+C(C4`QLYHYk)2}?wO56ulJf(%C
zhnkGaoyi3as7i<73?Po!b2u1@%dQrK)ELg#hvx(d!8)Axp<y5FToQMOz-{!fb@(N*
zS&$?c0ZA=hmh%1Ziu9k!%FJKLlGxjX)%!SXtn9aS)bV}9ASuKnRv|6D%XVLES{`|+
z#roaWUSVMKh*`)PI3t{uo)Mt_x~F#Hn9M3I=<P=-MUBJT6AyXATCV}jK(@r}6M}%d
zkHQW~;ZURIo6l+4?Yi;EG5XdpoT$8Et=9l%AbfAJ&?%ws{>t<RWM#%LQc2B704J=r
zTh6zkyiKAZo>$Gtim1zVp!@xT4*%ONsN%PX^;vyo!hq&Mv*31O7IK#GU^gD8g&=__
zJix?dRf{2L+3W`GZv<z6AF|8ZKuWhuNi8}xE&;RPwkW&E9yo|}iXmuOd+0SI>xipA
zIKwsjvech|ds3CkNB~zDGuyDXMpT~`fsMTo_$E4u&0W%NN11q5{u33cX;7OK<4qz$
z&&*>(2)+S`P(nwho$w#^#bwv<fV<e^s8&a%HXbv_B@lE*gc6$X*C1;z3_Q&P?pkiU
zL~J6i$)xt;&<<t-xJ=ra`PE)W3B7b@S1moPECPFtzDvmiRH~yg8_{zqCG-;D1!e-3
z>7^|sCR60gkQdW{*<5mB+?9GjOQmJ_6=LFB@5_)E(}3Ara)O<JsZZ5)L-(U(>5dDv
z^fuxZzw&=*x##rTdlmoaLM4VDe5KjokvFiM?#g4!D4cy`QDwqBsQx``JI|{&)?(`=
zA`FmJPjKUs4k7E1re*`T3jCDRL&rCdu1vc0{EK^m3Ed+W(Ce5nDG{D<KpWn`BT$>e
zuw=Tj{}K53iUQGJe?VIp((%YFtZUfVt9D#_@bTp&Af3c(({G3AuPYzYUw?39dE~_^
znuH_0PH|ot)9p_aSipI`4#PqXhEIHUnN&6pzhBfOg8Lya<o&`X5lrx5u(K6>7f>^B
zKNc?xf!l=8&S9Q!lL$U&cp*HWMv;kM^Dx-ia(3YP!AFLyErS}Gb=Q^?y>;ayLf`6}
zP7xneAp-BpPqkMUj_^H>is>8BkoR#zJvOs422Naqd&^<TWROwXf*V<+l8+ne`ff*J
zO#E911;OWtAgJRBVDo%i1`ReGi&XS=#;@$x6_7-e&O4<;x-Mmmb3hr<SzY{_sgLL|
z)O%f_jK(Aa!m|uvP9*Nh6IUZ>qYuke_(G%p+RAi8J=cmv1NW2F2-@hwG6ez-rNpbg
z`ybe^Nxm6w5hy+lJ^m>IcFXFd&%$6LThLn!rJq^VFj%^oX;52b`HI5{gQc692DQ~x
zP@z&W2b-4;tT<MHGsOyhbjO}KslU)Dkkjf@pO*d?4<Te4Fayv8<^XdkvjGiYI-oY0
z6PQ5*)&dLwV+z`T23`c7SDG07(h4*)XaO>SnJNY{%)xo=Stac>Y4BX_uLHJ#9<Yek
zdl{Gy%mSWe{-Hy_eijwLDVmIg!CsC)1~~W$7y=%%=wh^+LwkE7?XS?cqRtGU3@Bnz
z3Iqbrv4VY-BY{3S<O6?V)ivNqKwkSw;BCN}vIJNSy!6!QpgoR37gNyQOfyXbY8d2j
zBygL>7qnCGm48Hga+Ir#cFzIY9PMubb-+5{2CF^(?bn|gp76^n96`+kVregCFeu`v
ztH<HP33wLx8t7qghcyRY16&!sJjz-+T*kEr^l?Hn|5*ZX6ga{F=S3Ef%p!v$*iPU#
z77u|hfop77ZvcDq>O|Vpm1-_CfOH^^_P8>VITH8`xU4FScC%@3PN+Rs0vP-*6^Y|W
z;KD>;w8ORCXrk@85{Lq}1K~=*I#C=6oSO)&H=sAs_O#7YbHE$ep(5TK3FH86Dw4}+
zhr8-Rx?-u?zMQtvm<&>4I^7Ev(q1)If*!4lZKh9#1k`8}8gw|#Rl*-b<f;1n2OcXz
Uho>Vc>Hq)$07*qoM6N<$f@gy(j{pDw
--- a/browser/themes/winstripe/downloads/downloads-aero.css
+++ b/browser/themes/winstripe/downloads/downloads-aero.css
@@ -11,22 +11,17 @@
     background-color: #f1f5fb;
   }
 
   richlistitem[type="download"] {
     border: 1px solid transparent;
     border-bottom: 1px solid hsl(213,40%,90%);
   }
 
-  richlistitem[type="download"][state="1"] > .downloadInfo {
-    border: 1px solid transparent;
-    -moz-padding-end: 8px;
-  }
-
-  richlistitem[type="download"][state="1"] > .downloadInfo:hover {
+  richlistitem[type="download"][state="1"]:hover {
     border: 1px solid hsl(213,45%,65%);
     box-shadow: 0 0 0 1px hsla(0,0%,100%,.5) inset,
                 0 1px 0 hsla(0,0%,100%,.3) inset;
     background-image: -moz-linear-gradient(hsl(212,86%,92%), hsl(212,91%,86%));
     color: black;
   }
 }
 
--- a/browser/themes/winstripe/downloads/downloads.css
+++ b/browser/themes/winstripe/downloads/downloads.css
@@ -48,17 +48,18 @@
 /*** List items ***/
 
 richlistitem[type="download"] {
   height: 7em;
   margin: 0;
   border-top: 1px solid hsla(0,0%,100%,.3);
   border-bottom: 1px solid hsla(220,18%,51%,.25);
   background: transparent;
-  padding: 0;
+  padding: 8px;
+  -moz-padding-end: 0;
   color: inherit;
 }
 
 richlistitem[type="download"]:first-child {
   border-top: 1px solid transparent;
 }
 
 @media (-moz-windows-default-theme) {
@@ -68,21 +69,16 @@ richlistitem[type="download"]:first-chil
 }
 
 #downloadsListBox:-moz-focusring > richlistitem[type="download"][selected] {
   outline: 1px #999 dotted;
   outline-offset: -1px;
   -moz-outline-radius: 3px;
 }
 
-.downloadInfo {
-  padding: 8px;
-  -moz-padding-end: 0;
-}
-
 .downloadTypeIcon {
   -moz-margin-end: 8px;
   /* Prevent flickering when changing states. */
   min-height: 32px;
   min-width: 32px;
 }
 
 .blockedIcon {
@@ -99,83 +95,87 @@ richlistitem[type="download"]:first-chil
   font-size: 90%;
   cursor: inherit;
 }
 
 .downloadButton {
   -moz-appearance: none;
   min-width: 0;
   min-height: 0;
-  margin: 6px;
+  margin: 3px;
   border: none;
   background: transparent;
   padding: 5px;
   list-style-image: url("chrome://browser/skin/downloads/buttons.png");
 }
 
 .downloadButton > .button-box {
   padding: 0;
 }
 
 /*** Highlighted list items ***/
 
-%ifdef WINSTRIPE_AERO
-@media not all and (-moz-windows-default-theme) {
-%endif
-
-richlistitem[type="download"][state="1"] > .downloadInfo {
-  border-top: 1px solid transparent;
-  border-bottom: 1px solid transparent;
-  -moz-padding-end: 8px;
-}
-
-%ifdef WINSTRIPE_AERO
-}
-%endif
-
-richlistitem[type="download"][state="1"] > .downloadInfo:hover {
+richlistitem[type="download"][state="1"]:hover {
   border-radius: 3px;
   border-top: 1px solid hsla(0,0%,100%,.2);
   border-bottom: 1px solid hsla(0,0%,0%,.2);
   background-color: Highlight;
   color: HighlightText;
   cursor: pointer;
 }
 
 /*** Button icons ***/
 
 .downloadButton.downloadCancel {
-  -moz-image-region: rect(0px, 14px, 14px, 0px);
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 .downloadButton.downloadCancel:hover {
-  -moz-image-region: rect(0px, 28px, 14px, 14px);
+  -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 .downloadButton.downloadCancel:active {
-  -moz-image-region: rect(0px, 42px, 14px, 28px);
+  -moz-image-region: rect(0px, 48px, 16px, 32px);
 }
 
 .downloadButton.downloadShow {
-  -moz-image-region: rect(14px, 14px, 28px, 0px);
+  -moz-image-region: rect(16px, 16px, 32px, 0px);
 }
 .downloadButton.downloadShow:hover {
-  -moz-image-region: rect(14px, 28px, 28px, 14px);
+  -moz-image-region: rect(16px, 32px, 32px, 16px);
 }
 .downloadButton.downloadShow:active {
-  -moz-image-region: rect(14px, 42px, 28px, 28px);
+  -moz-image-region: rect(16px, 48px, 32px, 32px);
 }
 
 .downloadButton.downloadRetry {
-  -moz-image-region: rect(28px, 14px, 42px, 0px);
+  -moz-image-region: rect(32px, 16px, 48px, 0px);
 }
 .downloadButton.downloadRetry:hover {
-  -moz-image-region: rect(28px, 28px, 42px, 14px);
+  -moz-image-region: rect(32px, 32px, 48px, 16px);
 }
 .downloadButton.downloadRetry:active {
-  -moz-image-region: rect(28px, 42px, 42px, 28px);
+  -moz-image-region: rect(32px, 48px, 48px, 32px);
+}
+
+%ifdef WINSTRIPE_AERO
+@media not all and (-moz-windows-default-theme) {
+%endif
+
+richlistitem[type="download"][state="1"]:hover > .downloadButton.downloadShow {
+  -moz-image-region: rect(48px, 16px, 64px, 0px);
 }
+richlistitem[type="download"][state="1"]:hover > .downloadButton.downloadShow:hover {
+  -moz-image-region: rect(48px, 32px, 64px, 16px);
+}
+richlistitem[type="download"][state="1"]:hover > .downloadButton.downloadShow:active {
+  -moz-image-region: rect(48px, 48px, 64px, 32px);
+}
+
+%ifdef WINSTRIPE_AERO
+}
+%endif
 
 /*** Status and progress indicator ***/
 
 #downloads-indicator {
   width: 35px;
 }
 
 #downloads-indicator-anchor {
@@ -243,62 +243,62 @@ richlistitem[type="download"][state="1"]
 
 #downloads-indicator[notification]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification {
   animation-name: downloadsIndicatorNotificationLeft;
 }
 
 /*** Progress bar and text ***/
 
 #downloads-indicator-counter {
-  height: 12px;
+  height: 10px;
   margin: 0;
   color: hsl(0,0%,30%);
   text-shadow: hsla(0,0%,100%,.5) 0 1px;
   font-size: 10px;
   line-height: 10px;
   text-align: center;
 }
 
 #downloads-indicator-counter:-moz-lwtheme-brighttext {
   color: white;
   text-shadow: 0 0 1px rgba(0,0,0,.7),
                0 1px 1.5px rgba(0,0,0,.5);
 }
 
 #downloads-indicator-progress {
-  width: 24px;
-  height: 4px;
+  width: 16px;
+  height: 6px;
   min-width: 0;
   min-height: 0;
   margin-top: 1px;
   margin-bottom: 2px;
   border-radius: 2px;
   box-shadow: 0 1px 0 hsla(0,0%,100%,.4);
 }
 
 #downloads-indicator-progress > .progress-bar {
   -moz-appearance: none;
   min-width: 0;
   min-height: 0;
-  background-image: -moz-linear-gradient(#92DDA0, #6FC483 49%, #5EB272 51%, #80CE91);
+  background-image: -moz-linear-gradient(#5ab9ff, #37a4ff);
   border: 1px solid;
-  border-color: hsla(0,0%,0%,.6) hsla(0,0%,0%,.2) hsla(0,0%,0%,.2);
+  border-color: rgba(0,43,86,.6) rgba(0,43,86,.4) rgba(0,43,86,.4);
   border-radius: 2px 0 0 2px;
 }
 
 #downloads-indicator-progress > .progress-remainder {
   -moz-appearance: none;
   min-width: 0;
   min-height: 0;
-  background-image: -moz-linear-gradient(#9a9a9a, #a1a1a1);
+  background-image: -moz-linear-gradient(#505050, #575757);
   border: 1px solid;
-  border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.3) hsla(0,0%,0%,.2);
+  border-color: hsla(0,0%,0%,.6) hsla(0,0%,0%,.4) hsla(0,0%,0%,.4);
   -moz-border-start: none;
   border-radius: 0 2px 2px 0;
 }
 
 #downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar {
-  background-image: -moz-linear-gradient(#DDDD00, #C4C400 49%, #B2B200 51%, #CECE00);
+  background-image: -moz-linear-gradient(#dce651, #dae631);
 }
 
 #downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder {
-  background-image: -moz-linear-gradient(#9a9a00, #a1a100);
+  background-image: -moz-linear-gradient(#4b5000, #515700);
 }