NewDownloadsPanel显示下载进度数值(Nightly)

鼠标停留在下载按钮上显示当前下载进度数值，
仅适用于开启新下载面板的Firefox版本。
http://userstyles.org/styles/71325

图片：preview.gif

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul) {

#downloads-indicator-progress-area { position: relative }
#downloads-indicator-progress-area::after {
    left: 43px;
    content: "%";
    background: rgba(0,0,0,.5);
    padding : 0 2px 0 22px;
    margin-left: -22px;
    border-radius: 3px;
}
#downloads-indicator-progress::after {
    left: 22px;
    z-index: 1;
    content: attr(value);
    width: 20px;
    overflow: hidden;
}
:-moz-any(#downloads-indicator-progress,#downloads-indicator-progress-area)::after {
    position: absolute;
    top: 1px;
    font-size: 11px;
    color: #FFF;
    opacity: 0;
    transform: translateX(-20px);
    transition-duration: 800ms,600ms;
}
#downloads-indicator:hover :-moz-any(#downloads-indicator-progress,#downloads-indicator-progress-area)::after {
    opacity: 1;
    transform: translateX(0);
    transition-duration: 200ms,150ms;
    transition-property: opacity, transform;
    transition-timing-function: ease-out;
}
}

iwo：支持楼主，试下去先；

再请教下，那个黑黑的下载图标，能改成白版的吗？
写成这样貌似不行：

#downloads-button,#downloads-indicator, #downloads-indicator-icon
{list-style-image: url("chrome://browser/skin/Toolbar-inverted.png") !important; }

Ps：还有，Fx 17a里（或者更早）已经可以根据文件后缀名，
尝试记住“另存为”的下载目录了吗，还是煋了？回到原帖

新下载面板那个按钮是用背景做的。

#downloads-indicator-icon{
 background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"),
                              0, 108, 18, 90) center no-repeat!important;
}

貌似是按文件后缀记住之前的下载路径了，这个功能我不常用，
我用紫云飞大大的save to脚本将常用下载路径设定好了。



是用什麼主題?! 好像還蠻好看的...[/quote]
FXChrome主题

runking：楼主用什么录你图片？感觉好清晰啊！我用的GGG录GIF，录出来感觉好粗糙的说。回到原帖

Camtasia Studio

[quote="iwo"]那个下载图标css有效，不过同时把下载后变绿好像，还有楼主的进度条效果都干掉了,肿么恢复？[/quote]
我这里进度条效果正常。
试试这个吧

#downloads-indicator:not([counter]):not([attention]) #downloads-indicator-icon{
 background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"),
                              0, 108, 18, 90) center no-repeat!important;
}

pcxfirefox：
问下用了FxChrome+UX主题后，标签页与最上面有1px的距离

怎样消除这个1px呢？回到原帖

窗口最大化后的？数值自调吧

#main-window[sizemode="maximized"] #tabbrowser-tabs{
margin-top:-1px!important;
}