Old School YouTube Player

Updates YouTube's video player to the look & feel before the 2025 redesign
作者推荐脚本
安装此脚本
换行
/* ==UserStyle==
@name         Old School YouTube Player
@namespace    https://github.com/blakegearin/old-school-youtube-player
@version      2025.10.4
@description  Updates YouTube's video player to the look & feel before the 2025 redesign
@author       Blake Gearin <[email protected]> (https://blakegearin.com)
@supportURL   https://github.com/blakegearin/old-school-youtube-player/issues
@license      GPL-3.0-only
==/UserStyle== */

@-moz-document domain("youtube.com")
{
  /* Background */

  .ytp-delhi-modern .ytp-chrome-bottom
  {
    width: 100% !important;
    left: 0 !important;
    bottom: 0;
    z-index: 59;
  }

  /* Only display on hover */
  .ytp-delhi-modern:hover .ytp-chrome-bottom::before
  {
    content: "";
    height: 194px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADCCAYAAACIaaiTAAAAQklEQVR4AeySwQoAIAhDzf7/n2sjgqTrgw55GE5kTFnGrBPapkiHiIY8w8qwPHfCN74yXh5hmkpOF7gzFHqbvbcyAAAA//8elbrCAAAABklEQVQDALt6AjFGny3LAAAAAElFTkSuQmCC);
    opacity: 1;
    display: block;
    padding-top: 37px;
    bottom: 0;
    z-index: 24;
    background-position: bottom;
    width: 100%;
    position: absolute;
    background-repeat: repeat-x;
    pointer-events: none;
  }

  .ytp-delhi-modern .ytp-chrome-controls .ytp-play-button,
  .ytp-delhi-modern.ytp-delhi-modern-compact-controls .ytp-chrome-controls .ytp-play-button,
  .ytp-delhi-modern .ytp-chapter-title.ytp-button,
  .ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls,
  .ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area,
  .ytp-delhi-modern .ytp-time-wrapper:not(.ytp-miniplayer-ui *),
  .ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container > *),
  .ytp-delhi-modern .ytp-prev-button:not(.ytp-miniplayer-button-container > *)
  {
    background: transparent !important;
  }

  /* Height  */

  .ytp-delhi-modern .ytp-chrome-bottom
  {
    height: 51px !important;
  }

  .ytp-delhi-modern .ytp-chrome-controls
  {
    height: 48px !important;
    line-height: 48px !important;
    margin-top: 3px;
    margin-left: 14px !important;
  }

  .ytp-delhi-modern .ytp-chrome-controls
  {
    height: var(--yt-delhi-bottom-controls-height,72px);
  }

  .ytp-delhi-modern .ytp-chrome-controls .ytp-play-button,
  .ytp-delhi-modern .ytp-prev-button,
  .ytp-delhi-modern .ytp-prev-button svg,
  .ytp-delhi-modern .ytp-next-button,
  .ytp-delhi-modern .ytp-next-button svg,
  .ytp-delhi-modern .ytp-volume-icon.ytp-button,
  .ytp-delhi-modern .ytp-chapter-container,
  .ytp-delhi-modern .ytp-time-display:not(.ytp-miniplayer-ui *),
  .ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-right-controls-left,
  .ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-right-controls-right,
  .ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls,
  .ytp-delhi-modern .ytp-subtitles-button-icon svg,
  .ytp-delhi-modern button.ytp-subtitles-button:nth-child(3) > div:nth-child(1),
  .ytp-delhi-modern .ytp-hd-quality-badge svg,
  .ytp-delhi-modern .ytp-right-controls-left button > svg,
  .ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area
  {
    height: 48px !important;
  }

  /* Progress bar */

  .ytp-delhi-modern .ytp-progress-bar-container
  {
    left: 12px;
  }

  .ytp-delhi-modern .ytp-progress-bar-container
  {
    bottom: 43px !important;
  }

  .ytp-delhi-modern .ytp-progress-bar
  {
    margin-bottom: 2px;
  }

  .ytp-delhi-modern .ytp-progress-list
  {
    background: rgba(255,255,255,.2);
  }

  .ytp-delhi-modern:not(.ytp-player-minimized) .ytp-progress-bar-container
  {
    bottom: 47px;
    height: 5px;
    margin-bottom: 3px;
  }

  .ytp-delhi-modern .ytp-progress-bar-start.ytp-progress-bar-end
  {
    border-radius: 0px;
  }

  .ytp-delhi-modern .ytp-play-progress
  {
    background: #f03;
  }

  .ytp-delhi-modern .ytp-scrubber-button
  {
    height: 13px;
    width: 13px;
  }

  .ytp-delhi-modern .ytp-scrubber-container
  {
    top: -4px;
  }

  /* Disable growing scrubber */
  .ytp-delhi-modern .ytp-progress-bar-container:hover:not([aria-disabled="true"]) .ytp-scrubber-button
  {
    transform: none !important;
  }

  .ytp-delhi-modern .ytp-heat-map-container
  {
    margin-bottom: 2px !important;
  }

  .ytp-delhi-modern .ytp-modern-heat-map
  {
    fill: white !important;
    fill-opacity: 0.4 !important;
    stroke: none !important;
  }

  /* Opacity */

  .ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container>*)::after,
  .ytp-delhi-modern .ytp-prev-button:not(.ytp-miniplayer-button-container>*)::after,
  .ytp-delhi-modern .ytp-time-wrapper:not(.ytp-miniplayer-ui *):hover::after,
  .ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area::after,
  .ytp-delhi-modern .ytp-play-button::after,
  .ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-button:hover::before,
  .ytp-delhi-modern .ytp-chapter-title.ytp-button::after
  {
    opacity: 0 !important;
  }

  .ytp-delhi-modern .ytp-chrome-controls .ytp-button,
  .ytp-delhi-modern .ytp-replay-button
  {
    opacity: .9 !important;
  }

  .ytp-delhi-modern .ytp-chrome-top .ytp-button:hover,
  .ytp-delhi-modern .ytp-chrome-controls .ytp-button:not([aria-disabled="true"]):not([disabled]):hover,
  .ytp-delhi-modern .ytp-chrome-controls .ytp-button[aria-expanded="true"], .ytp-chrome-controls .ytp-button[aria-pressed="true"],
  .ytp-delhi-modern .ytp-replay-button:hover
  {
    opacity: 1 !important;
    -webkit-transition: opacity .1s cubic-bezier(0,0,.2,1) !important;
    transition: opacity .1s cubic-bezier(0,0,.2,1) !important;
  }

  /* Centering */

  .ytp-delhi-modern .ytp-chrome-controls .ytp-play-button,
  .ytp-delhi-modern .ytp-chapter-container,
  .ytp-delhi-modern .ytp-volume-icon,
  .ytp-delhi-modern .ytp-left-controls,
  .ytp-delhi-modern .ytp-volume-icon,
  .ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area .ytp-volume-icon,
  .ytp-delhi-modern .ytp-chapter-container.sponsorblock-chapter-visible,
  .ytp-delhi-modern .ytp-time-display:not(.ytp-miniplayer-ui *)
  {
    display: flex !important;
    align-items: center !important;
  }

  .ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls,
  .ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-button,
  .ytp-delhi-modern button.ytp-subtitles-button:nth-child(3) > div:nth-child(1)
  {
    align-items: center;
  }

  .ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-right-controls-left, .ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-right-controls-right
  {
    display: flex;
    align-items: center;
    -webkit-box-align: end;
  }

  /* Play/Pause/Replay */

  .ytp-delhi-modern .ytp-play-button
  {
    height: 48px !important;
    width: 42px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }

  .ytp-delhi-modern .ytp-play-button svg
  {
    height: 48px !important;
    width: 42px !important;
    filter: opacity(0.9) drop-shadow(0px 0px) !important;
  }

  .ytp-delhi-modern .ytp-play-button[data-title-no-tooltip="Play"] svg path
  {
    d: path('M12,26L25,18L12,10L12,26Z');
    stroke: #000;
    stroke-opacity: 0.3;
    stroke-width: 2px;
    paint-order: stroke;
  }

  .ytp-delhi-modern .ytp-play-button[data-title-no-tooltip="Pause"] svg path
  {
    d: path('M12 26h4V10h-4zm9 0h4V10h-4z');
    stroke: #000;
    stroke-opacity: 0.3;
    stroke-width: 2px;
    paint-order: stroke;
  }

  .ytp-delhi-modern .ytp-play-button[data-title-no-tooltip="Replay"] svg path
  {
    d: path('M18 11V7l-5 5 5 5v-4c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6h-2c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8z');
    stroke: #000;
    stroke-opacity: 0.3;
    stroke-width: 2px;
    paint-order: stroke;
  }

  .ytp-delhi-modern .ytp-play-button:hover::after,
  .ytp-delhi-modern.ytp-big-mode .ytp-play-button:hover::after
  {
    background-color: var(--yt-spec-overlay-button-secondary,rgba(255,255,255,.1));
    -webkit-transition: background-color .2s cubic-bezier(.05,0,0,1);
    transition: background-color .2s cubic-bezier(.05,0,0,1);
  }

  /* Playlists */

  .ytp-delhi-modern .ytp-prev-button svg path
  {
    d: path('M12 12h2v12h-2zm3.5 6 8.5 6V12z');
    transform: translate(-25%, -25%);
    stroke: #000;
    stroke-opacity: 0.3;
    stroke-width: 2px;
    paint-order: stroke;
  }

  .ytp-delhi-modern .ytp-next-button svg path
  {
    d: path('m12 24 8.5-6-8.5-6v12zm10-12v12h2V12h-2z');
    transform: translate(-25%, -25%);
    stroke: #000;
    stroke-opacity: 0.3;
    stroke-width: 2px;
    paint-order: stroke;
  }

  .ytp-delhi-modern .ytp-left-controls:has(.ytp-prev-button) .ytp-prev-button
  {
    left: -40px;
  }

  .ytp-delhi-modern .ytp-left-controls:has(.ytp-prev-button[aria-disabled="false"]) .ytp-play-button
  {
    left: 48px !important;
  }

  /* Volume */

  .ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area
  {
    height: 48px !important;
    margin-left: 6px !important;
  }

  .ytp-delhi-modern .ytp-volume-icon[data-title-no-tooltip="Mute"],
  .ytp-delhi-modern .ytp-volume-icon[data-title-no-tooltip="Unmute"]
  {
    height: 48px !important;
    width: 48px !important;
  }

  .ytp-delhi-modern .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child
  {
    d: path("M8 21h4l5 5V10l-5 5H8v6Zm11-7v8c1.48-.68 2.5-2.23 2.5-4 0-1.74-1.02-3.26-2.5-4Z");
    transform: translate(-25%, -25%);
  }

  .ytp-delhi-modern .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:not(:first-child)
  {
    display: none !important;
  }

  .ytp-delhi-modern .ytp-time-wrapper
  {
    padding-left: 0 !important;
  }

  .ytp-delhi-modern .ytp-volume-icon[data-title-no-tooltip="Unmute"] svg path,
  .ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext="0% volume"]) .ytp-volume-icon svg path
  {
    d: path("M21.48 17.98a4.5 4.5 0 0 0-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63Zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51a8.796 8.796 0 0 0 1.03-4.15c0-4.28-2.99-7.86-7-8.76v2.05c2.89.86 5 3.54 5 6.71Zm-14.73-9-1.27 1.26 4.72 4.73H7.98v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 0 0 3.69-1.81l2.04 2.05 1.27-1.27-9-9-7.72-7.72Zm7.72.99-2.09 2.08 2.09 2.09V9.98Z");
    transform: translate(-25%, -25%);
    stroke: #000;
    stroke-opacity: 0.01;
    stroke-width: 2px;
    paint-order: stroke;
  }

  /* Apply max volume icon when >50% */
  .ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext="51% volume"]) .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child,
  .ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext^="5"]):has(.ytp-volume-panel[aria-valuetext$="% volume"]) .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child,
  .ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext^="6"]):has(.ytp-volume-panel[aria-valuetext$="% volume"]) .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child,
  .ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext^="7"]):has(.ytp-volume-panel[aria-valuetext$="% volume"]) .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child,
  .ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext^="8"]):has(.ytp-volume-panel[aria-valuetext$="% volume"]) .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child,
  .ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext^="9"]):has(.ytp-volume-panel[aria-valuetext$="% volume"]) .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child,
  .ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext="100% volume"]) .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child
  {
    d: path("M8 21h4l5 5V10l-5 5H8v6Zm11-7v8c1.48-.68 2.5-2.23 2.5-4 0-1.74-1.02-3.26-2.5-4Zm0-2.71c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77v2.06Z") !important;
    transform: translate(-25%, -25%);
    stroke: #000;
    stroke-opacity: 0.05;
    stroke-width: 3px;
    paint-order: stroke;
  }

  /* Time */

  .ytp-time-contents span,
  .ytp-delhi-modern .ytp-time-current,
  .ytp-delhi-modern .ytp-time-separator,
  .ytp-delhi-modern .ytp-time-duration
  {
    color: #ddd;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    font-size: 94%;
    font-weight: normal;
  }

  /* Right controls */

  .ytp-delhi-modern .ytp-right-controls
  {
    height: 48px !important;
    margin-right: 12px;
    padding-right: 0 !important;
  }

  /* Right controls right */

  .ytp-delhi-modern .ytp-size-button svg path
  {
    d: path("M28 11v14H8V11zm-18 2h16v10H10V13z");
    transform: translate(-25%, -25%);
    fill-rule: evenodd;
    stroke: #000;
    stroke-opacity: 0.05;
    stroke-width: 2px;
    paint-order: stroke;
  }

  .ytp-delhi-modern .ytp-fullscreen-button svg path
  {
    d: path("M10 16h2v-4h4v-2h-6v6zM20 10v2h4v4h2v-6h-6zM24 24h-4v2h6v-6h-2v4zM12 20h-2v6h6v-2h-4v-4");
    transform: translate(-25%, -25%);
    stroke: #000;
    stroke-opacity: 0.05;
    stroke-width: 2px;
    paint-order: stroke;
  }

  .ytp-delhi-modern .ytp-size-button svg,
  .ytp-delhi-modern .ytp-remote-button svg,
  .ytp-delhi-modern .ytp-fullscreen-button svg
  {
    height: 29px !important;
    width: 29px !important;
    padding: 9.5px !important;
  }

  /* Right controls left */

  .ytp-delhi-modern .ytp-right-controls-left
  {
    margin-right: 2px !important;
  }

  .ytp-delhi-modern .ytp-settings-button svg path
  {
    d: path("M23.94 18.78c.03-.25.05-.51.05-.78s-.02-.52-.05-.78l1.68-1.32c.15-.12.19-.33.09-.51l-1.6-2.76c-.09-.17-.31-.24-.48-.17l-1.99.8c-.41-.32-.86-.58-1.35-.78l-.3-2.12a.382.382 0 0 0-.39-.33h-3.2c-.2 0-.36.14-.39.33l-.3 2.12c-.48.2-.93.47-1.35.78l-1.99-.8c-.18-.07-.39 0-.48.17l-1.6 2.76c-.1.17-.05.39.09.51l1.68 1.32c-.03.25-.05.52-.05.78s.02.52.05.78l-1.68 1.32c-.15.12-.19.33-.09.51l1.6 2.76c.09.17.31.24.48.17l1.99-.8c.41.32.86.58 1.35.78l.3 2.12c.02.19.19.33.39.33h3.2c.2 0 .36-.14.39-.33l.3-2.12c.48-.2.93-.47 1.35-.78l1.99.8c.18.07.39 0 .48-.17l1.6-2.76c.09-.17.05-.39-.09-.51l-1.68-1.32zM18 20.79c-1.54 0-2.8-1.25-2.8-2.8 0-1.54 1.25-2.8 2.8-2.8 1.54 0 2.8 1.25 2.8 2.8 0 1.54-1.25 2.8-2.8 2.8z");
    transform: translate(-25%, -25%);
    stroke: #000;
    stroke-opacity: 0.05;
    stroke-width: 2px;
    paint-order: stroke;
  }

  .ytp-delhi-modern .ytp-settings-button.ytp-hd-quality-badge::after
  {
    right: 3px;
  }

  .ytp-delhi-modern .ytp-subtitles-button-icon svg,
  .ytp-delhi-modern .ytp-settings-button svg
  {
    width: 29px !important;
    padding: 9.5px !important;
  }

  .ytp-delhi-modern .ytp-autonav-toggle
  {
    margin-right: 4px;
  }

  .ytp-delhi-modern .ytp-autonav-toggle-button[aria-checked=true]::after
  {
    left: 1px !important;
    transform: translateX(15.6px) !important;

    height: 20.4px !important;
    width: 20.4px !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNyA4LjVhOC41IDguNSAwIDExLTE3IDAgOC41IDguNSAwIDAxMTcgMHptLTUgMEw2LjUgNXY3TDEyIDguNXptLTEuODYgMEw3LjUgNi44MnYzLjM2bDIuNjQtMS42OHpNOC41IDE2YTcuNSA3LjUgMCAxMDAtMTUgNy41IDcuNSAwIDAwMCAxNXoiIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiAvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYgOC41YTcuNSA3LjUgMCAxMS0xNSAwIDcuNSA3LjUgMCAwMTE1IDB6bS00IDBMNi41IDEyVjVMMTIgOC41eiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=') !important;
    background-size: cover !important;
    background-color: transparent !important;
    margin: 0 !important;
    margin-top: -3px !important;
    border-radius: 20.4px !important;
  }

  .ytp-delhi-modern .ytp-autonav-toggle-button[aria-checked=false]::after
  {
    height: 20.4px !important;
    width: 20.4px !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSI+PGRlZnMgLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguNSAxNmE3LjUgNy41IDAgMTAwLTE1IDcuNSA3LjUgMCAwMDAgMTV6IiBmaWxsPSIjNzE3MTcxIiAvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcgOC41YTguNSA4LjUgMCAxMS0xNyAwIDguNSA4LjUgMCAwMTE3IDB6bS0xIDBhNy41IDcuNSAwIDExLTE1IDAgNy41IDcuNSAwIDAxMTUgMHoiIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiAvPjxwYXRoIGQ9Ik01LjUgMTJoMlY1aC0ydjd6TTkuNSA1djdoMlY1aC0yeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=') !important;
    background-size: cover !important;
    background-color: transparent !important;
    margin: 0 !important;
    margin-top: -3px !important;
    border-radius: 20.4px !important;
  }

  .ytp-delhi-modern .ytp-autonav-toggle-button
  {
    height: 14.4px !important;
    width: 36px !important;
    border-radius: 14.4px !important;
    top: 50% !important;
    position: relative !important;
    cursor: pointer !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGRlZnMgLz48cGF0aCBvcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi43IDExYzIuOTUgMCA1LjMtMi4yMSA1LjMtNXMtMi4zNS01LTUuMy01SDcuM0M0LjM1IDEgMiAzLjIxIDIgNnMyLjM1IDUgNS4zIDVoMTUuNHoiIGZpbGw9IiNmZmYiIC8+PHBhdGggb3BhY2l0eT0iLjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4zIDFDNC4zNSAxIDIgMy4yMSAyIDZzMi4zNSA1IDUuMyA1aDE1LjRBNS4xNiA1LjE2IDAgMDAyOCA2bC0uMDMtLjU0QTUuMTYgNS4xNiAwIDAwMjIuNyAxSDcuM3ptMTUuNCAxMWMzLjQ1IDAgNi4zLTIuNiA2LjMtNnMtMi44NS02LTYuMy02SDcuM0MzLjg1IDAgMSAyLjYgMSA2czIuODUgNiA2LjMgNmgxNS40eiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMyIgLz48L3N2Zz4=') !important;
    background-color: transparent !important;
  }

  /* Closed captions */

  .ytp-delhi-modern .ytp-subtitles-button svg path
  {
    d: path("M11 11a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V13c0-1.1-.9-2-2-2H11Zm6 6h-1.5v-.5h-2v3h2V19H17v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1Zm7 0h-1.5v-.5h-2v3h2V19H24v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1Z");
    transform: translate(-25%, -25%);
  }

  .ytp-delhi-modern .ytp-subtitles-button .ytp-subtitles-button-icon svg
  {
    filter: drop-shadow(0px 0px);
  }

  .ytp-delhi-modern .ytp-subtitles-button[data-title-no-tooltip="Subtitles/closed captions unavailable"] .ytp-subtitles-button-icon svg
  {
    fill-opacity: 0.3;
  }

  .ytp-delhi-modern .ytp-subtitles-button[aria-pressed="true"]:hover .ytp-subtitles-button-icon svg
  {
    fill-opacity: 1 !important;
  }

  .ytp-delhi-modern .ytp-subtitles-button[aria-pressed="true"]:not(:hover) .ytp-subtitles-button-icon svg
  {
    fill-opacity: 0.9 !important;
  }

  .ytp-delhi-modern .ytp-subtitles-button[aria-pressed="true"] .ytp-subtitles-button-icon::after
  {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    left: 14.5px;
    height: 3px;
    border-radius: 3px;
    bottom: 9px;
    background-color: var(--yt-spec-red-indicator,#e1002d);
    -webkit-transition: left .25s cubic-bezier(0, 0, .2, 1), width .25s cubic-bezier(0, 0, .2, 1);
    transition: left .25s cubic-bezier(0, 0, .2, 1), width .25s cubic-bezier(0, 0, .2, 1);
  }

  /* Margins */

  .ytp-delhi-modern .ytp-volume-area
  {
    margin-bottom: 0 !important;
  }

  .ytp-delhi-modern .ytp-volume-area,
  .ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls
  {
    margin-top: 0 !important;
  }

  .ytp-delhi-modern .ytp-chapter-container
  {
    padding-top: 0 !important;
  }

  .ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container > *),
  .ytp-delhi-modern .ytp-prev-button:not(.ytp-miniplayer-button-container > *)
  {
    margin: 0 !important;
  }

  /* Miscellaneous */

  .ytp-delhi-modern .ytp-prev-button,
  .ytp-delhi-modern .ytp-next-button,
  .ytp-delhi-modern .ytp-time-display:not(.ytp-miniplayer-ui *),
  .ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-button,
  .ytp-delhi-modern-icons .ytp-chrome-controls .ytp-play-button svg
  {
    padding: 0 !important;
  }

  .ytp-delhi-modern .ytp-prev-button svg,
  .ytp-delhi-modern .ytp-next-button svg,
  .ytp-delhi-modern .ytp-subtitles-button-icon svg,
  .ytp-delhi-modern .ytp-hd-quality-badge svg,
  .ytp-delhi-modern .ytp-right-controls-left button > svg
  {
    padding: 0 12px !important;
  }
}
欢迎访问Greasy Fork镜像
