warb
非常火狐
非常火狐
  • UID51578
  • 注册日期2015-10-28
  • 最后登录2019-05-04
  • 发帖数639
  • 经验666枚
  • 威望0点
  • 贡献值816点
  • 好评度27点
阅读:1951回复:3

简洁自动隐藏侧边栏

楼主#
更多 发布于:2017-11-30 14:25
@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;}
    }

最新喜欢:

xxxx aunsenaunsen
superbass
小狐狸
小狐狸
  • UID33121
  • 注册日期2010-06-22
  • 最后登录2020-04-20
  • 发帖数17
  • 经验20枚
  • 威望0点
  • 贡献值8点
  • 好评度1点
1楼#
发布于:2019-01-29 17:52
请问这个怎么用啊?写到userChrome.css里的只能从左边弹出,能不能选从右边弹出?
eagle5678
千年狐狸
千年狐狸
  • UID4956
  • 注册日期2005-04-10
  • 最后登录2023-04-02
  • 发帖数1247
  • 经验204枚
  • 威望0点
  • 贡献值120点
  • 好评度3点
2楼#
发布于:2020-10-02 20:01
mark
LeoShone
小狐狸
小狐狸
  • UID7490
  • 注册日期2005-07-21
  • 最后登录2020-12-13
  • 发帖数61
  • 经验50枚
  • 威望0点
  • 贡献值26点
  • 好评度1点
3楼#
发布于:2020-12-09 14:33
也发一个简洁的
/* 侧边栏自动隐藏 */
#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;}
游客

返回顶部