Advertisement
Guest User

Custom CSS, Youtube older style

a guest
Nov 12th, 2019
136
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.67 KB | None | 0 0
  1. #page-manager.ytd-app {
  2. margin-top: var(--ytd-masthead-height, 40px);
  3. }
  4. #contents.ytd-rich-grid-renderer{
  5. --ytd-rich-grid-items-per-row: 6;
  6. --ytd-rich-grid-posts-per-row: 6;
  7. --ytd-rich-grid-movies-per-row: 4;
  8. width: 85% !important;
  9. display: var(--layout-horizontal_-_display);
  10. -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction);
  11. -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction);
  12. flex-direction: var(--layout-horizontal_-_flex-direction);
  13. justify-content: flex-start;
  14. }
  15.  
  16. ytd-rich-item-renderer
  17. {
  18. margin-right: 4px;
  19. margin-left: 4px;
  20. display: inline-block;
  21. margin-bottom: 24px;
  22. }
  23.  
  24. #video-title.ytd-rich-grid-video-renderer{
  25. display: -webkit-box;
  26. max-height: 3.2rem;
  27. -webkit-box-orient: vertical;
  28. overflow: hidden;
  29. text-overflow: ellipsis;
  30. white-space: normal;
  31. -webkit-line-clamp: 2;
  32. font-size: 1.4rem;
  33. font-weight: 500;
  34. line-height: 1.6rem;
  35. }
  36. #title.ytd-rich-grid-renderer {
  37. color: var(--yt-spec-text-primary);
  38. display: block;
  39. max-height: 2rem;
  40. overflow: hidden;
  41. font-size: 1.6rem;
  42. font-weight: 500;
  43. line-height: 2rem;
  44. margin-left: 5%;
  45. }
  46. #title-container.ytd-rich-grid-renderer {
  47. color: var(--yt-spec-text-primary);
  48. height: 2rem;
  49. display: var(--layout-horizontal_-_display);
  50. -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction);
  51. -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction);
  52. flex-direction: var(--layout-horizontal_-_flex-direction);
  53. -ms-flex-align: center;
  54. -webkit-align-items: center;
  55. align-items: center;
  56. }
  57.  
  58. #avatar-link{ display:none }
  59.  
  60. .ytd-video-meta-block {
  61. color: var(--ytd-metadata-line-color, var(--yt-spec-text-secondary));
  62. max-width: 100%;
  63. display: block;
  64. max-height: 3.6rem;
  65. overflow: visible;
  66. font-size: 1.3rem;
  67. font-weight: 400;
  68. line-height: 1.8rem;
  69. text-transform: none;
  70. display: flex;
  71. -ms-flex-wrap: wrap;
  72. -webkit-flex-wrap: wrap;
  73. flex-wrap: wrap;
  74. }
  75. ytd-channel-name {
  76. font-size: 1.2rem !important;
  77. }
  78. ytd-app {
  79. --app-drawer-width: 240px;
  80. --app-drawer-content-container_-_background-color: var(--yt-main-app-background);
  81. background: var(--yt-main-app-background);
  82. display: block;
  83. left: 0;
  84. min-height: 100%;
  85. position: absolute;
  86. right: 0;
  87. top: 0;
  88. }
  89. ytd-browse {
  90. overflow: hidden;
  91. display: flex;
  92. -ms-flex-direction: column;
  93. -webkit-flex-direction: column;
  94. flex-direction: column;
  95. -ms-flex-align: center;
  96. -webkit-align-items: center;
  97. align-items: center;
  98. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement