Skip to content

Minimal Twitter by 6ppng

Screenshot of Minimal Twitter

Details

Author6ppng

LicenseMIT

CategoryTwitter

Created

Updated

Size5.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This style makes the X(twitter) view simple.

Notes

This style includes removing the following elements:

  • Labels in left menu.
  • Icons in left menu.
    • This will be displayed on hover.
  • Username and id per post.
    • Username will be displayed on hover.
  • Buttons per post.
  • Header at top of list timeline.
  • Right pane.
  • Bottom DM drawer.

In addition, this style make your lists to simple as possible.

Source code

/* ==UserStyle==
@name         Minimal Twitter
@namespace    @6ppng
@version      1.5.7

==/UserStyle== */

@-moz-document domain("x.com") {

    /* ――― 右サイドバー削除 --- */
    main[role="main"] > div > div > div > div[data-testid="sidebarColumn"] {
        display: none;
    }
    main[role="main"] > div > div > div > div[data-testid="primaryColumn"],
    div[aria-label="ホームタイムライン"] > div:last-of-type,
    div[aria-label="ホームタイムライン"] > div:last-of-type > div > div,
    div[aria-label="タイムラインのリスト"] > div:last-of-type {
        max-width: none;
    }

    /* ツイートカードの最小限化 */
    /* ツールボタンを非表示にする */
    div[aria-label^="タイムライン: "]:not([aria-label="タイムライン: 会話"]) > div > div > div > div > article > div > div > div:last-of-type > div:last-of-type > div:last-of-type {
        display: none;
    }
    /* スリードットを非表示にする */
    div[aria-label^="タイムライン: "]:not([aria-label="タイムライン: 会話"]) > div > div > div > div > article > div > div > div:last-of-type > div:last-of-type > div:first-of-type > div > div:last-of-type {
        display: none;
    }
    /* ユーザ名をホバー時のみにする */
    div[aria-label^="タイムライン: "]:not([aria-label="タイムライン: 会話"]) > div > div > div > div > article > div > div > div:last-of-type > div:last-of-type > div:first-of-type > div > div:first-of-type > div > div > div:first-of-type {
        visibility: hidden;
        opacity: 0;
        width: 0;
        transition:
            opacity 0.3s linear 0.5s,
            width  0.3s linear 0.5s;
    }
    div[aria-label^="タイムライン: "]:not([aria-label="タイムライン: 会話"]) > div > div > div > div > article:hover > div > div > div:last-of-type > div:last-of-type > div:first-of-type > div > div:first-of-type > div > div > div:first-of-type {
        visibility: visible;
        opacity: 1;
        width: 100%;
    }
    /* ユーザIDを非表示にする */
    div[aria-label^="タイムライン: "]:not([aria-label="タイムライン: 会話"]) > div > div > div > div > article > div > div > div:last-of-type > div:last-of-type > div:first-of-type > div > div:first-of-type > div > div > div:last-of-type > div > div:nth-child(-1n+2) {
        display: none;
    }


    /* 「いまどうしてる?」ヘッダの削除 */
    div[aria-label="ホームタイムライン"] > div {
        display: none;
    }
    div[aria-label="ホームタイムライン"] > div:first-of-type,
    div[aria-label="ホームタイムライン"] > div:last-of-type {
        display: flex;
    }


    /* --- リスト一覧画面の最小化 --- */
    /* 固定されたリスト・新しいリストを見つける */
    div[aria-label="タイムライン: 自分のリスト"] > div > div:nth-child(-1n+9),
    /* ピン止めアイコン */
    div[aria-label="タイムライン: 自分のリスト"] > div > div > div > div >  div > div > div:last-of-type,
    /* リストのアイコン */
    div[aria-label="タイムライン: 自分のリスト"] > div > div > div > div >  div > div > div:first-of-type > div:first-of-type,
    /* 作成したアカウント */
    div[aria-label="タイムライン: 自分のリスト"] > div > div > div > div >  div > div > div:first-of-type > div:last-of-type > div:last-of-type {
        display: none;
    }


    /* --- リストTLのヘッダ削除 --- */
    div[aria-label="タイムライン: リスト"] > div > div:first-of-type {
        display: none;
    }


    /* --- メニューの最小化 --- */
    /* Xロゴ・「ポストする」ボタンの削除 */
    header[role="banner"] > div > div > div > div:first-of-type > div:first-of-type,
    header[role="banner"] > div > div > div > div:first-of-type > div:last-of-type {
        display: none;
    }
    /* サブスクリプションメニューの削除 */
    a[aria-label="プレミアム"] {
        display: none;
    }
    /* メニューラベルの削除*/
    nav[aria-label="メインメニュー"] > * > div > div:nth-child(2) {
        display: none;
    }
    /* ラベル分の幅を削除 */
    header[role="banner"] > div > div > div {
        width: fit-content
    }
    /* アイコンの右揃え */
    header[role="banner"] > div {
        align-items: flex-end;
    }
    /* メニューをホバー時のみにする */
    nav[aria-label="メインメニュー"] > * {
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.2s;
    }
    nav[aria-label="メインメニュー"]:hover > * {
        visibility: visible;
        opacity: 1;
    }


    /* --- アカウントメニューの最小化 --- */
    /* アイコン以外の削除 */
    button[aria-label="アカウントメニュー"] > div:nth-child(n+2) {
        display: none;
    }
    /* アイコンをホバー時のみにする */
    button[aria-label="アカウントメニュー"] > div:first-child {
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.2s;
    }
    button[aria-label="アカウントメニュー"]:hover > div:first-child {
        visibility: visible;
        opacity: 1;
    }


    /* --- DMドロワーの削除 ---*/
    div#layers > div:first-of-type {
        display: none;
    }

}

Reviews

No reviews yet.