/*** Panel and outer controls ***/
-#downloadsHistory,
-#downloadsHistory:-moz-focusring > .button-box {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
-}
-
-#downloadsPanel:not([hasdownloads]) > #downloadsHistory,
-#downloadsPanel:not([hasdownloads]) > #downloadsHistory:-moz-focusring > .button-box {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
-}
-
#downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent {
/* Avoid that the arrow overlaps the selection on first item */
padding-top: 5px;
}
#downloadsListBox {
- width: 60ch;
background-color: transparent;
padding: 4px;
color: inherit;
}
#downloadsHistory {
- background: inherit;
+ background: transparent;
color: #9C9CFF;
cursor: pointer;
}
margin: 0;
border-bottom: 1px dotted #9C9CFF;
background: transparent;
- padding: 0;
+ padding: 8px;
+ -moz-padding-end: 0;
color: inherit;
}
#downloadsListBox:-moz-focusring > richlistitem[type="download"][selected] {
outline: 1px #008484 dotted;
outline-offset: -1px;
- -moz-outline-radius: 3px;
-}
-
-.downloadInfo {
- padding: 8px;
- -moz-padding-end: 0;
+ /*-moz-outline-radius: 3px;*/
}
.downloadTypeIcon {
/*** Highlighted list items ***/
-richlistitem[type="download"][state="1"] > .downloadInfo {
- -moz-padding-end: 8px;
-}
-
-richlistitem[type="download"][state="1"] > .downloadInfo:hover {
+richlistitem[type="download"][state="1"]:hover {
background-color: #794900;
color: #FFCF00;
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,
.downloadButton.downloadCancel:active {
- -moz-image-region: rect(0px, 28px, 14px, 14px);
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
}
.downloadButton.downloadShow {
- -moz-image-region: rect(14px, 14px, 28px, 0px);
+ -moz-image-region: rect(16px, 16px, 32px, 0px);
}
.downloadButton.downloadShow:hover,
.downloadButton.downloadShow:active {
- -moz-image-region: rect(14px, 28px, 28px, 14px);
+ -moz-image-region: rect(16px, 32px, 32px, 16px);
}
.downloadButton.downloadRetry {
- -moz-image-region: rect(28px, 14px, 42px, 0px);
+ -moz-image-region: rect(32px, 16px, 48px, 0px);
}
.downloadButton.downloadRetry:hover,
.downloadButton.downloadRetry:active {
- -moz-image-region: rect(28px, 28px, 42px, 14px);
+ -moz-image-region: rect(32px, 32px, 48px, 16px);
}
/*** Status and progress indicator ***/
-#downloads-indicator {
- width: 35px;
-}
-
#downloads-indicator-anchor {
- min-width: 18px;
- min-height: 18px;
/* Makes the outermost stack element positioned, so that its contents are
rendered over the main browser window in the Z order. This is required by
the animated event notification. */
#downloads-indicator-icon {
background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"),
0, 108, 18, 90) center no-repeat;
+ min-width: 18px;
+ min-height: 18px;
}
#downloads-indicator:hover > #downloads-indicator-anchor > #downloads-indicator-icon,
background-size: 16px;
}
-@-moz-keyframes downloadsIndicatorNotificationRight {
- from { opacity: 0; -moz-transform: translate(-128px, 128px) scale(8); }
- 20% { opacity: .85; -moz-animation-timing-function: ease-out; }
- to { opacity: 0; -moz-transform: translate(0) scale(1); }
+@keyframes downloadsIndicatorNotificationRight {
+ from { opacity: 0; transform: translate(-128px, 128px) scale(8); }
+ 20% { opacity: .85; animation-timing-function: ease-out; }
+ to { opacity: 0; transform: translate(0) scale(1); }
}
-@-moz-keyframes downloadsIndicatorNotificationLeft {
- from { opacity: 0; -moz-transform: translate(128px, 128px) scale(8); }
- 20% { opacity: .85; -moz-animation-timing-function: ease-out; }
- to { opacity: 0; -moz-transform: translate(0) scale(1); }
+@keyframes downloadsIndicatorNotificationLeft {
+ from { opacity: 0; transform: translate(128px, 128px) scale(8); }
+ 20% { opacity: .85; animation-timing-function: ease-out; }
+ to { opacity: 0; transform: translate(0) scale(1); }
}
#downloads-indicator[notification] > #downloads-indicator-anchor > #downloads-indicator-notification {
- -moz-animation-name: downloadsIndicatorNotificationRight;
- -moz-animation-duration: 1s;
+ animation-name: downloadsIndicatorNotificationRight;
+ animation-duration: 1s;
}
#downloads-indicator[notification]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification {
- -moz-animation-name: downloadsIndicatorNotificationLeft;
+ animation-name: downloadsIndicatorNotificationLeft;
}
/*** Progress bar and text ***/
#downloads-indicator-counter {
- height: 12px;
+ height: 10px;
margin: 0;
color: #FFCF00;
font-size: 10px;
}
#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;
- border: 1px solid #FFCF00;
+ background-color: #795900;
+ /*border: 1px solid #FFCF00;*/
}
#downloads-indicator-progress > .progress-bar {