Firefox3の標準テーマをFirefox2の標準テーマに近づける
Firefox3の標準テーマをFirefox2の標準テーマに近づけてみた。
アドレスバーと検索バーをフラットにする。
方法はuserChrome.cssを設定するだけ。
/* タブバーの高さを調整 */ tab {height:17px !important;} /* サーチバーの虫眼鏡を非表示 */ .search-go-button, .search-go-button-stack, #go-button { display: none !important; } /* サーチバーの検索エンジンアイコンを普通の表示にする */ .searchbar-engine-button { margin-top:0px !important; background-color: transparent !important; background-image: none !important; border: none !important; outline: none !important; } /* URLバーのアイコンを普通に表示する */ #identity-box hbox { -moz-border-radius-bottomleft: 0px !important; -moz-border-radius-topleft: 0px !important; -moz-appearance: none !important; background-color: transparent !important; background-image: none !important; border: none !important; outline: none !important; } /* URLバーの星アイコンを非表示する */ #star-button { display: none !important; } /* オートコンプリートを控えめな表示にする */ .ac-comment { font-size: 100%! important; color: #280000 ! important; } .ac-comment[selected="true"] { color: #FFFFFF !important; } .ac-url-text { font-size: 100% ! important; color: #4682B4 ! important; } .ac-url-text[selected="true"] { color: #FFFFFF !important; } /* URLバーとサーチバーをフラット表示して、高さ調整する */ #urlbar, .searchbar-textbox { -moz-appearance: none !important; border: 1px black !important; max-height:19px !important; min-height:19px !important; } /* ナビゲーターバーのアイコンが隠れないようにする */ #nav-bar { padding-bottom: 1px !important; }
2008/06/18 修正&追記
タブバーの高さを調整を設定した場合
タブバーの多段表示ができなくなるようなので以下の部分を修正しました。
修正前
/* タブバーの高さを調整 */ .tabbrowser-tab { height: 27px !important; } .tabbrowser-strip { height: 27px !important; }
修正後
/* タブバーの高さを調整 */ tab {height:17px !important;}
2009/04/05 修正
HTTPSを使用する場合でURLバーアイコンに署名情報が表示されなくなっていたため
署名情報が表示されるように修正。
修正前
/* URLバーのアイコンを普通に表示する */ #identity-box hbox { -moz-border-radius-bottomleft: 0px !important; -moz-border-radius-topleft: 0px !important; -moz-appearance: none !important; background-color: transparent !important; background-image: none !important; border: none !important; outline: none !important; }
修正後
/* URLバーのアイコンを普通に表示する */ #identity-box hbox { -moz-border-radius-bottomleft: 0px !important; -moz-border-radius-topleft: 0px !important; -moz-appearance: none !important; background-color: transparent !important; border: none !important; outline: none !important; }