简洁自动隐藏侧边栏

@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;}

mark

请问这个怎么用啊？写到userChrome.css里的只能从左边弹出，能不能选从右边弹出？