Guest User

Untitled

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