YouTube classic Seek UI

Replicates the Seek UI from 2016-2021.

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

/* ==UserStyle==
@name           YouTube classic Seek UI
@namespace      jkrosado.github.io
@version        1.0
@description    Replicates the Seek UI from 2016-2021.
@author         «John»
==/UserStyle== */

@-moz-document domain("www.youtube.com") {
/* created by »John»#1234 to restore the classic seek UI */
.ytp-doubletap-seek-info-container {
    background: rgba(0,0,0,0.6);
    width: 52px!important;
    height: 52px!important;
    border-radius: 100%;
}
.ytp-doubletap-base-arrow {
    border: 7px solid transparent;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
.ytp-doubletap-seek-info-container {
    display: flex;
    justify-content: center;
}
.ytp-doubletap-tooltip {
    display: none;
}
.ytp-doubletap-arrows-container {
    width: 35px!important;
}
.ytp-doubletap-static-circle {
    display: none!important;
}
.ytp-doubletap-ui-legacy[data-side=forward] .ytp-doubletap-base-arrow {
    border-left: 7px solid #ddd!important;
}
.ytp-doubletap-ui-legacy[data-side=back] .ytp-doubletap-base-arrow {
    border-right: 7px solid #ddd!important;
}
.ytp-doubletap-arrows-container {
    width: 52px!important;
    height: 52px!important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ytp-doubletap-static-circle, .ytp-doubletap-seek-info-container {
    width: 52px!important;
    height: 52px!important;
    animation: ytp-bezel-fadeout .5s linear 1 normal forwards;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-play-state: running;
    animation-name: ytp-bezel-fadeout;
}
.ytp-doubletap-seek-info-container {
    left: initial!Important;
}
.ytp-doubletap-ui-legacy {
    display: flex;
    justify-content: center;
}
}