YouTube normal-sized

Restores normal desktop sizing by shrinking text and spacing.

  1. /* ==UserStyle==
  2. @name YouTube normal-sized
  3. @description Restores normal desktop sizing by shrinking text and spacing.
  4. @namespace https://gf.qytechs.cn/en/users/27283-mutationobserver
  5. @version 1.0.3
  6. ==/UserStyle== */
  7.  
  8.  
  9. /**** Videos ****/
  10. @-moz-document url-prefix("https://www.youtube.com/watch") {
  11.  
  12. /* Header */
  13. #page-manager.ytd-app { margin-top: 0; }
  14. #masthead-container.ytd-app {
  15. opacity: 0;
  16. transition: 0.2s;
  17. }
  18. #masthead-container.ytd-app:hover {
  19. opacity: unset;
  20. }
  21. #columns > #primary { padding-top: 2px!important; }
  22.  
  23. ytd-masthead #container { height: 10px!important; }
  24. #masthead-container.ytd-app:hover ytd-masthead #container { height: unset!important; }
  25.  
  26.  
  27. /* Desc */
  28. ytd-video-primary-info-renderer { padding: 0; }
  29. #info.ytd-video-primary-info-renderer { align-items: start; }
  30. #count span { color: var(--yt-spec-brand-button-background); }
  31.  
  32.  
  33. /* Comments + desc (#meta) */
  34. #comments *:not(#button):not(paper-button):not(ytd-button-renderer):not(#header):not(button):not(#tooltip):not(paper-item),
  35. #meta *:not(#upload-info):not(paper-button)
  36. {
  37. font-size: 13px!important;
  38. padding: 0;
  39. margin-top: 0!important;
  40. margin-bottom: 0!important;
  41. }
  42. paper-button.ytd-button-renderer { padding: 3px; }
  43. /* paper-item-body .item { padding: 10px; } */
  44. #comments .ytd-comments > #header { margin-bottom: 15px!important; }
  45.  
  46. }
  47.  
  48.  
  49.  
  50. /**** Home page ****/
  51. @-moz-document url("https://www.youtube.com/"), url-prefix("https://www.youtube.com/?") {
  52. /* :root { --ytd-rich-grid-items-per-row: 5; } */
  53.  
  54.  
  55. ytd-rich-item-renderer {
  56. width: calc( 100% / 6 - var(--ytd-rich-grid-item-margin) - .01px )!important;
  57. margin-bottom: 0;
  58. }
  59.  
  60. html:not([class]) div, html:not([class]) yt-formatted-string, html:not([class]) a {
  61. font-size: 14px!important;
  62. line-spacing: normal;
  63. }
  64.  
  65. #avatar-link.ytd-rich-grid-video-renderer { display: none; }
  66. }
  67.  
  68. @-moz-document domain("youtube.com") {
  69. body { zoom: 90%; }
  70. }
  71.  
  72. @-moz-document url-prefix("https://www.youtube.com/watch"), url-prefix("https://www.youtube.com/embed") {
  73. body { zoom: 100%; }
  74. }

QingJ © 2025

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