Feed View のスタイル

Firefox 2.0 以降では、RSSAtom などのいわゆる Feed のページを表示させると、整形して表示する feed preview の機能が装備されるわけですが、このときに使われるスタイルはどうなっているんだろうかと、 DOM Inspector を使って調べてみたら、Firefox インストールディレクトリの chrome フォルダの中の classic.jar の中にある subscribe.css で定義していることがわかりました。詳しくは、classic.jar\skin\classic\browser\feeds\subscribe.css です。

このファイルを直接いじればもちろん変更できますが、そういう野蛮なこと(?)をしなくても、userContent.css で変更できそうです。userChrome.css ではなく、userContent.css です。

Stylish でやるならこんな感じで、一番外側の枠の部分が黒背景になります。

@namespace url([]http://www.w3.org/1999/xhtml[]);
#feedHandler body {
  background:#333 !important;
}

他の id とかは DOM Inspector で調査することが可能ですが、使い方がよーわからんという場合は、feed を表示させて状態でページを全選択して、コンテキストメニューから View Selection Source (選択部分のソースを表示)とかすれば、整形された html のソースを表示させることが出来るので、これを解析すればいいでしょう。

というか、どちらかといえば、この整形を行うためにどっかで xslt を使っているのだと思うのですが、その xslt スタイルシートがいじりたいなぁ。