Advertisement
marwanpro

Blue Theme YT Progress Bar

Oct 6th, 2015
501
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.91 KB | None | 0 0
  1. @-moz-document domain("youtube.com") {
  2. .html5-play-progress, .ytp-play-progress {
  3.    background: #2793E6 !important; /* Old browsers */
  4.    background: -moz-linear-gradient(left, #1b1b1b 0%, #2793E6 100%) !important;
  5.    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(100%,#2793E6)) !important;
  6.    background: -webkit-linear-gradient(left, #1b1b1b 0%,#2793E6 100%) !important;
  7.    background: -o-linear-gradient(left, #1b1b1b 0%,#2793E6 100%) !important;
  8.    background: -ms-linear-gradient(left, #1b1b1b 0%,#2793E6 100%) !important;
  9.    background: linear-gradient(to right, #1b1b1b 0%,#2793E6 100%) !important;
  10. }
  11. /*.html5-load-progress, .ytp-load-progress {
  12.    background: #404040 !important;
  13. }*/
  14. /* actual scrubber button */
  15. .html5-scrubber-button, .ytp-scrubber-button {
  16.    background: #383A3B !important;
  17.    border-color: #1B1B1B !important;
  18.    box-shadow: 0px 0px 3px #2793E6, 0px 0px 5px #2793E6, 0px 0px 0px #2793E6 !important;
  19.    transition: box-shadow 0.2s, background 0.2s !important;
  20. }
  21. /* scrubber button on hover */
  22. .html5-scrubber-button:hover, .ytp-scrubber-button:hover {
  23.    background: #2793E6 !important;
  24.    border-color: #1B1B1B !important;
  25.    box-shadow: 0px 0px 6px #2793E6, 0px 0px 8px #2793E6, 0px 0px 10px #2793E6 !important;
  26. }
  27. /* volume control */
  28. .ytp-volume-slider-track {
  29.    background: #2793E6 !important; /* Old browsers */
  30.    background: -moz-linear-gradient(left, #1b1b1b 0%, #2793E6 100%) !important;
  31.    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(100%,#2793E6)) !important;
  32.    background: -webkit-linear-gradient(left, #1b1b1b 0%,#2793E6 100%) !important;
  33.    background: -o-linear-gradient(left, #1b1b1b 0%,#2793E6 100%) !important;
  34.    background: -ms-linear-gradient(left, #1b1b1b 0%,#2793E6 100%) !important;
  35.    background: linear-gradient(to right, #1b1b1b 0%,#2793E6 100%) !important;
  36. }
  37. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement