简洁自动隐藏侧边栏 阅读：2028回复：3
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), url("chrome://browser/content/browser.xul"), url("chrome://browser/content/history/history-panel.xul") { #sidebar-box { position:fixed!important; background: #FFFFFF !important; top:66px !important; bottom:10px !important; width: 5px !important; overflow-x: hidden !important; -moz-appearance: none !important; border: 1px solid rgba(66, 66, 66, 1.0) !important;/*边框*/ border-left: 0 !important; border-radius: 0 0px 0px 0 !important;/*圆弧*/ opacity: 0 !important; -moz-transition: ease-out 0s !important;} #sidebar-box:hover { width: 195px !important; /*调节侧栏宽度*/ opacity: 1 !important; -moz-transition: ease-out 0s !important;} #sidebar-splitter{display:none !important;} #sidebar { width:100% !important; height:95% !important;}/*想显示滚动条改成100*/ #sidebar-header{display: none !important;}/*书签*/ // #sidebar-search-container{display:none!important;}/*搜索*/ font-weight: bold !important;} } |
也发一个简洁的
/* 侧边栏自动隐藏 */
#sidebar-header, #sidebar-splitter {display: none !important;}
#sidebar-box:hover {left:0px !important; -moz-transition: left 0s .3s ease-out;}
#sidebar-box{position:fixed; top:70px; bottom:0px; width:300px; left: -299px; padding-right:1px !important;}
#sidebar{height:100%; width:100%!important; border-right:1px inset -moz-use-text-color !important;}
#sidebar-box:not([hidden]){display: block; z-index: 1;}
/* 侧边栏滚动条变细 */
scrollbar {width: 5px !important; opacity: .5 !important;}
scrollbar scrollbarbutton {display: none !important;} |
