Better youtube.co.jp

youtube_preferences.css

@-moz-document url-prefix("https://www.youtube.com") {
/* Hide annoying elements */
/* Share buttons? */
#top-level-buttons-computed > yt-button-view-model.ytd-menu-renderer,
/* Clip buttons? */
#flexible-item-buttons > ytd-button-renderer,
/* For $ buttons? */
#sponsor-button.ytd-video-owner-renderer:not(:empty),
#purchase-button.ytd-video-owner-renderer:not(:empty),
#analytics-button.ytd-video-owner-renderer:not(:empty),
/* Create button? even if a channel owned */
#buttons > ytd-button-renderer:nth-last-of-type(1),
/* Super Thanks button */
button[aria-label="Thanks"],
/* Shorts in recommended contents */
#contents > ytd-reel-shelf-renderer,
/* Shorts tab in guide items */
ytd-mini-guide-renderer > #items > ytd-mini-guide-entry-renderer[aria-label="ショート"],
/* Shorts section in subscriptions */
#contents > ytd-rich-section-renderer:nth-of-type(2),
/* Emoji reaction animations in comments */
#emoji-fountain,
.ytp-ce-element {
    display: none !important;
}
/* Rearrange row width of video owner and action buttons */
#top-row > div#owner {
    min-width: calc(70% - 6px);
}
#top-row > div#actions {
    min-width: calc(30% - 6px);
}
/* Shorts in subscriptions */
ytd-two-column-browse-results-renderer[page-subtype="subscriptions"] #contents > ytd-rich-section-renderer:nth-child(4) {
    display: none;
    max-height: 200px;
    margin-bottom: 50px;
    overflow: hidden;
}
/* Smaller subscriptions header line */
ytd-two-column-browse-results-renderer[page-subtype="subscriptions"] #contents > ytd-rich-section-renderer:first-child #dismissible > div.grid-subheader {
    margin-top: 5px;
}
ytd-two-column-browse-results-renderer[page-subtype="subscriptions"] #contents > ytd-rich-section-renderer:first-child #dismissible > #contents {
    margin-top: 10px;
}
/* Grid at least 4 items per rows (Thumbnails up-scaled to ugly by 3 items, why not responsive based on window width? What were they thinking?) */
#primary > ytd-rich-grid-renderer {
    --ytd-rich-grid-items-per-row: 4 !important;
}
ytd-video-meta-block {
    width: 115%;
}
/* Why video player has to be rounded border style? Don't hide the 4 corners of original video! */
ytd-watch-flexy[rounded-player] #ytd-player.ytd-watch-flexy {
    border-radius: unset;
}
/* Hide player controls */
/*
.ytp-gradient-bottom,
.ytp-chrome-bottom,
.ytp-gradient-top,
.ytp-chrome-top {
    display: none;
}
*/
}

@-moz-document url-prefix("https://www.youtube.com/live_chat") {
/* Japanese font for live chat */
html,
.yt-spec-button-shape-next,
yt-live-chat-message-renderer[subtext-on-bottom] #subtext.yt-live-chat-message-renderer,
yt-live-chat-message-renderer[updated-input-visuals][subtext-on-bottom] #subtext.yt-live-chat-message-renderer {
    font-family: Roboto, "Meiryo UI", Arial, sans-serif !important;
}
#interaction-message {
    display: none;
}
}