API tools faq
paste
Advertisement
sanjaysarraf5882

Untitled

sanjaysarraf5882
Apr 20th, 2020
2,330
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Oberon 2 9.54 KB | None | 0 0
raw download clone embed print report
  1. 4.74 KB
  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.   background-color: rgba(0,0,0,0);
  8. }
  9.  
  10.  
  11.  
  12.  
  13. /* Transparent background. */
  14. yt-live-chat-renderer {
  15.   background-color: transparent !important;
  16. }
  17.  
  18. /* Outlines */
  19. yt-live-chat-renderer * {
  20.  
  21.   font-family: "Imprima";
  22.   font-size: 18px !important;
  23.   line-height: 18px !important;
  24. }
  25.  
  26. yt-live-chat-text-message-renderer #content,
  27. yt-live-chat-legacy-paid-message-renderer #content {
  28.   overflow: initial; !important
  29. }
  30.  
  31. /* Hide scrollbar. */
  32. yt-live-chat-item-list-renderer #items{
  33.   overflow: hidden !important;
  34. }
  35.  
  36. yt-live-chat-item-list-renderer #item-scroller{
  37.   overflow: hidden !important;
  38. }
  39.  
  40. /* Hide header and input. */
  41. yt-live-chat-header-renderer,
  42. yt-live-chat-message-input-renderer {
  43.   display: none !important;
  44. }
  45.  
  46. /* Reduce side padding. */
  47. yt-live-chat-text-message-renderer,
  48. yt-live-chat-legacy-paid-message-renderer {
  49.     padding-left: 4px !important;
  50.   padding-right: 4px !important;
  51. }
  52.  
  53. yt-live-chat-paid-message-renderer #header {
  54.     padding-left: 4px !important;
  55.   padding-right: 4px !important;
  56. }
  57.  
  58. /* Avatars. */
  59. yt-live-chat-text-message-renderer #author-photo,
  60. yt-live-chat-paid-message-renderer #author-photo,
  61. yt-live-chat-legacy-paid-message-renderer #author-photo {
  62.  
  63.   width: 24px !important;
  64.   height: 24px !important;
  65.   border-radius: 24px !important;
  66.   margin-right: 6px !important;
  67. }
  68.  
  69. /* Hide badges. */
  70. yt-live-chat-text-message-renderer #author-badges {
  71.   display: none !important;
  72.   vertical-align: text-top !important;
  73. }
  74.  
  75. /* Timestamps. */
  76. yt-live-chat-text-message-renderer #timestamp {
  77.  
  78.   color: #999999 !important;
  79.   font-family: "Imprima";
  80.   font-size: 16px !important;
  81.   line-height: 16px !important;
  82. }
  83.  
  84. /* Badges. */
  85. yt-live-chat-text-message-renderer #author-name[type="owner"],
  86. yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] {
  87.   color: #ffd600 !important;
  88. }
  89.  
  90. yt-live-chat-text-message-renderer #author-name[type="moderator"],
  91. yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="moderator"] {
  92.   color: #5e84f1 !important;
  93. }
  94.  
  95. yt-live-chat-text-message-renderer #author-name[type="member"],
  96. yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="member"] {
  97.   color: #0f9d58 !important;
  98. }
  99.  
  100. /* Channel names. */
  101. yt-live-chat-text-message-renderer #author-name {
  102.   color: #cccccc !important;
  103.   font-family: "Changa One";
  104.   font-size: 20px !important;
  105.   line-height: 20px !important;
  106. }
  107.  
  108. yt-live-chat-text-message-renderer #author-name::after {
  109.   content: ":";
  110.   margin-left: 2px;
  111. }
  112.  
  113. /* Messages. */
  114. yt-live-chat-text-message-renderer #message,
  115. yt-live-chat-text-message-renderer #message * {
  116.   color: #ffffff !important;
  117.   font-family: "Imprima";
  118.   font-size: 18px !important;
  119.   line-height: 18px !important;
  120. }
  121.  
  122.  
  123. /* SuperChat/Fan Funding Messages. */
  124. yt-live-chat-paid-message-renderer #author-name,
  125. yt-live-chat-paid-message-renderer #author-name *,
  126. yt-live-chat-legacy-paid-message-renderer #event-text,
  127. yt-live-chat-legacy-paid-message-renderer #event-text * {
  128.   color: #ffffff !important;
  129.   font-family: "Changa One";
  130.   font-size: 20px !important;
  131.   line-height: 20px !important;
  132. }
  133.  
  134. yt-live-chat-paid-message-renderer #purchase-amount,
  135. yt-live-chat-paid-message-renderer #purchase-amount *,
  136. yt-live-chat-legacy-paid-message-renderer #detail-text,
  137. yt-live-chat-legacy-paid-message-renderer #detail-text * {
  138.   color: #ffffff !important;
  139.   font-family: "Imprima";
  140.   font-size: 18px !important;
  141.   line-height: 18px !important;
  142. }
  143.  
  144. yt-live-chat-paid-message-renderer #content,
  145. yt-live-chat-paid-message-renderer #content * {
  146.   color: #ffffff !important;
  147.   font-family: "Imprima";
  148.   font-size: 18px !important;
  149.   line-height: 18px !important;
  150. }
  151.  
  152. yt-live-chat-paid-message-renderer {
  153.   margin: 4px 0 !important;
  154. }
  155.  
  156. yt-live-chat-legacy-paid-message-renderer {
  157.   background-color: #0f9d58 !important;
  158.   margin: 4px 0 !important;
  159. }
  160.  
  161. yt-live-chat-text-message-renderer a,
  162. yt-live-chat-legacy-paid-message-renderer a {
  163.   text-decoration: none !important;
  164. }
  165.  
  166. yt-live-chat-text-message-renderer[is-deleted],
  167. yt-live-chat-legacy-paid-message-renderer[is-deleted] {
  168.   display: none !important;
  169. }
  170.  
  171. yt-live-chat-ticker-renderer {
  172.   background-color: transparent !important;
  173.   box-shadow: none !important;
  174. }
  175. yt-live-chat-ticker-renderer {
  176.   display: 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. RAW Paste Data
  188. @import url("https://fonts.googleapis.com/css?family=Changa One");
  189. @import url("https://fonts.googleapis.com/css?family=Imprima");
  190.  
  191. /* Background colors*/
  192. body {
  193.   background-color: rgba(0,0,0,0);
  194. }
  195.  
  196.  
  197.  
  198.  
  199. /* Transparent background. */
  200. yt-live-chat-renderer {
  201.   background-color: transparent !important;
  202. }
  203.  
  204. /* Outlines */
  205. yt-live-chat-renderer * {
  206.  
  207.   font-family: "Imprima";
  208.   font-size: 18px !important;
  209.   line-height: 18px !important;
  210. }
  211.  
  212. yt-live-chat-text-message-renderer #content,
  213. yt-live-chat-legacy-paid-message-renderer #content {
  214.   overflow: initial; !important
  215. }
  216.  
  217. /* Hide scrollbar. */
  218. yt-live-chat-item-list-renderer #items{
  219.   overflow: hidden !important;
  220. }
  221.  
  222. yt-live-chat-item-list-renderer #item-scroller{
  223.   overflow: hidden !important;
  224. }
  225.  
  226. /* Hide header and input. */
  227. yt-live-chat-header-renderer,
  228. yt-live-chat-message-input-renderer {
  229.   display: none !important;
  230. }
  231.  
  232. /* Reduce side padding. */
  233. yt-live-chat-text-message-renderer,
  234. yt-live-chat-legacy-paid-message-renderer {
  235.     padding-left: 4px !important;
  236.   padding-right: 4px !important;
  237. }
  238.  
  239. yt-live-chat-paid-message-renderer #header {
  240.     padding-left: 4px !important;
  241.   padding-right: 4px !important;
  242. }
  243.  
  244. /* Avatars. */
  245. yt-live-chat-text-message-renderer #author-photo,
  246. yt-live-chat-paid-message-renderer #author-photo,
  247. yt-live-chat-legacy-paid-message-renderer #author-photo {
  248.  
  249.   width: 24px !important;
  250.   height: 24px !important;
  251.   border-radius: 24px !important;
  252.   margin-right: 6px !important;
  253. }
  254.  
  255. /* Hide badges. */
  256. yt-live-chat-text-message-renderer #author-badges {
  257.   display: none !important;
  258.   vertical-align: text-top !important;
  259. }
  260.  
  261. /* Timestamps. */
  262. yt-live-chat-text-message-renderer #timestamp {
  263.  
  264.   color: #999999 !important;
  265.   font-family: "Imprima";
  266.   font-size: 16px !important;
  267.   line-height: 16px !important;
  268. }
  269.  
  270. /* Badges. */
  271. yt-live-chat-text-message-renderer #author-name[type="owner"],
  272. yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] {
  273.   color: #ffd600 !important;
  274. }
  275.  
  276. yt-live-chat-text-message-renderer #author-name[type="moderator"],
  277. yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="moderator"] {
  278.   color: #5e84f1 !important;
  279. }
  280.  
  281. yt-live-chat-text-message-renderer #author-name[type="member"],
  282. yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="member"] {
  283.   color: #0f9d58 !important;
  284. }
  285.  
  286. /* Channel names. */
  287. yt-live-chat-text-message-renderer #author-name {
  288.   color: #cccccc !important;
  289.   font-family: "Changa One";
  290.   font-size: 20px !important;
  291.   line-height: 20px !important;
  292. }
  293.  
  294. yt-live-chat-text-message-renderer #author-name::after {
  295.   content: ":";
  296.   margin-left: 2px;
  297. }
  298.  
  299. /* Messages. */
  300. yt-live-chat-text-message-renderer #message,
  301. yt-live-chat-text-message-renderer #message * {
  302.   color: #ffffff !important;
  303.   font-family: "Imprima";
  304.   font-size: 18px !important;
  305.   line-height: 18px !important;
  306. }
  307.  
  308.  
  309. /* SuperChat/Fan Funding Messages. */
  310. yt-live-chat-paid-message-renderer #author-name,
  311. yt-live-chat-paid-message-renderer #author-name *,
  312. yt-live-chat-legacy-paid-message-renderer #event-text,
  313. yt-live-chat-legacy-paid-message-renderer #event-text * {
  314.   color: #ffffff !important;
  315.   font-family: "Changa One";
  316.   font-size: 20px !important;
  317.   line-height: 20px !important;
  318. }
  319.  
  320. yt-live-chat-paid-message-renderer #purchase-amount,
  321. yt-live-chat-paid-message-renderer #purchase-amount *,
  322. yt-live-chat-legacy-paid-message-renderer #detail-text,
  323. yt-live-chat-legacy-paid-message-renderer #detail-text * {
  324.   color: #ffffff !important;
  325.   font-family: "Imprima";
  326.   font-size: 18px !important;
  327.   line-height: 18px !important;
  328. }
  329.  
  330. yt-live-chat-paid-message-renderer #content,
  331. yt-live-chat-paid-message-renderer #content * {
  332.   color: #ffffff !important;
  333.   font-family: "Imprima";
  334.   font-size: 18px !important;
  335.   line-height: 18px !important;
  336. }
  337.  
  338. yt-live-chat-paid-message-renderer {
  339.   margin: 4px 0 !important;
  340. }
  341.  
  342. yt-live-chat-legacy-paid-message-renderer {
  343.   background-color: #0f9d58 !important;
  344.   margin: 4px 0 !important;
  345. }
  346.  
  347. yt-live-chat-text-message-renderer a,
  348. yt-live-chat-legacy-paid-message-renderer a {
  349.   text-decoration: none !important;
  350. }
  351.  
  352. yt-live-chat-text-message-renderer[is-deleted],
  353. yt-live-chat-legacy-paid-message-renderer[is-deleted] {
  354.   display: none !important;
  355. }
  356.  
  357. yt-live-chat-ticker-renderer {
  358.   background-color: transparent !important;
  359.   box-shadow: none !important;
  360. }
  361. yt-live-chat-ticker-renderer {
  362.   display: none !important;
  363. }
  364.  
  365.  
  366. yt-live-chat-ticker-paid-message-item-renderer,
  367. yt-live-chat-ticker-paid-message-item-renderer *,
  368. yt-live-chat-ticker-sponsor-item-renderer,
  369. yt-live-chat-ticker-sponsor-item-renderer * {
  370.   color: #ffffff !important;
  371.   font-family: "Imprima";
  372. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!