左邊有個圖示,當側邊欄選書籤時會出現星星;歷史就是時鐘。
#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;/*觸發延時,單位為秒,建議自己調整為佳*/ } |