朝顔日記

以前書いた Firefox のツールバーなどをコンパクトに ならびに、Firefox のツールバーなどをコンパクトに その2 の続編です。

Firefox 2.0 のデフォルトテーマをコンパクトにするユーザスタイルです。全体的に見直しを図ったので、前回までのものよりもかなりコンパクトになったと思います。どのくらい違うか、スタイル適用前と後のスクリーンショットをご覧ください。まず、before。

続いて、after。

まだ、細かいところで不備があるのですが、そこらは各自で微調整してください。（ぉ

以下が、そのスタイルです。

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#toolbar-menubar, #PersonalToolbar {
  border:none !important;
  height:18px !important;
  max-height:18px !important;
  min-height:18px !important;
  padding:0 !important;
}

#nav-bar {
  border-top:1px solid #999 !important;
  border-bottom:none !important;
  height:20px !important;
  max-height:20px !important;
  min-height:20px !important;
}

#nav-bar .toolbarbutton-menubutton-button {
  padding:0 !important;
}

#urlbar, #searchbar {
  margin-top: 0px !important;
  max-height:20px !important;
}

.searchbar-textbox {
  margin-top:0 !important;
  margin-bottom:0 !important;
  max-height:18px !important;
  min-height:18px !important;
}

.searchbar-engine-button {
  margin-top:-3px !important;
}

.searchbar-engine-button-stack {
  padding:0 !important;
}

.search-go-button-stack {
  display:none !important;
}

#status-bar {
  margin-top:-2px !important;
  margin-bottom:-2px !important;
}

.tabbrowser-tabs {
  margin-top:-2px !important;
  margin-bottom:-2px !important;
  padding:0 !important;
}

.tabbrowser-tab {
  margin-top:2px !important;
  margin-bottom:2px !important;
  padding:0 !important;
}

.tabbrowser-arrowscrollbox {
  max-height:22px !important;
}

.toolbarbutton-1 {
  margin:0px !important;
  padding:0px !important
}


menubar menu[id$="menu"] .menubar-text {
  margin:0 2px 2px 2px !important;
  max-height:18px !important;
}

.bookmark-item {
  margin:0px 0 !important;
  padding:0 1px !important;
}

.bookmark-item .bookmark-item, #bookmarksMenu  .bookmark-item {
  margin:0 !important;
}

.bookmark-item:not([label=""]) > .toolbarbutton-icon {
  margin-right:2px !important;
}

お使いになる場合は、プロファイルの chrome フォルダ内にある userChrome.css に書いておけば使えます。もし、userChrome.css がない場合は、同じ場所に userChrome-example.css というファイルがあるので、これを元に作ればいいでしょう。なお、ユーザスタイルを管理する便利な拡張機能、Stylish をお使いであれば、ユーザスタイルの投稿サイト、userstyles.org の Compact Toolbars for Firefox 2.0 default theme | userstyles.org より1クリックで簡単にインストールできます。

なお、Firefox 1.5 系ではうまく動作しないと思われますので、ご注意を。

バグがあったので修正しました。

さらにバグフィックス

前回、DOM Inspector の使い方の例にて、DOM Inspector の簡単な使い方を Flash ムービーにしてみたんですが、どうもあんまり反響がないので、今回はもう少し需要がありそうな一般的なネタでやってみました。:p)

今回のお題は、Firefox 2.0 の検索バーに装備された虫眼鏡をユーザスタイルシートで消すというものです。Fierfox でユーザスタイルシートを扱うには、userContent.css と userChrome.css というファイルをいじるのが常道なんですが、Stylish という拡張機能を使うと再起動せずにスタイルを適用させることが出来たり、何かと便利なのでこれの紹介も兼ねてみました。

Firefox 2.0 での虫眼鏡は何をするものかというと、検索バーに検索キーワードを入力後、Enterキーを押すと、選択した検索エンジンで検索を行うわけですが、そのときに Enter キーの代わりにマウスクリックで実行させるためのボタンです。手でキーワードを入力した場合はそのまま Enter キーを押せばいいので、なくてもさほど困らないボタンです。今回はコレをユーザスタイルで消してしまおうというわけです。

以下、前回同様 Wink という画面キャプチャを動画にして解説するソフトを使って作った Flash ムービーです。

• Dom Inspector と Stylish を使って、Firefox 2.0 の検索バーの虫眼鏡を消す

ムービーでは DOM Inspector で必要なセレクタをあっさり探し当てていますが、実際は何度かトライ・アンド・エラーが必要なことがほとんどです。そんなときに再起動無しでユーザスタイルを適用できる Stylish はまことに重宝します。Stylish 無しでも出来ますが、その場合は、userChrome.css を編集し保存しても、Firefox を再起動しなけば反映されません。

で、結局今日現在まだ出ていない Firefox 2.0 ネタなんで、やっぱりあんまり一般的なネタじゃなかったり。:p)

以前、Session Manager の Undo close tab をマウスジェスチャで という記事を書いたのですが、それに関連して掲示板にて、Mouse Gesturesをまだお使いなら教えてください。 というコメントを頂きました。たしかに DOM Inspector は便利なのですが、なかなか使い方がよくわからないツールでもあります。ということで、ブックマークサイドバーを開くコマンドは一体何かというお題で、実際に DOM Inspector を操作して、toggleSidebar('viewBookmarksSidebar'); というコードを得るまでを、Wink という画面キャプチャを動画にして解説するソフトを使って、Flash ムービーにしてみました。

なお、使用した Firefox は、10月3日版のナイトリーな Bon Echo です。trunk の DOM Inspector は微妙に違っていますので、ちょっと注意が必要です。

• Dom Inspector でブックマークサイドバーを開くコマンドを見つける

他にも DOM Inspector には色々な使い方がありますが、Firefox を究める256のテクニック などにも解説がありますのでよろしくどうぞ。と軽くアサマシっておく。:p)

風待ち日記 - Googleカレンダーの土・日の文字色を変更する方法 ならびに Googleカレンダーの土・日の文字色を変更しました に触発されて、自分なりに Google カレンダーの土日の表示を見やすくするユーザスタイルを書いてみました。ありがとうございます。＞お二方

といっても、上記の両エントリーに、チョロッと書き足して見出し的な部分の色も変えるようにしただけですが。以下がそのスタイルを適用した Google カレンダーのスクリーンショットのサムネイルです。等倍画像（約7KB）にリンクしています。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/calendar/) {
  #dh0, #dh7, #dh14, #dh21, #dh28, #dh35 {
    background-color: #ffcccc;
    color: #00f;
    padding:0 5em;
    font-weight:bold;
  }
  #dh6,#dh13,#dh20,#dh27,#dh34,#dh41 {
    color: #f00;
    background-color: #afecff;
    padding:0 5em;
    font-weight:bold;
  }
  #colheaders>div:first-child {
    background-color:#ff6666;
    color:#FFFFFF;
  }
  #colheaders>div+div+div+div+div+div+div {
    background-color:#33ccff;
    color:#000000;
  }
}

Firefox のユーザースタイルシート userContent.css に書いたり、Stylish というユーザスタイルシートを管理する拡張機能に登録したりすると使えます。

なお、上記のスタイルは週の始まりが日曜日始まりの設定用なので、月曜始まりの場合は、適宜書き換える必要があります。上記、風待ち日記さんところに id 表（何）があるので、それを参考にするといいと思います。また、画面サイズが巨大な方は、padding のところを適宜書き換えるといいかも。

それにしても、いまだに Google カレンダーの html の構造が理解できません。:p)

最近、またリファラスパムが多いので、なんとか対策するべく結構頻繁に apache のアクセスログを見ているのですが、さきほど某佐賀大学より、rss.rdf に対して1秒あたり、3～4回という猛烈な頻度でアクセスしてきているのをハケーン。もはや、DoS 攻撃の域だと判断して、とりあえず rss.rdf へのアクセスを禁じました。

たまに様子を見て、解除するつもりですが、心当たりのある方は、Sylera の設定かなんかを見直してください。

というようなエントリーを書きかけて、しばらくお客さんの相手をしていて、今みたら収束しているようなんで解除しときました。って、単に学校から帰っただけなのかな。ガクガク(ry