【Stylus】Togetterのサイト表示をシンプル化する

Togetter の過剰装飾（太字・赤字、クリック数煽り）でページがかなりうるさい & ちょっとどうかなと思うユーザーのまとめが目につく頻度が増えて閲覧しにくい状態になったので Chorome の拡張機能の Stylus を使ってサイトを静かにする定義を考えました。

これらを適用して過剰装飾とちょっとどうかなというユーザーをサイト上から非表示にします。

表示状態の比較

適用前

適用前。なんか赤やら太字やらでうるさい。

適用後

赤文字や太字を全部ふつうのフォントに変更。ちょっとどうかなと思うユーザーを非表示にしたらだいぶすっきり。

CSS定義

Togetter.comの定義

トップページの表示を落ち着いた感じに変更します。あと特定ユーザーを非表示化。

/* <https://togetter.com/> */

/* 特定のユーザーのまとめを非表示にする */
li.pickup_picture_list.has_thumb:has([src*="1493157489939869701"]),
    .feature_list.clearfix:has([src*="1493157489939869701"]),
    li.clearfix:has([src*="1493157489939869701"]) {
    display: none;
}
li.pickup_picture_list.has_thumb:has([src*="1222214735887646721"]),
    .feature_list.clearfix:has([src*="1222214735887646721"]),
    li.clearfix:has([src*="1222214735887646721"]) {
    display: none;
}
li:has([alt*="mumimushunyu"]){
    display: none;
}
li:has([alt*="Panjabi_lang"]){
    display: none;
}

/* 煽り系のまとめを目にする頻度を減らす定義 */
li[aria-setsize="12"]:has([alt*="【"]) {
    display: none;
}
li.clearfix:has([alt*="【"]){
    display: none;
}
li.has_thumb.clearfix:has([title*="【"]) {
    display: none;
}

/* 赤文字とか太字のような煽り装飾を普通の文字スタイルに変更する */
p.tweet {
    color: initial !important;
    font-size: 100% !important;
}
.tweet > span {
    color: initial !important;
    font-size: 100% !important;
    font-weight: initial !important;
}
/* いいねボタンを非表示 */
.status {
    display: none;
}
.info_box h1 {
    font-size: 150%;
    font-weight: initial !important;
}
.md-h-1 {
    font-size: 130% !important;
    font-weight: initial !important;
}
/* 各種強調表示を消す */
[href*="https"] {
    font-weight: initial !important;
}
span {
    font-weight: initial !important;
}
/* コメントを削除 */
.comment_box{
    display: none;
}
/* ポイント表示を削除 */
.point{
    display: none;
}
/* 表示回数を削除 */
.icon_view {
    display: none;
}
/* コメント数を削除 */
#go-to-comment-button {
    display: none;
}
/* はてぶ数を削除 */
a.hatebu {
    display: none;
}
/* サイトのフッターを削除 */
footer {
    display: none;
}
/* 編集部厳選を削除 */
.push_links{
    display: none;
}
/* 誰が作ったかとかツイート数とかを作成者アイコン以外全て消去 */
.view_str, .state_icon.icon_new,
    .count_twitter.bindclick, .svg-icon.fa-twitter,
    .http-bookmark.bindclick, .count_facebook.bindclick {
    display: none;
}
/* みんなのコメント欄を削除 */
.comment_popular {
    display: none;
}
/* 上部検索ボックスとログインを消去 */
#subheader{
    display: none;
}
#gototop{
    display: none;
}
/* 急上昇したワードを削除 */
#popular-tag-portal {
    display: none;
}

Togetter.com/liの定義

その1

リプライを非表示にする。

こういってはなんですが、正直、元ツイに対する反応なんか2つ目以降は必要ないと思う。

/* <https://togetter.com/li> */

/* リプライをなるべく非表示 */

/*
[data-index^="1"] { display: none; }
[data-index^="2"] { display: none; }
[data-index^="3"] { display: none; }
*/
[data-index^="4"] { display: none; }
[data-index^="5"] { display: none; }
[data-index^="6"] { display: none; }
[data-index^="7"] { display: none; }
[data-index^="8"] { display: none; }
[data-index^="9"] { display: none; }
[data-index^="10"] { display: none; }
[data-index^="11"] { display: none; }
[data-index^="12"] { display: none; }
[data-index^="13"] { display: none; }
[data-index^="14"] { display: none; }
[data-index^="15"] { display: none; }
[data-index^="16"] { display: none; }
[data-index^="17"] { display: none; }
[data-index^="18"] { display: none; }
[data-index^="19"] { display: none; }
[data-index^="20"] { display: none; }
[data-index^="21"] { display: none; }
[data-index^="22"] { display: none; }
[data-index^="23"] { display: none; }
[data-index^="24"] { display: none; }
[data-index^="25"] { display: none; }
[data-index^="26"] { display: none; }
[data-index^="27"] { display: none; }
[data-index^="28"] { display: none; }
[data-index^="29"] { display: none; }
[data-index^="30"] { display: none; }
[data-index^="31"] { display: none; }
[data-index^="32"] { display: none; }
[data-index^="33"] { display: none; }
[data-index^="34"] { display: none; }
[data-index^="35"] { display: none; }
[data-index^="36"] { display: none; }
[data-index^="37"] { display: none; }
[data-index^="38"] { display: none; }
[data-index^="39"] { display: none; }
[data-index^="40"] { display: none; }

/* ツイートした人物のプロフィールを削除 */
.list_box.type_url.type_profile.impl_profile_big {
    display: none;
}
.description_box {
    display: none;
}
/* 2ページ目とかの遷移ボタンを削除 */
.pagenation {
    display: none;
}

その2

ちょっとどうかなというユーザーのまとめを誤って開いてしまったときにページを丸ごと非表示にします

/* <https://togetter.com/li> */

/* 間違ってブロックユーザーのまとめを開いてしまったときに内容を全部非表示にする */
.contents:has([href*="mumimushunyu"]){
    display: none !important;
}
.contents:has([href*="Panjabi_lang"]){
    display: none !important;
}