主題

火狐Firefox CSS樣式：自動隱藏書籤工具列並在左側彈出

—— | 2016-12-17 21:41:44 | 巴幣 0 | 人氣 629

有兩種：

一、

/*=====自動隱藏書簽欄=====*/
#PersonalToolbar{background: #fff!important;-moz-transition: .2s ease .8s !important;opacity:0 !important;position:fixed!important;max-height: 80px !important;max-width:5px!important;margin-top: 30px !important;padding: 0!important;box-shadow: 0 0px 5px rgba(0,0,0,.3) !important;}
#PersonalToolbar:hover{min-width: 150px !important;max-width: 150px!important;opacity:1 !important;max-height:100%!important;-moz-transition: .2s !important;}
#PlacesToolbarItems > box{display: -moz-groupbox !important;}
#PersonalToolbar .bookmark-item:not([class="menuitem-iconic bookmark-item menuitem-with-favicon"]){width: 150px!important;font-size:14px!important;padding:2px!important;}
/*書簽欄按鈕*/
#PersonalToolbar toolbarbutton{-moz-appearance:none !important;padding:0 !important;border:0 !important;border-radius:0px !important;}
#PersonalToolbar toolbarbutton:hover,#PersonalToolbar toolbarbutton[open]{background:#E2E2E2!important;}

二、

/*-----書簽欄縮小為透明按鈕-----*/
#PersonalToolbar {
    position:fixed !important;
    max-width:26px !important;
    background: none !important;
    border: transparent !important;
}
#PersonalToolbar toolbarbutton.chevron {
    opacity: 0 !important;
    list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAABVUlEQVRIx7WUPU4CURSFvzvDjAgKUSsT16A7sHQz7EGlsTauwh1oKCRa0boHGwsLsWD+j80QI+EBDzInudV7b7737j1zTBLL9BK1FJkRmCGJEkglCsCAPTMiIAQK4DLLbdl3WjiUVxUJgP2ds7qoYQmA44JrAQdAxe5yAmKgbBLQrnu7iWxbQNkkoAPkZs0BukC24CKXghVOWvmC1oYtCrZ1EU0CAKImbeqr7+l0H3HS7/c+/hnAlUWEgUqz9UOWQCIsK/N+QeExg9C3RdncphsCIl9A6gno+gJmQO4RFUe+gAQo1mT9fMhbRcWs6TRNFgA/ZcUIhgBXcXhzWGo3QFrHdYZQKUYwvJNuAS7MJvfGUxYH9PIt/+QUSAyiSjzG8elxln3O196l53Oz6CGr8q/AVueWpKX1amhspuvBoO3aI4mxoXFgcq07D76tOLRYk7OOc+8vScPwOhy6FxkAAAAASUVORK5CYII=") !important;
    height: 24px !important;
    width: 24px !important;
    margin:0 !important;
    padding:0 !important;
    -moz-appearance: none !important;
    border-radius: 0;
    border-color: transparent !important;
    box-shadow: none !important;
}
#PersonalToolbar toolbarbutton.chevron:hover {
    opacity: 1 !important;
    transition: .2s !important;
}

css自動隱藏書簽欄在側邊彈出_Firefox_瀏覽器討論區卡飯論壇