/* ==UserStyle==
@name          Twitter simple view
@name:ja       ツイッターを1カラム化してシンプル表示
@namespace   github.com/openstyles/stylus
@version  1.0.0
@description A new userstyle
@author   Me
@charset "UTF-8";
==/UserStyle== */

@-moz-document url-prefix("https://twitter.com/") {
/* twitter全体に適用するCSS */

/* ●カラム幅・レイアウト調整 */
div[data-testid="sidebarColumn"] { display:none;}/*右カラム消す*/
div[data-testid="primaryColumn"] { max-width: 100%;}
.r-rthrr5 { width:1200px; /*メインカラム幅修正全画面表示にしたい時はここを100％にする*/
    max-width:100%;} /*画面はみだし防止*/
.r-1ye8kvj{max-width:100%;}/* メインカラムの幅を↑で指定した幅に合わせる */

/* ●左カラムをスマホレイアウト化 */
.r-1joea0r{display:none!important;}
.r-e7q0ms{width:60px;}
.r-o96wvk {width: 120px;}

/* ●画像サイズ縮小 */
/* 参考：https://www.naporitansushi.com/twitter-width/ */
div[aria-labelledby*="id"]:not([data-testid*="card"]) {width:500px;max-width:80%;}
/*メッセージ（Dm）のセクション詳細横幅*/
section[aria-label="セクションの詳細"] {max-width: 600px !important;}

/* ●フロート出でてくるツイート画面の幅を固定 */
.r-1pjcn9w {width:700px;max-width: 80vw;}

}

@-moz-document url-prefix("https://twitter.com/home"), url-prefix("https://twitter.com/notifications"), url-prefix("https://twitter.com/i/lists"), url-prefix("https://twitter.com/i/bookmarks") {
/* home/mention/lists/bookmarksに適用するCSS */

/* ●改行をころす */
.css-901oao[data-testid="tweetText"]{white-space:unset;}

/* ●画像サイズ縮小 */
/* 参考：https://www.naporitansushi.com/twitter-width/ */
div[aria-labelledby*="id"]:not([data-testid*="card"]) {width:300px;}

/* ●OGPのレイアウトを調整 */
/* 参考：https://www.naporitansushi.com/twitter-card-layoutlarge-media-css/ */

/*OGPの画像サイズ*/
div[data-testid="card.layoutLarge.media"] {
  width: 120px !important;
}

/* OGPの文字サイズ */
   .r-1s2bzr4 .r-qvutc0{font-size:0.95em;}

/*文字を画像の横に配置する*/
div[data-testid="card.wrapper"] {
  flex-direction: row !important;
}
}