Skip to content

Gammame's twitter style by gammame

Details

Authorgammame

LicenseNo License

Categorytwitter.com

Created

Updated

Size1.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

X(Twitter)に適用する自分用CSSスタイルです。ツイートを大きくし、邪魔なものを消す基本的なカスタマイズです。
検索窓を左に移すと挙動がイマイチですが、いい感じの表示が思いつきませんでした。拙いコードでごめんなさい。

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           twitter.com - 2023/7/29 19:01:10
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://twitter.com/") {
/* 右カラムを検索窓、フッター以外非表示 */
div[data-testid=sidebarColumn]>div>div>div>div>div.css-1dbjc4n>div:not(:first-child):not(:last-child):not(.r-1tlfku8):not(.r-18bvks7):not(.r-1kqtdi0):not(.r-195d4m8):not(.r-ahm1il):not(.r-1h3ijdo):not(.r-1mwlp6a):not(.r-1ninfw3) {
    display: none !important
}
/*検索窓を左に*/
div[class*="css-1dbjc4n r-1awozwy r-aqfbo4"] {
  position: relative;
  z-index: 100;
  width: 131%;
  right: 77rem;
}
/*サイドバーメニューを下に*/
.css-1dbjc4n.r-aqfbo4.r-1pi2tsx.r-1xcajam.r-ipm5af {
  top: 5em;
}
/*左メニュー表示順位下げ*/
header.css-1dbjc4n.r-obd0qt.r-16y2uox.r-lrvibr.r-1g40b8q {
  z-index: 0;
}
/*Xロゴ邪魔*/
.css-1dbjc4n.r-dnmrzs.r-1vvnge1 {
  display: none;
}
/* ブルー勧誘邪魔 */
a[aria-label="認証済み"]{
  display: none;
}
/*左下のアカウントメニューを上にズラす*/
div[aria-label="アカウントメニュー"] {
  bottom: 5rem;
}

/* ツイートの幅を広げる */
.r-1ye8kvj {
max-width: 810px;
}
.r-htvplk {
min-width: 810px;
}.r-1hycxz {
width: 200px;
}
/*DMの横幅調整*/
section[aria-label="セクションの詳細"] {
  max-width: 600px !important;
}
/*ツイート内の画像を縮小*/
div[aria-labelledby*="id"]:not([data-testid*="card"]) {
  width: 40% !important;
}
}
 

Reviews

No reviews yet.