arrow_back

Custom CSS / JS

CSS

ツイートの文字サイズを変える

文字サイズはCSSで自由に変えられます

.tweet-text{
font-size:○px !important;
}

○のところに好きなサイズの数字を入れて設定のカスタムCSSに貼り付けてからリロードしてください

— さぶうぇいさん (@HiSubway) January 7, 2021

いいねボタンを左端に移動する

CSSで変更できます
このコードを設定のカスタムCSSに入力してリロードしてみてください

footer > ul > li:nth-child(1){
order:2;
}
footer > ul > li:nth-child(2){
order:3;
}
footer > ul > li:nth-child(3){
order:1;
}
footer > ul > li:nth-child(4){
order:4;
}

— さぶうぇいさん (@HiSubway) January 7, 2021

ツイートするボタンを上に移動する

カスタムCSSに

.compose .js-send-button{
position: relative;
top:-270px;
}

を入力してリロードすればアカウント名の横に移動できます

— さぶうぇいさん (@HiSubway) January 6, 2021

通知をシンプルにする

/* 通知(Notifications)をシンプルにする */
.activity-header+.tweet>.tweet-header,
.activity-header+.tweet>.tweet-footer,
.activity-header+.tweet>.js-show-this-thread
{display:none!important}
.activity-header+.tweet>.tweet-body>p.tweet-texta
{pointer-events:none!important}

— 名鉄一宮のtaiy (@20041203t) January 8, 2021

ミリ秒表示の表示を修正する

/* ミリ秒表示でガクガクするのを防ぐ(応急処置) */
time {
min-width: 6.5em !important;
text-align: right !important;
}

/* 返信を表示の余白を取り戻す */
.stream-item.conversation-more {
padding: 8px 0 8px 68px !important;
}

— 名鉄一宮の蒟蒻 (@20041203t) January 8, 2021

ツイートのフォントを修正する

ツイート本文だけフォントが違うのはコレでなおった。ついでに名前欄との間隔も調整
.tweet-text { padding-top:4px; font-family: Arial; }

— MK (@__mk) January 6, 2021

誤タップを防止する

共有2
/* クリック・タップ無効 */
/* 時間誤タップ防止 */
time > a
{pointer-events:none!important}

— 名鉄一宮のtaiy (@20041203t) January 7, 2021

Show this threadを非表示にする

共有
/* 非表示にするUI */
/* ツイートのアクションボタン */
.tweet-actions,
/* このスレッドを表示 / Show this thread */
.js-show-this-thread, p[class="margin-t--4 margin-b---3 txt-mute"],
/* フォローされています / Followed by ... */
.social-proof-container
{display:none!important}

— 名鉄一宮のtaiy (@20041203t) January 7, 2021

ロード中にMarinDeckロゴを表示する

MarinDeckロゴに変えられたので共有
SVGじゃなければCORSの制限受けない?

body>.js-app-loading>div>div>div>img[alt='Loading…']{display:none!important}body>.js-app-loading>div>div>div{background:url(https://play-lh.googleusercontent. https://t.co/dt4nLhMoLp

— さぶうぇいさん (@HiSubway) January 6, 2021

おすすめ設定(?)

今適用してるCSSとJSをGitHubにあげました()https://t.co/tbFNBtjX8q

— 名鉄一宮のtaiy (@20041203t) January 8, 2021

JavaScript

怪しい日本語化

https://t.co/uFebXDNXJv@mdr_anm の怪しい日本語化JS

— さぶうぇいさん (@HiSubway) January 8, 2021

CSS(ナビゲーションタブ)

メニューボタンと余白を消す

div>#menu,div>div{display:none!important}
これ適用したら左右のメニューと余白消える

適用例
const Style = document.createElement('style'); Style.innerHTML = 'div>#menu,div>div{display:none!important}'; document.body.appendChild(Style);

— 名鉄一宮のtaiy (@20041203t) January 8, 2021

追加要望

このツイートにリプして知らせてくれれば追加します

掲載してほしいCSSのツイートのリンクをここにリプ

— さぶうぇいさん (@HiSubway) January 8, 2021
作成 @ElectronicsBot, @HiSubway
2021 / 01 / 25