Firefox を 2 から 3 へアップグレードしたのはいいが、userChrome.css がほとんど反映されていなかったので、DOM Inspector を使いながら userChrome.css を修正していきました。この記事はそれをまとめたものです 1
ブックマークツールバーは通常はアイコンとテキストの両方を表示してますが、私はブックマークツールバーに入れているブックマークアイテムのテキストは 1文字にしていますので、2 アイコンの表示は必要ないので、非表示にします


/**
* ブックマークツールバーフォルダのアイコン非表示
*/
hbox#bookmarksBarContent .toolbarbutton-icon
{
display: none !important;
}
hbox#bookmarksBarContent toolbarbutton[image*="data:image"] .toolbarbutton-icon
{
display: none !important;
}
私にとっては邪魔なだけなので、消えてもらいます


/*
* 検索バーの検索ボタン(虫メガネアイコン)を非表示
*/
#searchbar .search-go-button
{
display: none !important;
}
まったく使わないので消えてもらいます


/*
* メニューの「履歴」を非表示
*/
#history-menu
{
display: none !important;
}
邪魔なので消えてもらいます
/*
* ステータスバーのリサイズパネルを非表示
*/
#status-bar .statusbar-resizerpanel
{
display: none !important;
}
まったく使わないので消えてもらいます


/*
* ブックマークのメニューから以下の項目とその下のセパレーターを非表示にする
*/
/* このページをブックマーク */
#bookmarksMenuPopup menuitem[command="Browser:AddBookmarkAs"],/* このページを購読... */
#bookmarksMenuPopup #subscribeToPageMenuitem,
#bookmarksMenuPopup #subscribeToPageMenupopup,/* すべてのタブをブックマーク... */
#bookmarksMenuPopup menuitem[command="Browser:BookmarkAllTabs"],/* ブックマークの管理... */
#bookmarksMenuPopup menuitem[command="Browser:ShowAllBookmarks"],/* セパレーター */
#bookmarksMenuPopup #organizeBookmarksSeparator,/* よく見るページ 最近ブックマークしたページ
最近付けたタグ ブックマークツールバー */
#bookmarksMenuPopup .bookmark-item[label*="よく見るページ"],
#bookmarksMenuPopup .bookmark-item[label*="最近ブックマークしたページ"],
#bookmarksMenuPopup .bookmark-item[label*="最近付けたタグ"],
#bookmarksMenuPopup .bookmark-item[label*="ブックマークツールバー"],/* セパレーター */
#bookmarksMenuPopup menuseparator[builder="start"]
{
display: none !important;
}
修正、項目を加えました。凄く…スッキリしました

危険なので消えてもらいます


/*
* ブックマークのメニューから タブですべて開く とその上のセパレーターを非表示にする
*/
#bookmarksMenuPopup menuitem[label*="タブですべて開く"],
#bookmarksMenuPopup menuseparator[builder="end"]
{
display: none !important;
}
何故か 3 になってから色が変化しません…なので、背景色を変更します
/*
* ロケーションバーの背景色変更
*/
#urlbar[level="high"][pageproxystate="valid"],
#urlbar[level="low"][pageproxystate="valid"],
#urlbar[level="high"][pageproxystate="valid"] > :not(#identity-box):not(#urlbar-icons),
#urlbar[level="low"][pageproxystate="valid"] > :not(#identity-box):not(#urlbar-icons),
#urlbar[level="high"][pageproxystate="valid"] > :not(#identity-box)>:not(dropmarker):not(progressmeter):not(.progress-bar),
#urlbar[level="low"][pageproxystate="valid"] > :not(#identity-box)>:not(dropmarker):not(progressmeter):not(.progress-bar)
{
color: #000000 !important;
background-color: #e0ffff !important;
}
#e0ffff の部分はお好みで変更して使用します。Firefox 2 の時の色は #f5f6be です
ID や class 名称が変更になっているので、DOM Inspector で探し当てるのがめんどくさかった…特にブックマークメニューやセパレーターが ID, class 名が割り振られていないので、CSS Selectors を使用してやや強引にしてあります。取り敢えず、私の環境では無問題なのでコレで良しとします

2008年06月22日(日) 00:00:56
2008年06月26日(木) 21:39:03
