☰

Controls for YouTube - Alternative Theme (OBSOLETE)

This theme was for the Chrome extension "Controls for YouTube", but now it's included in the extension itself.

  1. /* ==UserStyle==
  2. @name         Controls for YouTube - Alternative Theme (OBSOLETE)
  3. @description  This theme was for the Chrome extension "Controls for YouTube", but now it's included in the extension itself.
  4. @namespace    lednerg
  5. @version      20.9.7
  6. @author       lednerg
  7. @license      CC0-1.0
  8.  
  9. ==/UserStyle== */
  10.  
  11. @-moz-document domain("youtube.com") {
  12. .yts-centered.yts-seek-duration {
  13.     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPVJREFUeNrsmMsNwjAQRBNECSkmTVBHuHKmklAKDUAx4eizWUtEQpH4eMCxdz0rjXIaKU8aJ+NtvfeNhdk0RoYgBCEIQQhCEIIQRDmIE42iLrEHm9B+v9Q8F1Gf0AMJAQkziYZEnlVB5hlF3Z89WUA+xQbxZAN5FxvEkxXkVWwQTxEgy9ggnmJAnmODeCCQNmKLsta65SQ6iqYYU4kgYa6iw+Opumv1orNoX11p3Bb6XiaiFQ77LgYiJcgtJt8LzxD7xUJrfBU/RPUVxURpNFHj1V+sTFx11S8fHBALlypKv9R4bhoJQhCCEIQgBCEIQSoFuQswAPERVNhVvu63AAAAAElFTkSuQmCC') !important;
  14.     transition-duration: 0s;
  15. }
  16. .yts-control-wrapper {
  17.     margin: 0 7px;
  18. }
  19. button.ytp-button.yts-replay-button.yts-replay-button-medium.yts-replay-button-rewind.yts-block {
  20.     transform: translate( -15%, 0% )!important;    
  21. }
  22. .ytp-fullscreen button.ytp-button.yts-replay-button.yts-replay-button-medium.yts-replay-button-rewind.yts-block {
  23.     transform: translate( 0%, 0% )!important;    
  24. }
  25. .yts-control-wrapper .yts-replay-button {
  26.     font-size: 0%;
  27.     transform: translate( 0%, 0% )!important;
  28.     transition: transform 1.5s ease-out;
  29.     transition-delay: 1s;
  30. }
  31. .yts-replay-button {
  32.     zoom: 0.8;
  33.     padding: 1px 4px 0 6px!important;
  34.     transition: padding-top .5s ease-in-out !important;
  35.     transition-delay: .25s !important;
  36. }
  37. .yts-replay-button:hover  {
  38.     padding-top: 5px !important;
  39.     transition: padding-top .125s ease-in-out !important;
  40.     transition-delay: 0s !important;
  41. }
  42. .yts-replay-button-short {
  43.     padding: 1px 8px !important;
  44.     margin: 0 0px;
  45. }
  46. .yts-replay-button small {
  47.     text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black;
  48.     position: relative;
  49.     padding-top: 0px !important;
  50.     top: -15px;
  51.     font-size: 11pt;
  52.     opacity: 0;  
  53.     transition: opacity .35s ease-out;
  54.     transition-delay: .25s;
  55. }
  56. .yts-replay-button:hover small {
  57.     opacity: 1 !important;
  58.     transition: opacity .125s linear !important; /**/
  59.     transition-delay: 0s !important;
  60. }
  61. .ytp-fullscreen .yts-replay-button {
  62.     width: auto !important;
  63. }
  64. .ytp-fullscreen .yts-replay-button-short {
  65.     margin: 0 0px !important;
  66. }
  67. .ytp-fullscreen .yts-replay-button {
  68.     zoom: 1.2;
  69.     position: relative !important;
  70.     bottom: 2px !important;
  71. }
  72. .ytp-fullscreen .yts-control-wrapper {
  73.     margin: 0px 7px;
  74. }
  75. .ytp-fullscreen .yts-seek-duration small{
  76.     zoom: 1 !important;
  77. }
  78. }