【福利吧分享】火狐自动隐藏书签栏,CSS样式!

分享者:http://www.douban.com/group/yaoqingzhuce/

需要安装Stylish扩展

1. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
   
2. 
   
3. 
   
4. #PersonalToolbar {
   
5.   -moz-transform: perspective(1000px) rotateX(90deg);
   
6.   -moz-transform-origin: top !important;
   
7.   -moz-transition-timing-function: ease-in;
   
8.   -moz-transition-duration: 0.1s, 0.1s;
   
9.   -moz-transition-property: margin, -moz-transform;
   
10.   -moz-transition-delay: 0.3s}
    
11. 
    
12. #navigator-toolbox:hover > #PersonalToolbar {
    
13.   -moz-transform: rotateX(0deg);
    
14.   -moz-transition-duration: 0.1s, 0.1s;
    
15.   -moz-transition-delay: 0s}
    
16. 
    
17. #PersonalToolbar {
    
18.   visibility: visible !important;
    
19.   position: fixed !important;
    
20.   margin-top: 0px !important;
    
21.   margin-left: auto !important;
    
22.   margin-right: auto !important;
    
23.   width:100% !important;
    
24.   box-shadow: 0px 3px 3px -3px #999 !important}
    
25. 
    
26. #main-window[stylish-url="about:addons"] #PersonalToolbar, #main-window[stylish-url="about:permissions"] #PersonalToolbar, #main-window[stylish-url="about:preferences"] #PersonalToolbar, #main-window[stylish-url="about:sync-progress"] #PersonalToolbar, #main-window[stylish-url="about:downloads"] #PersonalToolbar {
    
27.   display: none !important}

复制代码

自己改了显示时间,和位置,使看起来和原生显示的位置一样

效果:

截图太大无法上传

[size=12.1739130020142px]推荐理由：鼠标在导航栏时自动显示书签栏,鼠标在网页上(不在导航栏)自动隐藏书签栏,使阅读空间更大!