kidzgy
火狐狸
火狐狸
  • UID35190
  • 注册日期2011-02-03
  • 最后登录2024-03-28
  • 发帖数248
  • 经验196枚
  • 威望0点
  • 贡献值122点
  • 好评度17点
阅读:3362回复:17

很喜欢的一个悬浮侧边栏样式,在72失效了,求修复

楼主#
更多 发布于:2020-01-11 21:24
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
 
/*面板颜色*/
.sidebar-placesTree{background:rgba(255,255,255,1) !important;}
/*标头*/
#sidebar-header{display:none !important;}
 
/*主体*/
#search-box{margin-right:0px !important;}
#sidebar,#bookmarksPanel,#history-panel{height: 100% !important;background: none !important;}
#sidebar-box {-moz-appearance: none !important;-moz-transition-property: all;-moz-transition-duration: 0s;-moz-transition-delay:0s;
width: 300px !important;position: fixed !important;top:100px !important;left:-288px !important;
bottom:15px !important;-moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAvCAYAAABAHIylAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAUlSURBVHja7JtPaBRXHMc/781OdnXNqinVlphK4iJoQWiLGIjgLV6UEBFLEcFzLr0JihdB8OjNkwdBWCkKIejFXIKYQkR6CS2Gsv5rjE0sSN11kzWz814P+ya+vMxGL4Xdzfzgx7x9O4edD9/fmzfz+67QWrNeCCGEO9Vg3MyhG4zRnwAg4r53oAgniRm3AhwdM7bnYmGtAWTBiSBI6yiduWaH5AJR1lE5czoO0ipAFhwbhGeltI4upGZWkA0ltI6h9Tk6ZxWkFUAOnChTVmaAHcBWIAukY8qtWeEAfAAqwDvgDVAFalYqK1cgCa11HBzPQPGBDuBrz/P6BgcH1aFDh6pHjx4t9/f3V2mhmJqayty/f7/z0aNHmfHxcRmG4TPgb2AZCAyk0IVkAxKOajqMSvbm8/kdV65c+efkyZNl2iDu3LnTef78+S+LxeIb4E+jrmVHTdoFFCknUk0G6NmzZ09vsVgsAoyMjBwYHx8fLpVKfUEQdLUSFN/33+ZyuWeDg4Oj165dmwbI5/P5p0+fPgdmTclFagoBpbXW9u3bs5STAbZ6nvdDoVCYP3XqVOnw4cM/Pnny5KdUKrUspQyFELqVAGmthVLKq9VqHfv27bs1OTn5S6FQyJ0+ffor4DezNlUtJYWA9pxbuG/KKgPsPnHiRPrSpUsLIyMjByYmJn5Op9NLUkq1du/Y/CGEQEqpPM+rzc/Pf//69evfz507Nzs9Pb1lZmYmBZSchVoDWlp3IumoqGtgYKAMcO/evTO+739oNdU0AKV93/8wNjZ2BmBgYKACbDfXnLK2MQJnL+MC6jx+/HgJoFKp9EgpQ9okpJRhuVzeDTA0NPQOyK0HCKfMIkjpfD4fACilsu2gHltFSqmsWaiDGDgrwpHOM5cNyGPjRCpOPa6ChLOL3kiAPOfahbsGxUESGwiQaPB8KaTzNB73amOjAIp7pYNc50XYRgS0hoUkifW3BAmCBFACKAGUAEoAJYASQAmgJBJACaD/F5DrgNAbiIOmgQNEOhO24yGcmZnpAJBSVkyLqG2e3oUQSwAvXrzwWW1gsFkgiXdAKKA6Nja2DSCbzc4qpdrmDWMYhl4ul3sOUCgUvgAWcdo9ERPZAI4C3k9OTnYBHDt27GYQBOl2UJHWWgRBkB4aGroJ8PDhw+3UTQ0qDpLdOIwsLpFpQRSLxXxvb++7CxcuvLx7965eWFj4TgihTbYcGKVUKgiCzP79+2/dvn174vr1611Xr17tA54B71nbWVVuTz4DbAY6qdtcdu/atWvn7Ozsr7CqN58PgmBbKwHyff/fXC5XtHvzPT09A69evVoAXlJvPZdNuVUxjg+3L58GNlH3/+RM7u3u7s5evnz5j7Nnz75thzXoxo0bXRcvXvx2bm6uQt3dUTJZAZaouz1qQOh2VSPjwiZgi1FSJ9Atpfymv79/4eDBg2+Hh4ffHDlyZLGVoDx48GDz6OjojsePH3dNTU3tVEr9BcwZ1ZRNiS1ZZbZSYo3cHZsNpKzJLdQdZjnzXQfN7VN0787LpnxK1B1m741iKma8GLMG6ZTWOlpwI99ezZwkrW2AMvNVPrZpU6ztqzUroOj3R9dWNWpZdFRju8z05zrMMlZ2NADU7B5FF1AEKcrPcphBY49ilL5J2/XaKgqKHK2ByWUr1/coRntvB5LrcvX52OC3e9nQ/D5p5UCqWVA+7XI1+wRqtVrik6aBT9r3fQAbUuK0jwPkQLJBbez/atiA7HBguUDa/t8+/w0Aop+YsD/C4DEAAAAASUVORK5CYII=")
fill 13 13 15 / 14px 13px 15px repeat stretch !important;padding:13px 11px !important;
-moz-window-shadow: none !important;background: none !important;color: #fff !important;opacity: 0.5 !important;}
 
#sidebar-search-label,#sidebar-header *{color: #fff !important;} 
#sidebar-splitter{display:none!important;}
#bookmarksPanel > toolbox,#history-panel > toolbox{-moz-appearance: toolbox !important;}
/*滑过*/
#sidebar-box:hover
{left:0px !important;opacity:0.9!important;-moz-transition-property: all;-moz-transition-duration: 0s;-moz-transition-delay:0s;}
 
/*边距*/
#sidebar-box > browser {margin: 0px 0px 0px 0px !important;padding: 4px !important;width: 100% !important;}
我看到本论坛的另外一篇帖子了【71、72后,透明边侧栏收藏夹用不了了,大神们帮个忙,先谢谢了! 】,说是添加【display: block; z-index: 1;】,我发现添加后,确实可以用了,但是有个问题,就是强制悬浮在那里, 不管怎么按ctrl+B,都无法关闭侧边栏。
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
1楼#
发布于:2020-01-11 21:57
加上
#sidebar-box:not([hidden]){
    display: block;
    z-index: 1;
}
kidzgy
火狐狸
火狐狸
  • UID35190
  • 注册日期2011-02-03
  • 最后登录2024-03-28
  • 发帖数248
  • 经验196枚
  • 威望0点
  • 贡献值122点
  • 好评度17点
2楼#
发布于:2020-01-11 22:03
lonely_8:加上
#sidebar-box:not(){
    display: block;
    z-index: 1;
}
回到原帖
解决了,太强了!
eagle5678
千年狐狸
千年狐狸
  • UID4956
  • 注册日期2005-04-10
  • 最后登录2023-04-02
  • 发帖数1247
  • 经验204枚
  • 威望0点
  • 贡献值120点
  • 好评度3点
3楼#
发布于:2020-01-24 21:49
mark
tulip17
千年狐狸
千年狐狸
  • UID34021
  • 注册日期2010-09-17
  • 最后登录2024-03-08
  • 发帖数980
  • 经验678枚
  • 威望1点
  • 贡献值420点
  • 好评度51点
  • 社区居民
  • 忠实会员
4楼#
发布于:2020-01-26 22:12
请问这个侧栏样式怎样使用?
kidzgy
火狐狸
火狐狸
  • UID35190
  • 注册日期2011-02-03
  • 最后登录2024-03-28
  • 发帖数248
  • 经验196枚
  • 威望0点
  • 贡献值122点
  • 好评度17点
5楼#
发布于:2020-02-07 21:22
tulip17:请问这个侧栏样式怎样使用?回到原帖
把样式放到chrome\userChrome.css里,按ctrl+B或H便可打开侧边栏,B是书签,H是历史。
tulip17
千年狐狸
千年狐狸
  • UID34021
  • 注册日期2010-09-17
  • 最后登录2024-03-08
  • 发帖数980
  • 经验678枚
  • 威望1点
  • 贡献值420点
  • 好评度51点
  • 社区居民
  • 忠实会员
6楼#
发布于:2020-02-18 19:28
kidzgy:把样式放到chrome\userChrome.css里,按ctrl+B或H便可打开侧边栏,B是书签,H是历史。回到原帖
谢谢!我以为是style样式,我说stylus怎么不好使呢
marb
非常火狐
非常火狐
  • UID56238
  • 注册日期2017-12-25
  • 最后登录2023-04-12
  • 发帖数894
  • 经验1041枚
  • 威望0点
  • 贡献值1150点
  • 好评度50点
7楼#
发布于:2020-03-01 12:26
lonely_8:加上
#sidebar-box:not(){
    display: block;
    z-index: 1;
}
回到原帖
请问侧边栏里面书签字体大小如何改?
marb
非常火狐
非常火狐
  • UID56238
  • 注册日期2017-12-25
  • 最后登录2023-04-12
  • 发帖数894
  • 经验1041枚
  • 威望0点
  • 贡献值1150点
  • 好评度50点
8楼#
发布于:2020-03-01 12:27
请问侧边栏里面书签字体大小如何改?
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
9楼#
发布于:2020-03-01 19:24
marb:请问侧边栏里面书签字体大小如何改?回到原帖
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
url("chrome/browser/content/browser/places/historySidebar.xhtml"){
    treechildren {
        font-size: 16px;
    }
}
marb
非常火狐
非常火狐
  • UID56238
  • 注册日期2017-12-25
  • 最后登录2023-04-12
  • 发帖数894
  • 经验1041枚
  • 威望0点
  • 贡献值1150点
  • 好评度50点
10楼#
发布于:2020-03-02 10:27
lonely_8:@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
url("chrome/browser/content/browser/place...
回到原帖
谢谢。不过发现一个问题,鼠标经常会触发侧边栏导致不需要时候弹出。里面有个时间调整,结果发现这个时间不是调整鼠标移到后等待弹出等待时间而是调整从开始滑出到完全打开的时间,并没解决实际问题,不知道能否解决。或者可以把侧边栏放到右边也可以降低误弹出的机率。
marb
非常火狐
非常火狐
  • UID56238
  • 注册日期2017-12-25
  • 最后登录2023-04-12
  • 发帖数894
  • 经验1041枚
  • 威望0点
  • 贡献值1150点
  • 好评度50点
11楼#
发布于:2020-03-02 10:36
lonely_8:@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
url("chrome/browser/content/browser/place...
回到原帖
另外就是哪个搜索框有个大黑框,主要是黑框边尺寸太大了显得非常突兀。把代码里所有的尺寸都试了个遍也没能解决。
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
12楼#
发布于:2020-03-02 19:35
marb:另外就是哪个搜索框有个大黑框,主要是黑框边尺寸太大了显得非常突兀。把代码里所有的尺寸都试了个遍也没能解决。回到原帖
-moz-transition-delay:0s;
改为
-moz-transition-delay:500ms;

去搜索边框加上
#sidebar-search-container {
    margin: 0 -1px;
    padding: 0 !important;
}
marb
非常火狐
非常火狐
  • UID56238
  • 注册日期2017-12-25
  • 最后登录2023-04-12
  • 发帖数894
  • 经验1041枚
  • 威望0点
  • 贡献值1150点
  • 好评度50点
13楼#
发布于:2020-03-03 09:55
lonely_8:-moz-transition-delay:0s;
改为
-moz-transition-delay:500ms;

去搜索边框加上
#sidebar-search-container {
    margin: 0 -1px;
    p...
回到原帖
谢谢,不过搜素框的代码加上后顶端的黑线还是没能去除。哪个时间很管用,不过感觉还是把侧边栏放右边好。
death_boy
小狐狸
小狐狸
  • UID35917
  • 注册日期2011-04-08
  • 最后登录2023-12-17
  • 发帖数41
  • 经验53枚
  • 威望0点
  • 贡献值6点
  • 好评度3点
  • 社区居民
  • 忠实会员
14楼#
发布于:2020-03-03 17:45
marb:谢谢,不过搜素框的代码加上后顶端的黑线还是没能去除。哪个时间很管用,不过感觉还是把侧边栏放右边好。回到原帖
代码应该是没问题,你是不是放错地方了,没放进对应的namespace里。放到@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
url("chrome/browser/content/browser/places/historySidebar.xhtml")这个后面的大括号里面。
上一页
游客

返回顶部