Advertisement
Shpindlier

Untitled

Aug 11th, 2021
135
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.10 KB | None | 0 0
  1. @import url("https://fonts.googleapis.com/css2?family=Roboto");
  2. @import url("https://fonts.googleapis.com/css2?family=Roboto");
  3.  
  4. /* Background colors*/
  5. body {
  6.   overflow: hidden;
  7.   background-color: rgba(0,0,0,0);
  8. }
  9. /* Transparent background. */
  10. yt-live-chat-renderer {
  11.   background-color: transparent !important;
  12. }
  13. yt-live-chat-text-message-renderer,
  14. yt-live-chat-text-message-renderer[is-highlighted] {
  15.   background-color: transparent !important;
  16. }
  17.  
  18. yt-live-chat-text-message-renderer[author-type="owner"],
  19. yt-live-chat-text-message-renderer[author-type="owner"][is-highlighted] {
  20.   background-color: transparent !important;
  21. }
  22.  
  23. yt-live-chat-text-message-renderer[author-type="moderator"],
  24. yt-live-chat-text-message-renderer[author-type="moderator"][is-highlighted] {
  25.   background-color: transparent !important;
  26. }
  27.  
  28. yt-live-chat-text-message-renderer[author-type="member"],
  29. yt-live-chat-text-message-renderer[author-type="member"][is-highlighted] {
  30.   background-color: transparent !important;
  31. }
  32.  
  33.  
  34. yt-live-chat-author-chip #author-name {
  35.   background-color: transparent !important;
  36. }
  37. /* Outlines */
  38. yt-live-chat-renderer * {
  39.   text-shadow: -1px -1px #000000,-1px 0px #000000,-1px 1px #000000,0px -1px #000000,0px 0px #000000,0px 1px #000000,1px -1px #000000,1px 0px #000000,1px 1px #000000;
  40.   font-family: "Roboto";
  41.   font-size: 32px !important;
  42.   line-height: 22px !important;
  43. }
  44.  
  45. yt-live-chat-text-message-renderer #content,
  46. yt-live-chat-legacy-paid-message-renderer #content {
  47.   overflow: initial !important;
  48. }
  49.  
  50. /* Hide scrollbar. */
  51. yt-live-chat-item-list-renderer #items{
  52.   overflow: hidden !important;
  53. }
  54.  
  55. yt-live-chat-item-list-renderer #item-scroller{
  56.   overflow: hidden !important;
  57. }
  58.  
  59. /* Hide header and input. */
  60. yt-live-chat-header-renderer,
  61. yt-live-chat-message-input-renderer {
  62.   display: none !important;
  63. }
  64.  
  65. /* Reduce side padding. */
  66. yt-live-chat-text-message-renderer,
  67. yt-live-chat-legacy-paid-message-renderer {
  68.     padding-left: 4px !important;
  69.   padding-right: 4px !important;
  70. }
  71.  
  72. yt-live-chat-paid-message-renderer #header {
  73.     padding-left: 4px !important;
  74.   padding-right: 4px !important;
  75. }
  76.  
  77. /* Avatars. */
  78. yt-live-chat-text-message-renderer #author-photo,
  79. yt-live-chat-paid-message-renderer #author-photo,
  80. yt-live-chat-legacy-paid-message-renderer #author-photo {
  81.   display: none !important;
  82.   width: 16px !important;
  83.   height: 16px !important;
  84.   border-radius: 16px !important;
  85.   margin-right: 4px !important;
  86. }
  87.  
  88. /* Hide badges. */
  89. yt-live-chat-text-message-renderer #author-badges {
  90.   display: none !important;
  91.   vertical-align: text-top !important;
  92. }
  93.  
  94. /* Timestamps. */
  95. yt-live-chat-text-message-renderer #timestamp {
  96.  
  97.   color: #999999 !important;
  98.   font-family: "Roboto";
  99.   font-size: 26px !important;
  100.   line-height: 16px !important;
  101. }
  102.  
  103. /* Badges. */
  104. yt-live-chat-text-message-renderer #author-name[type="owner"],
  105. yt-live-chat-text-message-renderer #author-name.owner,
  106. yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] {
  107.   color: #ffd600 !important;
  108. }
  109.  
  110. yt-live-chat-text-message-renderer #author-name[type="moderator"],
  111. yt-live-chat-text-message-renderer #author-name.moderator,
  112. yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="moderator"] {
  113.   color: #5e84f1 !important;
  114. }
  115.  
  116. yt-live-chat-text-message-renderer #author-name[type="member"],
  117. yt-live-chat-text-message-renderer #author-name.member,
  118. yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="member"] {
  119.   color: #0f9d58 !important;
  120. }
  121.  
  122. /* Channel names. */
  123. yt-live-chat-text-message-renderer #author-name {
  124.   color: #ff3838 !important;
  125.   font-family: "Roboto";
  126.   font-size: 26px !important;
  127.   line-height: 22px !important;
  128. }
  129.  
  130. yt-live-chat-text-message-renderer #author-name::after {
  131.   content: ":";
  132.   margin-left: 1px;
  133. }
  134.  
  135. /* Messages. */
  136. yt-live-chat-text-message-renderer #message,
  137. yt-live-chat-text-message-renderer #message * {
  138.   color: #ffffff !important;
  139.   font-family: "Roboto";
  140.   font-size: 26px !important;
  141.   line-height: 22px !important;
  142. }
  143.  
  144.  
  145. /* SuperChat/Fan Funding Messages. */
  146. yt-live-chat-paid-message-renderer #author-name,
  147. yt-live-chat-paid-message-renderer #author-name *,
  148. yt-live-chat-legacy-paid-message-renderer #event-text,
  149. yt-live-chat-legacy-paid-message-renderer #event-text * {
  150.   color: #ffffff !important;
  151.   font-family: "Roboto";
  152.   font-size: 26px !important;
  153.   line-height: 20px !important;
  154. }
  155.  
  156. yt-live-chat-paid-message-renderer #purchase-amount,
  157. yt-live-chat-paid-message-renderer #purchase-amount *,
  158. yt-live-chat-legacy-paid-message-renderer #detail-text,
  159. yt-live-chat-legacy-paid-message-renderer #detail-text * {
  160.   color: #ffffff !important;
  161.   font-family: "Roboto";
  162.   font-size: 26px !important;
  163.   line-height: 18px !important;
  164. }
  165.  
  166. yt-live-chat-paid-message-renderer #content,
  167. yt-live-chat-paid-message-renderer #content * {
  168.   color: #ffffff !important;
  169.   font-family: "Roboto";
  170.   font-size: 26px !important;
  171.   line-height: 18px !important;
  172. }
  173.  
  174. yt-live-chat-paid-message-renderer {
  175.   margin: 4px 0 !important;
  176. }
  177.  
  178. yt-live-chat-legacy-paid-message-renderer {
  179.   background-color: #0f9d58 !important;
  180.   margin: 4px 0 !important;
  181. }
  182.  
  183. yt-live-chat-text-message-renderer a,
  184. yt-live-chat-legacy-paid-message-renderer a {
  185.   text-decoration: none !important;
  186. }
  187.  
  188. yt-live-chat-text-message-renderer[is-deleted],
  189. yt-live-chat-legacy-paid-message-renderer[is-deleted] {
  190.   display: none !important;
  191. }
  192.  
  193. yt-live-chat-ticker-renderer {
  194.   background-color: transparent !important;
  195.   box-shadow: none !important;
  196. }
  197. yt-live-chat-ticker-renderer {
  198.   display: none !important;
  199. }
  200.  
  201.  
  202. yt-live-chat-ticker-paid-message-item-renderer,
  203. yt-live-chat-ticker-paid-message-item-renderer *,
  204. yt-live-chat-ticker-sponsor-item-renderer,
  205. yt-live-chat-ticker-sponsor-item-renderer * {
  206.   color: #ffffff !important;
  207.   font-family: "Roboto";
  208. }
  209.  
  210. yt-live-chat-mode-change-message-renderer,
  211. yt-live-chat-viewer-engagement-message-renderer,
  212. yt-live-chat-restricted-participation-renderer {
  213.   display: none !important;
  214. }
  215.  
  216. yt-live-chat-banner-manager {
  217.   display: none !important;
  218. }
  219.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement