[Add-on Stylish] Web版Twitterのタイムラインに表示される画像、プロモーションの表示を設定するStylishのCSS （暫定） : ういすぷの記録帳

Web版Twitterの仕様が変ったため、アドオンのStylishのCSSを更新しました。
今回は画像を小さく表示させるタイプと、完全に表示させないタイプの2種類ご用意いたしました。
なお、画像を小さく表示させるタイプは暫定仕様となります。


□ 画像を小さくさせるCSSソース

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

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

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

  .promoted-tweet {

     display:none;

  }

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

  .tweet-text {

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

     font-size:14px !important;

  }

}

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

   /* タイムラインに表示される画像(小さく表示＜暫定＞) */

   .AdaptiveMedia-singlePhoto img,

   .AdaptiveMedia-doublePhoto img,

   .AdaptiveMedia-triplePhoto img,

   .AdaptiveMedia-quadPhoto img {

      height:50px !important;

      width:auto !important;

   }

   .AdaptiveMedia-singlePhoto,

   .AdaptiveMedia-doublePhoto,

   .AdaptiveMedia-triplePhoto,

   .AdaptiveMedia-quadPhoto {     

      height:auto !important;

      width:auto !important;     

   }

   .AdaptiveMedia-photoContainer img {

     position:relative;

   }

}

表示イメージはこんな感じです。

Twitterは4枚画像をアップロードできますが、2枚以上だと表示が乱れたりします。ご了承ください。そのため暫定となっています。


□ 画像を表示させないCSSソース

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

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

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

  .promoted-tweet {

     display:none;

  }

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

  .tweet-text {

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

     font-size:14px !important;

  }

}

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

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

   .AdaptiveMedia {

     /*display:none;*/

   }

}

ご参考になれば幸いです。



□ 関連記事
・[Add-on Stylish] Twitterが更新されていたので、プロモ、お勧めフォロワ、画像などを表示させない様にする。 [2015/10/28 更新]
・[Add-on Stylish] Twitterのタイムラインを加工しました。
・Twitterのタイムラインに表示される画像を非表示にする。 [Firefox Add-on Stylish]
・Twitterで表示されるフォント(文字)を元に戻す。 [Firefox Add-on Stylish]
・Firefox Add-on Stylish を使ってjapan.internet.comのページの広告を表示させない様にする。
・Firefox Add-on Stylish を使ってTwitterのWeb版からプロモーションツイートを表示させない様にする。
・FC2ブログ、 ヘッダ・フッタ部の広告を表示させない様にする。 [Firefox Add-on Stylish CSS]