YouTube classic Seek UI

Replicates the Seek UI from 2016-2021.

  1. /* ==UserStyle==
  2. @name YouTube classic Seek UI
  3. @namespace jkrosado.github.io
  4. @version 1.0
  5. @description Replicates the Seek UI from 2016-2021.
  6. @author «John»
  7. ==/UserStyle== */
  8.  
  9. @-moz-document domain("www.youtube.com") {
  10. /* created by »John»#1234 to restore the classic seek UI */
  11. .ytp-doubletap-seek-info-container {
  12. background: rgba(0,0,0,0.6);
  13. width: 52px!important;
  14. height: 52px!important;
  15. border-radius: 100%;
  16. }
  17. .ytp-doubletap-base-arrow {
  18. border: 7px solid transparent;
  19. border-top: 4px solid transparent;
  20. border-bottom: 4px solid transparent;
  21. }
  22. .ytp-doubletap-seek-info-container {
  23. display: flex;
  24. justify-content: center;
  25. }
  26. .ytp-doubletap-tooltip {
  27. display: none;
  28. }
  29. .ytp-doubletap-arrows-container {
  30. width: 35px!important;
  31. }
  32. .ytp-doubletap-static-circle {
  33. display: none!important;
  34. }
  35. .ytp-doubletap-ui-legacy[data-side=forward] .ytp-doubletap-base-arrow {
  36. border-left: 7px solid #ddd!important;
  37. }
  38. .ytp-doubletap-ui-legacy[data-side=back] .ytp-doubletap-base-arrow {
  39. border-right: 7px solid #ddd!important;
  40. }
  41. .ytp-doubletap-arrows-container {
  42. width: 52px!important;
  43. height: 52px!important;
  44. display: flex;
  45. align-items: center;
  46. justify-content: center;
  47. }
  48.  
  49. .ytp-doubletap-static-circle, .ytp-doubletap-seek-info-container {
  50. width: 52px!important;
  51. height: 52px!important;
  52. animation: ytp-bezel-fadeout .5s linear 1 normal forwards;
  53. animation-duration: 0.5s;
  54. animation-timing-function: linear;
  55. animation-delay: 0s;
  56. animation-iteration-count: 1;
  57. animation-direction: normal;
  58. animation-fill-mode: forwards;
  59. animation-play-state: running;
  60. animation-name: ytp-bezel-fadeout;
  61. }
  62. .ytp-doubletap-seek-info-container {
  63. left: initial!Important;
  64. }
  65. .ytp-doubletap-ui-legacy {
  66. display: flex;
  67. justify-content: center;
  68. }
  69. }

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址