Javaと情熱のあいだ

Play Frameworkはじめました

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;
}