Skip to content

Loli Progress Bar - Youtube by spdream99

Imported and mirrored from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/184491.user.css

Screenshot of Loli Progress Bar - Youtube
Write a review Install Get Stylus

Details

Authorspdream99

LicenseCC-BY-4.0

Categoryyoutube

Created

Updated

Size31 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Notes

By SPdream

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           Loli Progress Bar - Youtube
@namespace      USO Archive
@author         SP Dream
@description    `This style only works on YouTube videos supporting the HTML5 video player.Source from: https://userstyles.org/styles/95033/youtube-nyan-cat-progress-bar-video-player-theme*All Image from Google*Loli walking in the progress bar with Customizable(Complete)(maintenance only)I used based CSS from the style above with some changed.`
@version        20210911.09.36
@license        CC-BY-4.0
@preprocessor   uso
@advanced text Num1 "Progress + Bar Height(Try 10)" "6"
@advanced dropdown Size1 "Button Size(Scaled size make it cuter)" {
	Small "Scaled Size*" <<<EOT margin-top: -28.5px !important;
    transform: scale(0.8)/*[[Size]]*\/;
    -webkit-transform: scale(0.8)/*[[Size]]*\/;
    -moz-transform: scale(0.8)/*[[Size]]*\/;
    -ms-transform: scale(0.8)/*[[Size]]*\/; EOT;
Big "Default Size" <<<EOT margin-top: -32.5px !important;
    transform: scale(1)/*[[Size]]*\/;
    -webkit-transform: scale(1)/*[[Size]]*\/;
    -moz-transform: scale(1)/*[[Size]]*\/;
    -ms-transform: scale(1)/*[[Size]]*\/; EOT;

}
@advanced dropdown Pause "Paused Button(Button changes in pause)" {
	Disable3 "Disable*" <<<EOT /*None*\/ EOT;
Enable3 "Enable" <<<EOT .paused-mode .html5-scrubber-button:hover,.paused-mode .ytp-chrome-controls .ytp-button[aria-pressed]::after,.paused-mode .ytp-scrubber-button:hover,.ended-mode .html5-scrubber-button:hover,.ended-mode .ytp-chrome-controls .ytp-button[aria-pressed]::after,.ended-mode .ytp-scrubber-button:hover{background: url("https://i.ibb.co/2N19HpC/ezgif-com-resize.gif") !important;}

.paused-mode .html5-scrubber-button,
.paused-mode .ytp-scrubber-button,.ended-mode .html5-scrubber-button,
.ended-mode .ytp-scrubber-button,.html5-video-player:not(.ytp-color-party).paused-mode .ytp-swatch-background-color:not(.ytp-play-progress) {
    background: url("https://i.ibb.co/2N19HpC/ezgif-com-resize.gif") !important;
    width: 39px !important;
    height:39px !important;
    border: none !important;
    margin-left: -17px !important;
    margin-top: -33px !important;
    -webkit-transform: scale(1.2)/*[[Size]]*\/;
    -moz-transform: scale(1.2)/*[[Size]]*\/;
    -ms-transform: scale(1.2)/*[[Size]]*\/;
    -o-transform: scale(1.2)/*[[Size]]*\/;
    transform: scale(1.2)/*[[Size]]*\/;
    background-repeat:no-repeat!important;
} EOT;

}
@advanced dropdown Size "Button Hover Changing(Set to Disable)" {
	Disable1 "Disable*" <<<EOT !important
 EOT;
Enable1 "Enable" <<<EOT /*None*\/ EOT;

}
@advanced dropdown Pro "Full loading bar(Loading 100%)" {
	Disable2 "Disable*" <<<EOT /*None*\/ EOT;
Enable2 "Enable" <<<EOT transform: scale(1)!important; EOT;

}
@advanced dropdown Right "Right Border(Border in the end of progress bar)" {
	Disable "Disable*" <<<EOT /*None*\/ EOT;
Enable "Enable" <<<EOT     border-right:/*[[Num]]*\/px solid /*[[Color]]*\/; EOT;

}
@advanced color Color "Border Color(if Enable)" #009DFF
@advanced text Num "Border Size(if Enable)" "3"

==/UserStyle== */
@-moz-document domain("youtube.com") {
.paused-mode .html5-scrubber-button:hover,.paused-mode .ytp-chrome-controls .ytp-button[aria-pressed]::after,.paused-mode .ytp-scrubber-button:hover,.ended-mode .html5-scrubber-button:hover,.ended-mode .ytp-chrome-controls .ytp-button[aria-pressed]::after,.ended-mode .ytp-scrubber-button:hover{background: url("https://i.ibb.co/2N19HpC/ezgif-com-resize.gif") !important;}

/*[[Pause]]*/
.html5-play-progress,
.ytp-play-progress,.ytp-clip-start-exclude {
    background:  url("https://i.ibb.co/SsSYdrc/t-i-xu-ng-2-2.gif") !important;
/*[[Right]]*/
}
.html5-load-progress,
.ytp-load-progress {
    background:  url("https://i.ibb.co/TMw30PG/t-i-xu-ng-23.gif") !important;
    opacity:0.89;
 /*[[Pro]]*/
}
.html5-scrubber-button,
.ytp-scrubber-button,.html5-video-player:not(.ytp-color-party) .ytp-swatch-background-color:not(.ytp-play-progress) {
    background: url("data:image/gif;base64,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...

Reviews

No reviews yet.