YouTube classic Seek UI

Replicates the Seek UI from 2016-2021.

Εγκατάσταση αυτού του κώδικα Βοήθεια Εγκατάσταση ως στυλ χρήστη Βοήθεια

Κάντε μια ερώτηση, δημοσιεύστε μια ανασκόπηση, ή αναφέρετε τον κώδικα.

Αναδίπλωση γραμμών

/* ==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;
}
}