daily pastebin goal
7%
SHARE
TWEET

Untitled

a guest Jan 21st, 2019 69 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import url("https://fonts.googleapis.com/css?family=Duru Sans");
  2. @import url("https://fonts.googleapis.com/css?family=Changa One");
  3. @import url("https://fonts.googleapis.com/css?family=Imprima");
  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: "Imprima";
  42.   font-size: 18px !important;
  43.   line-height: 18px !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.  
  83.   width: 19px !important;
  84.   height: 19px !important;
  85.   border-radius: 19px !important;
  86.   margin-right: 4.75px !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: #800000 !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: #ffffff !important;
  123.   font-family: "Duru Sans";
  124.   font-size: 20px !important;
  125.   line-height: 20px !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: "Imprima";
  138.   font-size: 18px !important;
  139.   line-height: 18px !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; }
  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 1000ms;
  222.   animation-fill-mode: both;
  223. }
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