[样式] Autohiding Translucent Scrollbars（自动隐藏滚动条）

http://userstyles.org/styles/95820/autohiding-translucent-scrollbars

之前有人问的CSS样式，自动隐藏滚动条，鼠标移上去以后显示出来，并且为半透明，去除滚动条的上下箭头。图就不给了。如果没安装Stylish，可以添加到userChrome.css里面，代码如下：

/* Hides scrollbar */
scrollbar[orient="vertical"]:not(:hover),
scrollbar[orient="horizontal"]:not(:hover) {
    opacity: 0 !important;
}
   
/* Hides scrollbar buttons */
scrollbar scrollbarbutton {
    visibility: collapse !important;
}
   
/* Removes whitespace and allows scrollbar to appear */
 scrollbar {
    position: relative !important;
    -moz-appearance: none !important;
    background: none !important;
    z-index: 9999 !important;
}
   
/* Appearance of scrollbar thumb */
 scrollbar thumb {
    position: relative !important;
    -moz-appearance: none !important;
    background: rgba(110,110,110, .6) !important;
    border: 0 !important;
}
   
/* Color of scrollbar thumb on mouseover */
 scrollbar thumb:hover {
    background: rgba(110,110,110,.8) !important;
}
   
/* Color of scrollbar when clicked */
 scrollbar thumb:active {
    background: rgba(110,110,110, 1) !important;
}
   
/* Scrollbar sizes */
 scrollbar[orient="vertical"] {
    margin-left: -10px !important;
}
 scrollbar[orient="horizontal"] {
    margin-top: -10px !important;
}