FirefoxのuserChrome.cssネタ #9

Firefox 1.5 Beta 1が出たので、自作のFirefox Extensionsを更新するという理由もあり入れてみました。特にこれといって不具合はない感じ。プロファイルもそのままで引き継げました。ですが、マイナーチェンジしたデフォルトのテーマは微妙に気に入らないので、久々にuserChrome.cssネタを。

クラシックスタイルのメニューに

1.0.xではWindows XP側でクラシックを選択していればクラシックなメニューになってくれていた(多分)のですが、1.5 Beta 1ではフラットがデフォルトになっているみたいです。メイン・メニューで項目を選択した時も、へこむんではなくて、選択時の反転になってたりとか。クラシックが良い人は、Firefox HelpのUse Windows Classic (9x/Me/2000) styled menusをコピペすると良い感じ。ただ、-moz-border-top-colorsとかに!importantが付いてないので、忘れず付けてあげましょう。

タブにフォーカスがあたった時の点線を消す

tab:focus > .tab-middle {
  outline-width: 0 !important;
}

イマイチ邪魔。というか邪魔。むしろ邪魔。

ツリー項目にフォーカスがあたった時の点線を細く

treechildren::-moz-tree-row {
  border: 1px solid transparent !important;
  min-height: 18px !important;
  height: 1.3em !important;
}

treechildren::-moz-tree-row(current, focus) {
  border: 1px dotted Highlight !important;
}

treechildren::-moz-tree-row(selected, current, focus) {
  border: 1px dotted #F3D982 !important;
}

太いよ!というかこのせいで、Bookmark Managerなんかでアイコンが途中で切れたりしてる。

リスト項目にフォーカスがあたった時の点線を細く

listbox:focus > listitem[selected="true"][current="true"] {
  outline: 1px dotted #F3D982 !important;
}

listbox:focus > listitem[current="true"] {
  outline: 1px dotted Highlight;
  -moz-outline-offset: 0 !important;
}

太いよ!


ベータ段階でのネタなので、正式版では必要なくなるかも。