☰

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

目前为 2025-03-21 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name        Minimalize for YouTube SuperAssistant
  3. @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
  4. @match       *://www.youtube.com/**
  5. @license     MIT
  6. @version     0.6
  7. @namespace   djshigel
  8. ==/UserStyle== */
  9.  
  10. body::-webkit-scrollbar {
  11.     width: 0 !important;
  12. }
  13.  
  14. body:has(ytd-watch-flexy[theater]:not([hidden])) {
  15.     overflow: hidden;
  16. }
  17.  
  18. #masthead[page-dark-theme] {
  19.     background: linear-gradient(#202020, transparent);
  20. }
  21.  
  22. #content:has(ytd-watch-flexy[theater]:not([hidden])) #masthead[page-dark-theme] {
  23.     background: linear-gradient(#202020, #000000);
  24.     height: 86px;
  25. }
  26.  
  27. #content:has(ytd-watch-flexy[theater]:not([hidden])) ytd-page-manager {
  28.     margin-top: 86px;
  29. }
  30.  
  31. @media screen and (min-height: 1270px) and (orientation: landscape),
  32. @media screen and (min-height: 1980px) and (orientation: portrait) {
  33.     #masthead[page-dark-theme] {
  34.         background: linear-gradient(#000, transparent);
  35.     }
  36.  
  37.     #content:has(ytd-watch-flexy[theater]:not([hidden])) #masthead[page-dark-theme] {
  38.         background: #000;
  39.     }
  40. }
  41.  
  42. #content:has(#movie_player.ytp-autohide) #masthead[theater] #container {
  43.     opacity: 0;
  44.     transition: opacity .3s;
  45. }
  46.  
  47. #content:has(#movie_player.ytp-autohide) #masthead[theater]:hover #container {
  48.     opacity: 1;
  49. }
  50.  
  51. ytd-watch-flexy[is-dark-theme][theater] #columns,
  52. ytd-watch-flexy[theater]:has(#movie_player.ytp-autohide) #columns {
  53.     background: #000;
  54. }
  55.  
  56. ytd-watch-flexy[theater]:has(#movie_player.ytp-autohide) #columns #primary,
  57. ytd-watch-flexy[theater]:has(#movie_player.ytp-autohide) #columns #secondary {
  58.     opacity: 0;
  59.     transition: opacity .3s;
  60. }
  61.  
  62. ytd-watch-flexy[theater]:has(#movie_player.ytp-autohide) #columns:hover #primary, 
  63. ytd-watch-flexy[theater]:has(#movie_player.ytp-autohide) #columns:hover #secondary {
  64.     opacity: 1;
  65. }
  66.  
  67. #movie_player.ytp-autohide .branding-img {
  68.     display: none !important;
  69. }
  70.  
  71. #description {
  72.     background-color: transparent !important;
  73.     opacity: .7;
  74. }
  75.  
  76. #description-inner{
  77.     margin-left: 0 !important;
  78. }
  79.  
  80. #inline-expander, #inline-expander:hover {
  81.     background: transparent;
  82. }
  83.  
  84. #secondary {
  85.     opacity: .5;
  86.     transition: opacity cubic-bezier(.98, -.01, .69, .11) .5s;
  87.     height: 1000px;
  88. }
  89.  
  90. #secondary:hover {
  91.     opacity: 1;
  92. }
  93.  
  94. #material-tabs > a {
  95.     background-color: var(--yt-active-playlist-panel-background-color) !important;
  96. }
  97.  
  98. .ytp-button[aria-label="Hide chats"], .ytp-button[aria-label="Show chats"] {
  99.     margin-top: 5px;
  100.     margin-right: 10px;
  101. }