Skip to content

Gawr Gura YT Progress Bar by Whozilla

Screenshot of Gawr Gura YT Progress Bar

Details

AuthorWhozilla

LicenseNONE

Categoryyoutube.com

Created

Updated

Size2.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Cute hovering bar of Gawr Gura. You can select to show it always (if progress bar is visible) or just on mouse over. Plus, a nice animated YouTube logo. "a"

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Gawr Gura YT Progress Bar 
@namespace    USO Archive
@author       Whozilla
@description  A cute hovering progress bar of Gawr Gura. You can select to show it always (when the progress bar is visible) or just on mouse over. Plus, a nice animated YouTube logo. "a" 
@version      2024.03.03
@license      NONE
@preprocessor uso
@advanced dropdown show_gura "Show Gura" {
	show_gura_always "Always (default)*" <<<EOT transform: scale(0.75);
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
-ms-transform: scale(0.75); EOT;
show_gura_mouseover "Only on mouseover" <<<EOT  EOT;
}
==/UserStyle== */
@-moz-document domain("youtube.com"), regexp("http(s?)://[^/]*\\.youtube(\\.com)?(\\.[a-z][a-z])?/.*"), regexp("http(s?)://youtube(\\.com)?(\\.[a-z][a-z])?/.*") {
/*===========================================
    Progress Bar
============================================*/    
    
.html5-play-progress, .ytp-play-progress {
    opacity: 0.80 !important;
background-color: #0c3ad4 !important;
}

.html5-load-progress, .ytp-load-progress {
    opacity: 0.60 !important;
background-color: #1dbfda !important;
}
    
.html5-progress-bar-container, .ytp-progress-bar-container {
   height: 15px !important;
}
.html5-progress-bar, .ytp-progress-bar {
   margin-top: 15px !important;
}

/*===========================================
    Running Gura 
============================================*/    
.html5-scrubber-button, .ytp-scrubber-button {
    background: url("https://i.ibb.co/qCL953W/ezgif-2-2a5b6bbaf2.gif")! important;
    background-size: cover !important;
    background-repeat: no-repeat! important;
    width: 100px! important;
    height: 110px! important;
    margin-left: -75px! important;
    margin-top: -85px! important;
   /*[[show_gura]]*/;
   }
}

/*===========================================
    Dancing Gura YT logo icon
============================================*/    
#logo-icon
  {
    content: url("https://i.ibb.co/7YfL3z0/9df.gif") !important;
    width: 120px !important;
    height: 55px;
    object-fit: fill;
  }

  ytd-topbar-logo-renderer
  {
    width: 10000%;
  }

/*===========================================
    Volume Bar 
============================================*/    

.ytp-volume-slider-track,
.ytp-volume-slider-handle:before {
    background: #0c3ad4 !important;
    z-index: -117;
}

Reviews

No reviews yet.