Example styles for userChrome.css/Stylish:
You can use DownloadPanelTweaker:OpenDownloadWindow
(“open old window”), DownloadPanelTweaker:ToggleDownloadSidebar
(“toggle sidebar”) and DownloadPanelTweaker:OpenDownloadTab
(“open in tab”) events to override commands, example:
window.addEventListener("DownloadPanelTweaker:OpenDownloadWindow", function(e) {
e.preventDefault();
// Put here some code to open alternative download window
}, false);
Compact downloads list style: https://github.com/Infocatcher/UserStyles/tree/master/Compact_downloads
Visible downloads count limit: https://gist.github.com/Infocatcher/5387328
Show download rate: https://gist.github.com/Infocatcher/5787749
Don't remove finished downloads: https://gist.github.com/Infocatcher/6452231
Additional tweaks can be done using following style (but [downloadPanelTweaker_paused]
doesn't work without extension):
/* Download Panel Tweaker */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url("chrome://browser/content/browser.xul"),
url("chrome://browser/content/places/places.xul"),
url("about:downloads"),
url("chrome://browser/content/downloads/contentAreaDownloadsView.xul") {
#downloadsListBox { /* Firefox < 20 or NASA Night Launch theme */
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
.downloadContainer,
.download-state > vbox /* Firefox < 20 */ {
width: 58ch !important;
min-width: 0 !important;
}
#downloadsSummaryDescription,
#downloadsSummaryDetails {
width: 58ch !important;
min-width: 0 !important;
}
.downloadTarget {
min-width: 5ch !important;
}
.downloadProgress {
min-width: 20px !important;
min-height: 10px !important;
height: 10px !important;
}
.downloadProgress > .progress-bar {
height: auto !important;
min-height: 2px !important;
max-height: 10px !important;
}
/* Paused downloads */
.download-state[state="4"] .downloadProgress,
#downloadsSummary[downloadPanelTweaker_paused] .downloadProgress {
/* Firefox 35 and older */
filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale");
/* Firefox 36+ */
filter: grayscale(1);
}
.download-state[state="4"] .downloadProgress > .progress-bar,
.download-state[state="4"] .downloadProgress > .progress-remainder,
#downloadsSummary[downloadPanelTweaker_paused] .downloadProgress > .progress-bar,
#downloadsSummary[downloadPanelTweaker_paused] .downloadProgress > .progress-remainder {
opacity: 0.85;
}
}