TvRockの番組表をウィンドウ幅に

したくてFirefoxとStylishで...。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document
 url-prefix("http://localhost:8969/nobody/now"),
 url-prefix("http://localhost:8969/nobody/day") {

 /* テーブルを幅いっぱいに */
 body > table { width:100% !important; }
 body > table > tbody > tr > td > table { width:100% !important; }

 table > tbody > tr[align=center] > td:not([border="0"]) {
  width:11%; /* 100/チャンネル数 で設定。9ch表示だったら、100/9 = 11みたいな */
 }
 /* 時間の列を左端だけ残して消す */
 body > table > tbody > tr[align=center] td:not(first-child)+[border="0"],
 body > table > tbody > tr > td:not(first-child)+[width="1%"] {
  display:none;
 }
 /* 予約した番組が赤すぎないように */
 td[bgcolor="#ff3040"]  {
  background-color:#fc5!important; 
  border:3px solid #f00;
 }
}

適用前と後。

追記 2009-03-14

いろいろ追加して、局のチャンネルの幅が揃うようにしたり、縦伸びを減らすようにしたり、いらないアイコンを消したり、必要なときだけアイコンを表示したりするように。classが指定してあってcssファイルをTvRockで指定できたら、いまある色とか幅とかの設定項目、ほとんどいらないのになぁ...。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document
 url-prefix("http://localhost:8969/nobody/now"),
 url-prefix("http://localhost:8969/nobody/day") {

 /* テーブルを幅いっぱいに */
 body > table { width:100% !important; }
 body > table > tbody > tr > td > table { width:100% !important; }

 /* チャンネルの幅を完全に統一しいたい人用(テキストがはみ出したりします) */
 body table { table-layout:fixed; } 

 /* 番組の詳細の文字が小さすぎる人用 */
 body table table * { font-size:9pt !important; }

 table > tbody > tr[align=center] > td:not([border="0"]) {
  width:10.8%; /* 100/チャンネル数 で設定。9ch表示だったら、100/9 = 11みたいな */
 }
 /* 時間の列を左端だけ残して消す */
 body > table > tbody > tr[align=center] td:not(first-child)+[border="0"],
 body > table > tbody > tr > td:not(first-child)+[width="1%"] {
  display:none;
 }
 /* 予約した番組が赤すぎないように */
 td[bgcolor="#ff3040"]  {
  background-color:#fc5!important; 
  border:3px solid #f00;
 }
 /* 番組表内の行間を狭めて縦伸びを減らす(メイリオ向け) */
 html table table {
  line-height:1.2;
 }
 /* 番組表内の改行を全部消して縦の伸びを減らす */
 html table table br {
  display:none;
 }
 /* 予約アイコンを隠して、ポイントしたときだけ表示して */
 /* position:absoluteにすることで無駄に領域を取らないようにして縦伸び減らす */
 html table table img[src="img?n=6"] {
  opacity:0;
  position:absolute;
 }
 html table td:hover img {
  opacity:1;
 }
 /* [S][手][字][HV][ニ]アイコンを消す */
 html table table img[src="img?n=48"],
 html table table img[src="img?n=50"],
 html table table img[src="img?n=57"],
 html table table img[src="img?n=59"],
 html table table img[src="img?n=60"] {
  display:none;
 }

 /* 隙間埋め */
 p { margin:0; }
}