ETH官方钱包

前往
大廳
主題

火狐Firefox Stylish CSS樣式:自動隱藏時能分辨書籤或歷史側邊欄的樣式

—— | 2017-11-25 00:09:11 | 巴幣 0 | 人氣 295

左邊有個圖示,當側邊欄選書籤時會出現星星;歷史就是時鐘。
#sidebar-box{
-moz-appearance: none !important;
overflow:hidden !important;
position:fixed !important;
top:168px !important;/*圖標到窗口頂端距離,請根據自己顯示器大小調整為佳*/
left: 3px !important;/*圖標到窗口左邊距離,請根據自己顯示器大小調整為佳*/
width:34px !important;/*圖標大小之寬度*/
height:34px !important;/*圖標大小之高度*/
opacity: 0.5 !important;/*不透明度,建議自己調整為佳*/
}
#sidebar-box:hover{
opacity: 1 !important;
top: 85px !important;/*側欄展開后到窗口頂端距離,請根據自己顯示器大小調整為佳*/
left:0px !important;
height:100% !important;
width:320px !important;/*側欄展開后寬度,請根據自己顯示器大小調整為佳*/
}

#sidebar-header #sidebar-switcher-target #sidebar-title,
#sidebar-header #sidebar-switcher-target #sidebar-switcher-arrow{
display: none !important;
}
#sidebar-header{
padding: 4px !important;
width: 320px !important;
}
#sidebar-switcher-target{
padding: 4px !important;
}
#sidebar-box browser,#sidebar{
visibility: collapse !important;
position:fixed !important;
height:610px !important;/*側欄展開后高度,請根據自己顯示器大小調整為佳*/
width:100% !important;
}
#sidebar-box:hover > #sidebar,
#sidebar-box:hover > browser {visibility: visible !important;}
#sidebar-splitter {display: none !important;}

/*=====以下設置延時以及動畫效果時間=======*/
#sidebar-box,
#sidebar-box > #sidebar,
#sidebar-box > browser,
#sidebar-box > #sidebar-header {
transition-duration: 0.5s !important;/*側欄收縮動畫時間*/
transition-delay:0.3s !important;/*收縮延時,單位為秒,建議自己調整為佳*/
}

#sidebar-box:hover,
#sidebar-box:hover > browser,
#sidebar-box:hover > #sidebar,
#sidebar-box:hover > #sidebar-header {
transition-duration: 0.3s !important;/*側欄展開動畫時間*/
transition-delay: 0.5s !important;/*觸發延時,單位為秒,建議自己調整為佳*/
}

創作回應

更多創作