ブックマークサイドバーまわりのカスタマイズ



zubollaの適用しているユーザースタイルです。

サイドバーのタイトルを非表示 : 必要ないので消します(履歴タイトルも消えます)
ブックマークサイドバーの検索を表示しない : 検索は使用しないので消します。
ブックマークサイドバーの背景色を設定 :
デフォルトファビコンを変更 : 空アイコンがしょぼいので変えます。
   (スタイル保存のあと、一度サイドバーを閉じる → サイドバーを開く、が必要)
スタイルまとめ

これらのユーザースタイルを適用するには、Firefoxのアドオン[Stylish]を使います。

使い方はこちらをどうぞ
[zubolla.メモ]  Stylishを使って [ Firefoxの見た目を変える ]





サイドバーのタイトルを非表示

tree1c

/* サイドバーのタイトルを非表示 */
#sidebar-box sidebarheader {display: none !important;}



ブックマークサイドバーの検索を表示しない

tree2c

/* ブックマークサイドバーの検索を表示しない */
#bookmarksPanel > hbox {display: none !important;}



ブックマークサイドバーの背景色を設定

tree3c

/* ブックマークサイドバーの背景色を設定 */
#bookmarks-view {background-color: #FFFFF3 !important;}



デフォルトファビコンを変更
   (スタイル保存のあと、一度サイドバーを閉じる → サイドバーを開く、が必要)

tree4c

/* デフォルトファビコンを変更 */
#page-proxy-favicon:not(src),
#contentView treechildren::-moz-tree-image(title,leaf),
#bookmarks-view treechildren::-moz-tree-image(leaf),
#history-panel treechildren::-moz-tree-image(leaf),
.tab-icon-image:not(src),
.bookmark-item:not([container]):not([image]),
.menuitem-with-favicon.menu-iconic-icon:not(src) {
/* list-style-image: url("image/defaultFavicon.png") !important; */
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 16px, 16px, 0px)!important;
}



スタイルまとめ

tree5d


/* サイドバーのタイトルを非表示 */
#sidebar-box sidebarheader {display: none !important;}

/* ブックマークサイドバーの検索を表示しない */
#bookmarksPanel > hbox {display: none !important;}

/*----------------------------------------------------*/

/* ブックマークサイドバーの背景色を設定 */
#bookmarks-view {background-color: #FFFFF3 !important;}

/*----------------------------------------------------*/

/* デフォルトファビコンを変更 */
#page-proxy-favicon:not(src),
#contentView treechildren::-moz-tree-image(title,leaf),
#bookmarks-view treechildren::-moz-tree-image(leaf),
#history-panel treechildren::-moz-tree-image(leaf),
.tab-icon-image:not(src),
.bookmark-item:not([container]):not([image]),
.menuitem-with-favicon.menu-iconic-icon:not(src) {
/* list-style-image: url("image/defaultFavicon.png") !important; */
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 16px, 16px, 0px)!important;
}


 バージョン情報 (動作確認日: 2012年3月)

Firefox 11.0
Stylish 1.2.6



関連記事
プロフィール

Author:zubolla
  
あ~
めんどくちゃい めんどくちゃい

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム