Minimalize for YouTube SuperAssistant

Transparent description and improve theater mode for: https://greasyfork.org/ja/scripts/521538-youtubeᴾˡᵘˢ-super-assistant-video-downloader-no-ads-new-layout-for-yt

安裝腳本 ? 以使用者樣式安裝 ?

發表問題、評論、或檢舉該腳本。

換行

/* ==UserStyle==
@name        Minimalize for YouTube SuperAssistant
@description Transparent description and improve theater mode for: https://greasyfork.org/ja/scripts/521538-youtubeᴾˡᵘˢ-super-assistant-video-downloader-no-ads-new-layout-for-yt
@match       *://www.youtube.com/**
@license     MIT
@version     0.7
@namespace   djshigel
==/UserStyle== */

body::-webkit-scrollbar {
    width: 0 !important;
}

/* body:has(ytd-watch-flexy[theater]:not([hidden])) {
    overflow: hidden;
} */

#masthead[page-dark-theme] {
    background: linear-gradient(#202020, transparent);
}

#content:has(ytd-watch-flexy[theater]:not([hidden])) #masthead[page-dark-theme] {
    background: linear-gradient(#202020, #000000);
    height: 86px;
}

#content:has(ytd-watch-flexy[theater]:not([hidden])) ytd-page-manager {
    margin-top: 86px;
}

@media screen and (min-height: 1270px) and (orientation: landscape),
@media screen and (min-height: 1980px) and (orientation: portrait) {
    #masthead[page-dark-theme] {
        background: linear-gradient(#000, transparent);
    }

    #content:has(ytd-watch-flexy[theater]:not([hidden])) #masthead[page-dark-theme] {
        background: #000;
    }
}

#content:has(#movie_player.ytp-autohide) #masthead[theater] #container {
    opacity: 0;
    transition: opacity .3s;
}

#content:has(#movie_player.ytp-autohide) #masthead[theater]:hover #container {
    opacity: 1;
}

ytd-watch-flexy[is-dark-theme][theater] #columns,
ytd-watch-flexy[theater]:has(#movie_player.ytp-autohide) #columns {
    background: #000;
}

ytd-watch-flexy[theater]:has(#movie_player.ytp-autohide) #columns #primary,
ytd-watch-flexy[theater]:has(#movie_player.ytp-autohide) #columns #secondary {
    opacity: 0;
    transition: opacity .3s;
}

ytd-watch-flexy[theater]:has(#movie_player.ytp-autohide) #columns:hover #primary, 
ytd-watch-flexy[theater]:has(#movie_player.ytp-autohide) #columns:hover #secondary {
    opacity: 1;
}

#movie_player.ytp-autohide .branding-img {
    display: none !important;
}

#description {
    background-color: transparent !important;
    opacity: .7;
}

#description-inner{
    margin-left: 0 !important;
}

#inline-expander, #inline-expander:hover {
    background: transparent;
}

#secondary {
    opacity: .5;
    transition: opacity cubic-bezier(.98, -.01, .69, .11) .5s;
    height: 1000px;
}

#secondary:hover {
    opacity: 1;
}

#material-tabs > a {
    background-color: var(--yt-active-playlist-panel-background-color) !important;
}

.ytp-button[aria-label="Hide chats"], .ytp-button[aria-label="Show chats"] {
    margin-top: 5px;
    margin-right: 10px;
}