[Add-on Stylish] Twitterのタイムラインを加工しました。 : ういすぷの記録帳

[Add-on Stylish] Twitterのタイムラインを加工しました。

2014.06.02

以前より「Stylish」を使ったCSSの加工を公開していましたが、少し修正しましたので、改めて公開いたします。
とくに、プロフィールのところの表示が気に入らないので、少し修正しています。

最新記事はこちらです。
Twitterの更新に合わせて少しだけCSSを更新しています。
[Add-on Stylish] Twitterが更新されていたので、プロモ、お勧めフォロワ、画像などを表示させない様にする。

なお、Stylishのアドオンは、Firefoxの他Chromeでも利用することができます。
ダウンロードはこちらです。
Firefox 版
Chrome 版

こちらの記事にも同じようなのがあります。
機能を個別に設定しています。ご参考になれば幸いです。
・Twitterのタイムラインに表示される画像を非表示にする。 [Firefox Add-on Stylish]
・Twitterで表示されるフォント(文字)を元に戻す。 [Firefox Add-on Stylish]
・Firefox Add-on Stylish を使ってTwitterのWeb版からプロモーションツイートを表示させない様にする。

□ スタイルシートソース(Firefox)
タイムラインの画像は、他のユーザや自分のプロフィールでは表示させています。

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

@-moz-document domain("twitter.com") {

    /* プロモーションの非表示 */

    .prompt-wrapper,

    .promoted-tweet {

        display:none;

    }

    

    /* 旧来のフォントへ戻す */

    body.ja {

        font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",sans-serif;

    }

    

    /*プロフィール調整*/

    .ProfileTweet{

        padding:10px;

    }

    .ProfileTweet-text {

        font-size:14px !important;

        line-height:17px !important;

    }    

}

@-moz-document url("https://twitter.com/") {

    /* タイムラインに画像を表示させない */

    .card2,

    .cards-media-container {

        display:none !important;

    } 

}

□ 設定例

□ 表示例

□ スタイルシートソース(Google Chrome)

/* プロモーションの非表示 */

.prompt-wrapper,

.promoted-tweet {

    display:none;

}



/* 旧来のフォントへ戻す */

body.ja {

   font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",sans-serif;

}



/*プロフィール調整*/

.ProfileTweet{

    padding:10px;

}

.ProfileTweet-text {

   font-size:14px !important;

   line-height:17px !important;

}