☰

Less Obtrusive YouTube End Cards

Make YouTube end cards less obtrusive.

  1. /* ==UserStyle==
  2. @name           Less Obtrusive YouTube End Cards
  3. @namespace      https://afn.lol
  4. @version        1
  5. @description    Make YouTube end cards less obtrusive.
  6. @author         xafn
  7. @license        GPLv3
  8. ==/UserStyle== */
  9.  
  10. @-moz-document domain("youtube.com") {
  11. .ytp-ce-element {
  12.     transform: scale(0.7) !important;
  13. }
  14.  
  15. .ytp-ce-element:not(:has(.ytp-ce-expanding-image)), 
  16. .ytp-ce-expanding-icon, 
  17. .ytp-ce-element-shadow, 
  18. .ytp-ce-expanding-overlay {
  19.     border-radius: 4px;
  20. }
  21.  
  22. .ytp-ce-covering-image, 
  23. .ytp-ce-video-title, 
  24. .ytp-ce-expanding-image, 
  25. .ytp-ce-video-duration,
  26. .ytp-ce-playlist-count,
  27. .ytp-ce-playlist-title,
  28. .ytp-ce-expanding-icon{
  29.     transition: opacity 0.4s !important;
  30.     opacity: 0.4 !important;
  31. }
  32.  
  33. .ytp-ce-element:hover .ytp-ce-covering-image,
  34. .ytp-ce-element:hover .ytp-ce-video-title,
  35. .ytp-ce-element:hover .ytp-ce-expanding-image,
  36. .ytp-ce-element:hover .ytp-ce-playlist-count,
  37. .ytp-ce-element:hover .ytp-ce-playlist-title,
  38. .ytp-ce-element:hover .ytp-ce-video-duration,
  39. .ytp-ce-element:hover .ytp-ce-expanding-icon{
  40.     opacity: 1 !important;
  41. }
  42. }