Last active
July 26, 2024 17:47
-
-
Save Y-dash/6bc973a1fab0134212de4cc47bb6791e to your computer and use it in GitHub Desktop.
Twitter用のユーザーCSS。わりと老人会仕様。
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ツイートを好みのフォントに */ | |
body.ja, .r-gwet1z, .r-1tl8opc, .r-1qd0xha { | |
/* というかコレは昔のTwitterのフォント */ | |
font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; | |
} | |
/* TLのツイートのテキストサイズを好みに */ | |
p.ProfileTweet-text.js-tweet-text.u-dir, .TweetTextSize.js-tweet-text.tweet-text:not(.TweetTextSize--28px), .r-a023e6 { | |
font-size: 14px; | |
line-height: 18px; | |
} | |
/* ツイート個別ページの文字サイズが小さくなりすぎて違和感なので大きくする */ | |
.r-1inkyih { | |
font-size: 23px; | |
line-height: normal; | |
} | |
/* 「いいねしたユーザー」の縦広げる */ | |
.r-rsyp9y { | |
height: calc(100% - 100px); | |
} | |
/* サイドバーの「おすすめユーザー」非表示 */ | |
div.css-1dbjc4n.r-1867qdf.r-1phboty.r-rs99b7.r-1ifxtd0.r-1bro5k0.r-1udh08x { | |
display: none; | |
} | |
/* トレンド非表示 */ | |
div.css-1dbjc4n.r-1867qdf.r-1phboty.r-rs99b7.r-1ifxtd0.r-1udh08x:is(.r-g6ijar.r-74htps, .r-g2wdr4.r-14wv3jr, .r-x572qd.r-1d6w8o1) { | |
display: none; | |
} | |
/* 未フォロー時の「フォロー」ボタンを透明地に */ | |
.css-18t94o4.css-1dbjc4n.r-42olwf.r-sdzlij.r-1phboty.r-rs99b7.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr:not(.r-qqmkd0):not(.r-jc7xae):not(.r-12d83nn) { | |
border-color: rgb(83, 100, 113); | |
background-color: rgba(0, 0, 0, 0); | |
} | |
.css-18t94o4.css-1dbjc4n.r-42olwf.r-sdzlij.r-1phboty.r-rs99b7.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr > .css-901oao.r-1awozwy.r-6koalj.r-18u37iz.r-16y2uox.r-1tl8opc.r-a023e6.r-b88u0q.r-1777fci.r-rjixqe.r-bcqeeo.r-q4m81j.r-qvutc0 { | |
color: rgb(255, 255, 255); | |
} | |
body[data-nightmode="false"] .css-18t94o4.css-1dbjc4n.r-42olwf.r-sdzlij.r-1phboty.r-rs99b7.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr > .css-901oao.r-1awozwy.r-6koalj.r-18u37iz.r-16y2uox.r-1tl8opc.r-a023e6.r-b88u0q.r-1777fci.r-rjixqe.r-bcqeeo.r-q4m81j.r-qvutc0 { | |
color: rgb(15, 20, 25); | |
} | |
/* 既フォロー時の「フォロー中」ボタンを青地に */ | |
.css-18t94o4.css-1dbjc4n.r-sdzlij.r-1phboty.r-rs99b7.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr:not(.r-qqmkd0):not(.r-12d83nn) { | |
background-color: rgb(29, 161, 242); | |
} | |
/* ホームタイムラインとプロフィールタイムラインの「おすすめユーザー」と「おすすめトピック」を非表示 */ | |
:is(div[aria-label$="さんのツイート"], div[aria-label="タイムライン: ホームタイムライン"]) div[data-testid="cellInnerDiv"]:has(:is( | |
/* 見出し */ | |
div.css-1dbjc4n.r-1wtj0ep.r-1ny4l3l.r-ymttw5.r-1f1sjgu div[class="css-1dbjc4n"], | |
/* おすすめユーザー */ | |
div[data-testid="UserCell"], | |
/* おすすめトピック */ | |
section[aria-labelledby^="accessible-list-"], | |
/* 「さらに表示」「その他のトピック」リンク */ | |
a.css-4rbku5.css-18t94o4.css-1dbjc4n.r-1loqt21.r-1ny4l3l.r-ymttw5.r-1yzf0co.r-o7ynqc.r-6416eg, | |
/* 区切り線 */ | |
div.css-1dbjc4n.r-kuekak.r-109y4c4.r-1p6iasa | |
)) { | |
display: none; | |
} | |
/* 個別ツイートの「その他のツイート」を非表示 */ | |
div[aria-label="タイムライン: 会話"] :is(div[data-testid="cellInnerDiv"]:has(h2), div[data-testid="cellInnerDiv"]:has(h2) ~ div[data-testid="cellInnerDiv"]) { | |
display: none; | |
} | |
/* 右下のDM非表示 */ | |
div[data-testid="DMDrawer"] { | |
display: none; | |
} | |
/* 左サイドバーの整理 */ | |
header[role="banner"] :is( | |
/* 話題を検索を非表示 */ | |
a[data-testid="AppTabBar_Explore_Link"], | |
/* ブックマークを非表示 */ | |
a[href="/i/bookmarks"], | |
/* Twitter Blueを非表示 */ | |
a[href="/i/twitter_blue_sign_up"], | |
/* 認証済みを非表示 */ | |
a[href="/i/verified-choose"], | |
/* コミュニティノートを非表示 */ | |
a[href="/i/communitynotes"] | |
) { | |
display: none; | |
} | |
/* 左サイドバーのツイートボタン非表示 */ | |
div:has(> a[data-testid="SideNav_NewTweet_Button"]) { | |
display: none; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Blueによるツイートの太字を無効にする */ | |
.r-b88u0q { | |
font-weight: inherit !important; | |
} | |
/* Blueによるツイートのイタリックを無効にする */ | |
.r-36ujnk { | |
font-style: inherit !important; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ツイート個別ページでブックマーク数を非表示にする */ | |
div[data-testid="cellInnerDiv"] div[role="group"] > div.css-1dbjc4n:not([role="separator"]):not(:has(a)):not(:has(div[role="button"])) { | |
display: none !important; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 犬を鳥に戻す */ | |
path[d="M2.412.974h19.176v22.052H2.412z"] { | |
d: path("M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z") !important; | |
fill: inherit !important; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ハイライトタブを非表示 */ | |
div[role="tablist"][data-testid="ScrollSnap-List"] > div[role="presentation"]:has(> a[href$="/highlights"]) { | |
display: none; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* アイコンを円に統一する */ | |
div[data-testid^="UserAvatar-Container-"] > div > div > div > div, | |
div[data-testid^="UserAvatar-Container-"] > div > div > div > div > a > div { | |
border-radius: 9999px !important; | |
clip-path: none !important; | |
overflow: hidden !important; | |
} | |
/* アイコンを四角に統一する */ | |
div[data-testid^="UserAvatar-Container-"] > div > div > div > div, | |
div[data-testid^="UserAvatar-Container-"] > div > div > div > div > a > div { | |
border-radius: 0 !important; | |
clip-path: url(#rounded-square-hw-shapeclip-clipconfig) !important; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* タイムラインのインプレッションを非表示にする */ | |
div.css-1dbjc4n.r-18u37iz.r-1h0z5md:has(a[href$="/analytics"]) { | |
display: none !important; | |
} | |
/* ツイート個別ページでインプレッションを非表示にする */ | |
div[dir="ltr"]:has(> span.css-901oao.css-16my406.r-1tl8opc.r-bcqeeo.r-qvutc0 span[data-testid="app-text-transition-container"]) { | |
display: none !important; | |
} | |
/* ツイート個別ページインプレッション前の区切り点を非表示にする */ | |
div[dir="ltr"][aria-hidden="true"]:has(+ div[dir="ltr"] > span.css-901oao.css-16my406.r-1tl8opc.r-bcqeeo.r-qvutc0 span[data-testid="app-text-transition-container"]) { | |
display: none !important; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Xロゴを鳥ロゴに戻す */ | |
path[d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"] { | |
d: path("M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z") !important; | |
fill: inherit !important; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* タイムラインやフォロー欄などのチェックマーク全種非表示 */ | |
div[dir="ltr"]:has(> span > svg[data-testid="icon-verified"]) { | |
display: none; | |
} | |
/* タイムラインやフォロー欄などのチェックマークのうち青のみ非表示 */ | |
div[dir="ltr"]:has(> span > svg.r-1cvl2hr[data-testid="icon-verified"]) { | |
display: none; | |
} | |
/* ユーザーページのチェックマーク全種非表示 */ | |
span:has(> span > div > div[role="button"] > svg[data-testid="icon-verified"]) { | |
display: none; | |
} | |
span:has(> span > svg[data-testid="icon-verified"]) { | |
display: none; | |
} | |
/* ユーザーページのチェックマークのうち青のみ非表示 */ | |
span:has(> span > div > div[role="button"] > svg.r-1cvl2hr[data-testid="icon-verified"]) { | |
display: none; | |
} | |
span:has(> span > svg.r-1cvl2hr[data-testid="icon-verified"]) { | |
display: none; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 「おすすめ」タブを非表示にする */ | |
div[role="tablist"] div[role="presentation"]:has(a[href="/home"]):nth-child(1) { | |
display: none !important; | |
} | |
/* 「おすすめ」が選択されてしまっているときのみ「おすすめ」タブを表示する */ | |
/* ※ 直上のやつと併用で機能 */ | |
div[role="tablist"] div[role="presentation"]:has(a[href="/home"][aria-selected="true"]):nth-child(1) { | |
display: flex !important; | |
} | |
/* タブメニューの上にある「ホーム」を非表示にする */ | |
div[data-testid="primaryColumn"]:has(a[href="/home"][role="tab"]) div.css-1dbjc4n.r-1loqt21.r-136ojw6 { | |
display: none !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment