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