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

  • Posted by: maRk
  • myown | net
  • このエントリーを含むはてなブックマーク
  • あとで読む

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

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

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

例によって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; }
}

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

Comments:0

コメントをどうぞ。書き込む場所が不明な場合やサイトオーナーへのコンタクトは、GuestBookまでお気軽にどうぞ

Comment Form
Search

Powered by 暴想 & Dakiny&Digiclo

Feeds
Tags

All Tags

meta
Others

あわせて読みたい

全文配信同盟

my ブログネットワーク

Elsewhere

Action Streams

logo

Mozilla Firefox ブラウザ無料ダウンロード

TypePad AntiSpam