HanRSSの左ペインを折り返して表示するUserCSS

昨日の続き。HanRSSは左ペインが折り返しせずに表示されるので，フィード名が長いと未読数とかが右の方に隠れてしまう（スクロールさせれば見えるのだが）。それを解決するUserCSS。Operaでのみ動作確認している。（追記）Firefox（のuserChrome.css）でも使えるように修正した。
フィード名が複数行になる関係でツリー描画ができないから消してしまった。フォルダが目立たなくなってしまうので，とりあえず太い下線を出すようにしてある。
（09/2/4追記）CSSのコメントを少し変更。

/* HanRSSの左ペインを折り返して表示 */
/* http://d.hatena.ne.jp/a27sst/20090122#p2 */

/*====左ペインを折り返して表示====*/

/* ツリー描画用画像を消す */
div#tree_menu img[src="/images/line.gif"],
div#tree_menu img[src="/images/join.gif"],
div#tree_menu img[src="/images/joinbottom.gif"],
div#tree_menu img[src="/images/minus.gif"],
div#tree_menu img[src="/images/minusbottom.gif"],
div#tree_menu img[src="/images/plus.gif"],
div#tree_menu img[src="/images/plusbottom.gif"],
div#tree_menu img[src="/images/empty.gif"] {
  display: none;
}

/* 階層の表現：19px（ツリー用画像の幅ぶん）ずつ右へ */
div#tree_menu td.intd div[id^="i_div"] {
  padding-left: 19px;
}

/* フィードのタイトル部分 */
div#tree_menu td.intd table {
  padding-left: 20px;  /* 引っ込めておいて */
  text-indent: -20px;  /* 1行目をfaviconぶん飛び出させる */
  margin-bottom: 3px;  /* フィード同士の間隔 */
}
div#tree_menu td.intd table > tbody > tr > td {
  display: inline;
  white-space: normal !important;  /* nowrapをキャンセル */
}

/* フォルダを強調表示 */
img[src="/images/folder.gif"] + span,
img[src="/images/folderopen.gif"] + span {
  border-bottom: 2px solid #000;
}

ツリーがないところにもempty.gifっていうのがあることに気づかなくてしばらくハマった。うまくいって自分でも満足。
はじめてOpera Dragonflyを使った。これ便利ですね。