ユーザースタイルシート：Twitterのメイン領域の背景を透過

Twitterの背景画像をメイン領域で透かして見えるようにするためのユーザースタイルの例です。

自分はクライアントやモバイル版経由の投稿が主なのユーザースタイルとか適用してもあまり恩恵は得られないわけですが。。ま、なんというか自己満の世界とでもいいましょうか。

【追記です】Twitterの新UI(横長のデザイン)には対応していません。（class=main-contentあたりにopacityでどうにかなりそうな気はしますが）ということで新UI(新デザイン)については以降この記事のメンテナンスをおこないませんのでご了承願います。

コードは以下です。透過は「-moz-opacity」(*１)で。リンクカラーとかを指定してある場合を考慮してないので透過の割合はヒトによって違ってくるかも。マウスオーバー時の背景色は継承させないやりかたがよくわからなくて、濃い目の色に上書きさせることで対処してます。

例によってFirefoxアドオン、Stylish向けのスタイルシートです。（確認環境は、Stylish1.0.1・Mozilla Firefox 3.0.10です）

twitter背景透過

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

@-moz-document domain("twitter.com") {
#content{ -moz-opacity: .8; }
ol.statuses li:hover,
ol.statuses li.hover{
            background:#E3E3E3 none!important; }
}

*１：　Firefox3.5系の場合は、-moz-opacityをopacityに置き換えてください。

ユーザースタイルシート：Twitterのメイン領域の背景を透過

Comments: