Better YouTube Design / より良いYouTubeデザイン by menndouyukkuri

/* ==UserStyle==
@name           youtube.com - 2023年10月
@namespace      github.com/openstyles/stylus
@version        1.1.1
@description    Distribution name: Better YouTube Design / より良いYouTubeデザイン Description: This improves the design of YouTube, such as removing rounded corners from some elements. / 一部の要素の角丸を削除するなど、YouTubeのデザインを改善します。
@author         menndouyukkuri
==/UserStyle== */

@-moz-document domain("youtube.com") {
    div#top-row {
        display: block !important;

        /* タイトルと概要欄の間の部分を1列分だけ表示するようにし、スクロール可能にするには */
        /* 以下2行のコードのコメントアウトを外します                                       */
        /* height: 56px;   */
        /* overflow: auto; */
    }
    div#owner {
        margin-right: 0 !important;
        max-width: 99% !important;
    }
    div#actions {
        max-width: 97.5%;
    }

    /* 角丸の廃止 */
    /* サムネイル */
    a#thumbnail, .thumbnail-container,
    /* 再生リストのサムネイルの背後のdiv要素 */
    .collections-stack-wiz__collection-stack1--large,
    .collections-stack-wiz__collection-stack1--medium,
    .collections-stack-wiz__collection-stack2,
    /* 動画の再生後の関連動画サムネイル */
    div[style^="background-image: url"].ytp-videowall-still-image,
    /* YouTube投稿の画像 */
    ytd-backstage-image-renderer[rounded] #image-container.ytd-backstage-image-renderer yt-img-shadow.ytd-backstage-image-renderer,
    /* 終了画面 */
    .ytp-ce-video.ytp-ce-large-round, .ytp-ce-playlist.ytp-ce-large-round,
    .ytp-ce-video.ytp-ce-medium-round, .ytp-ce-playlist.ytp-ce-medium-round,
    /* 通常動画のプレーヤー */
    ytd-player#ytd-player,
    /* ショート動画のプレーヤー */
    .ytd-reel-video-renderer,
    /* シークバーにホバーしたら表示されるツールチップ */
    .ytp-tooltip.ytp-rounded-tooltip.ytp-preview:not(.ytp-text-detail),
    .ytp-tooltip.ytp-rounded-tooltip.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-bg {
        border-radius: 0 !important;
    }

    /* サムネイルにボーダーを追加 */
    a#thumbnail, .thumbnail-container,
    .collections-stack-wiz__collection-stack1--large,
    .collections-stack-wiz__collection-stack1--medium,
    .collections-stack-wiz__collection-stack2,
    div[style^="background-image: url"].ytp-videowall-still-image,
    ytd-backstage-image-renderer[rounded] #image-container.ytd-backstage-image-renderer yt-img-shadow.ytd-backstage-image-renderer {
        border: 1px solid #f39800;
    }

    /* 広告の消去 */
    ytd-rich-item-renderer:has(ytd-ad-slot-renderer),
    ytd-rich-section-renderer:has(img[src*="tvfilm"]),
    ytd-rich-section-renderer:has(a[title*="映画"]) {
        display: none;
    }
    ytd-ad-slot-renderer {
        display: none;
    }
}