主題

火狐Firefox CSS樣式：多列書籤之二

—— | 2019-01-04 14:12:20 | 巴幣 0 | 人氣 375

跟以前的差別：
一、不用一一設定資料夾。
二、連書籤按鈕也可以分列。
三、之前的是先左右後上下，這是先上下後左右。

原作者的是兩列，我的是三列。

不知道為何，書籤按鈕裡的資料夾是雙列，不是三列。

作者：

https://userstyles.org/styles/119797/bookmarks-menu-in-multiple-columns

我的：

@-moz-document url(chrome://browser/content/browser.xul)
{
/* Specify column layout - menu has 3 columns */
#bookmarksMenu menupopup .scrollbox-innerbox,
#BMB_bookmarksPopup .scrollbox-innerbox,
#PlacesToolbarItems .bookmark-item > menupopup[placespopup="true"] .scrollbox-innerbox
{
/* Main menu and Bookmark folders */
display: block !important;
-moz-column-count: 3;
column-count: 3;
-moz-column-width: 325px;
column-width: 325px;
-moz-column-rule: 1px solid #ccc;
column-rule: 1px solid #ccc;
padding-top: 4px;
padding-bottom: 4px;
}

/* Force overall widths as needed */
#bookmarksMenu menupopup, #BMB_bookmarksPopup
{
max-width: 1020px !important;
}

#BMB_bookmarksPopup
{
min-width: 1020px !important;
width: 1020px !important;
}
/* Force item widths so each has its own line */
#bookmarksMenuPopup menu, #bookmarksMenuPopup menuitem, #bookmarksMenuPopup menuseparator,
#PlacesToolbarItems .bookmark-item > menupopup[placespopup="true"] menu,
#PlacesToolbarItems .bookmark-item > menupopup[placespopup="true"] menuitem,
#PlacesToolbarItems .bookmark-item > menupopup[placespopup="true"] menuseparator,
#BMB_bookmarksPopup menu, #BMB_bookmarksPopup menuitem, #BMB_bookmarksPopup menuseparator
{
width: 325px !important;
}
/* Clean up item and separator spacing */
#BMB_bookmarksPopup menu, #BMB_bookmarksPopup menuitem, #BMB_bookmarksPopup menuseparator
{
padding: 0 4px 0 12px !important;
margin: 0 !important;
}

#PlacesToolbarItems .bookmark-item > menupopup[placespopup="true"] menuseparator
{
margin: 0 !important;
padding: 0 !important;
}

#BMB_bookmarksPopup .subviewbutton.panel-subview-footer
{
min-height: 22px !important;
border-top: none !important;
}
/* Remove scrolling triangles from classic menu */
#bookmarksMenuPopup .autorepeatbutton-up, #bookmarksMenuPopup .arrowscrollbox-overflow-start-indicator,
#bookmarksMenuPopup .arrowscrollbox-overflow-end-indicator, #bookmarksMenuPopup .autorepeatbutton-down
{
display: none !important;
}
}