bugmenot
禁止发言
禁止发言
  • UID36046
  • 注册日期2011-04-19
  • 最后登录2016-12-04
  • 发帖数257
  • 经验180枚
  • 威望0点
  • 贡献值164点
  • 好评度1点
阅读:1914回复:3

求助一个关于侧边栏的问题。

楼主#
更多 发布于:2012-03-10 15:06
用户被禁言,该主题自动屏蔽!
royallin
非常火狐
非常火狐
  • UID29014
  • 注册日期2009-05-31
  • 最后登录2016-12-07
  • 发帖数668
  • 经验46枚
  • 威望0点
  • 贡献值32点
  • 好评度0点
  • 社区居民
1楼#
发布于:2012-03-10 15:06
把 top:30px; bottom:13px; 两个的数值换成百分比。
比如
 30PX换成10%  这样。
noe132
小狐狸
小狐狸
  • UID37651
  • 注册日期2011-10-30
  • 最后登录2016-10-15
  • 发帖数67
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2012-03-10 15:06
这是我用的,你试试看~
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.sidebar-placesTree{ /*面板颜色*/
background:rgba(255,255,255,1) !important;
}

#history-panel > #sidebar-search-container{
margin-top:-4px !important;
margin-right:-2px !important;
}
#historyTree{
margin:2px 4px 4px 4px !important;
}
#sidebar-box:hover{
left:0px !important;
opacity: 1 !important;
-moz-transition-property: all;
-moz-transition-duration: 0.31s;
-moz-transition-delay:0.1s;
}
#sidebar-header{
display:none
}
#bookmarksPanel > #sidebar-search-container{
margin:-2px 0 0 0 !important;
}
#bookmarks-view{
margin:4px !important;
}
/* GENERAL */
#sidebar,
#bookmarksPanel,
#history-panel {
height: 100% !important;
background: none !important;
}
#sidebar-box {
-moz-transition-property: all;
-moz-transition-duration: 0.18s;
-moz-transition-delay:0.4s;
width: 350px !important;
-moz-appearance: none !important;
position: fixed !important;
top: 85px !important;
left:-335px !important;
bottom: 0px !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=")
13 13 15 / 14px 13px 15px repeat stretch !important;
-moz-window-shadow: none !important;
background: none !important;
color: #fff !important;
opacity: 0.5 !important;
}
#sidebar-search-label{
color: #fff !important;
}
/* HEADER */
#sidebar-header * {
color: #fff !important;
}
/* SIDEBAR LIST */
#sidebar-box > browser {
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
width: 100% !important;
}
/* SCROLLBARS */
/*
#bookmarksPanel scrollbar,
#history-panel scrollbar {
display: none !important;
}
*/
/* SIDEBAR TREE */
#bookmarksPanel treechildren,
#history-panel treechildren {
color: #000 !important;
}

/* SELECTED ROW */
#bookmarksPanel treechildren::-moz-tree-row(selected),
#history-panel treechildren::-moz-tree-row(selected) {
background: -moz-linear-gradient(top, #6f81f5, #364cec) !important;
border: none !important;
color: #fff !important;
}

#sidebar-splitter{display:none}
yd582
火狐狸
火狐狸
  • UID37521
  • 注册日期2011-10-07
  • 最后登录2013-03-31
  • 发帖数227
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
3楼#
发布于:2012-03-10 15:06
游客

返回顶部