[Add-on Stylish] Web版Twitterのタイムラインに表示される画像、プロモーションの表示を設定するStylishのCSS (暫定)

[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 Web 版 (Stylish CSS適用)
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]

2015.12.08

コメント投稿フォーム