SHARE
TWEET

Untitled

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