Shows YouTube progress bar at all times, formatted for theater mode, via lightweight CSS.
/* ==UserStyle==
@name YouTube Always Show Progress Bar - CSS Method
@namespace greasyfork.org/en/users/1252550-kiokito
@domain youtube.com
@version 1.0.0
@description Shows YouTube progress bar at all times, formatted for theater mode, via lightweight CSS.
@author Kiokito
@match http*://*youtube.com/*
@run-at document-start
@locale en "English"
==/UserStyle== */
@-moz-document domain("youtube.com") {
html:not(.ftw-fullsize.on) .html5-video-player:not(.ytp-fullscreen) {
overflow: visible !important;
}
html:not(.ftw-fullsize.on) .html5-video-player:not(.ytp-fullscreen) .ytp-chrome-bottom {
display: block !important;
opacity: 1 !important;
position: absolute !important;
bottom: -4.4vh !important;
width: 100% !important;
z-index: 100 !important;
}
html:not(.ftw-fullsize.on) .html5-video-player:not(.ytp-fullscreen) .ytp-gradient-bottom {
display: none !important;
}
html:not(.ftw-fullsize.on) .html5-video-player:not(.ytp-fullscreen) .ytp-caption-window-bottom {
bottom: 5vh !important;
}
html:not(.ftw-fullsize.on) .html5-video-player:not(.ytp-fullscreen) #player-container {
padding-bottom: 3.5vh !important;
}
@media (max-width: 600px) {
html:not(.ftw-fullsize.on) .html5-video-player:not(.ytp-fullscreen) .ytp-chrome-bottom {
bottom: 0vh !important;
}
html:not(.ftw-fullsize.on) .html5-video-player:not(.ytp-fullscreen) .ytp-caption-window-bottom {
bottom: 4vh !important;
}
html:not(.ftw-fullsize.on) .html5-video-player:not(.ytp-fullscreen) #player-container {
padding-bottom: 4vh !important;
}
}
}