daily pastebin goal
34%
SHARE
TWEET

Untitled

a guest Jul 14th, 2017 2,633 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /**
  2.  * Twitch chat browsersource CSS for OBS  
  3.  * Just set the URL as https://www.twitch.tv/%%TWITCHCHANNEL%%/chat?popout=true
  4.  * And paste this entire file into the CSS box
  5.  *
  6.  * Enjoy!
  7.  * twitch.tv/starvingpoet
  8.  */
  9.  
  10.  
  11. /**
  12.  * General Settings
  13.  */
  14. body {
  15.     background-color: rgba(0, 0, 0, 0);
  16.     color: #FFFFFF;
  17.     margin: 0 auto;
  18.     overflow: hidden;
  19.     text-shadow:
  20.         -1px -1px 1px #000000,
  21.         -1px  1px 1px #000000,
  22.          1px -1px 1px #000000,
  23.          1px  1px 1px #000000;
  24. }
  25.  
  26. .chat-container, .ember-chat-container {
  27.     background: rgba(0,0,0,0);
  28. }
  29.  
  30. /**
  31.  * Badge Removal
  32.  *
  33.  * To remove additional badge types - moderator, bits, etc - just make a copy of the one of the following badge selectors and replace the word inbetween the quotes with the hover text
  34.  */
  35.  
  36. /*
  37. img.badge[alt="Broadcaster"] {
  38.     display: none;
  39. }
  40.  
  41. img.badge[alt="Moderator"] {
  42.     display: none;
  43. }
  44.  
  45. img.badge[alt="Subscriber"] {
  46.     display: none;
  47. }
  48. */
  49.  
  50. img.badge[alt="Twitch Prime"] {
  51.     display: none;
  52. }
  53.  
  54. img.badge[alt="Turbo"] {
  55.     display: none;
  56. }
  57.  
  58. img.badge[alt="Verified"] {
  59.     display: none;
  60. }
  61.  
  62.  
  63. /**
  64.  * Remove the header section
  65.  */
  66. .ember-chat .chat-room {
  67.     top: 0;
  68. }
  69.  
  70. .ember-chat .chat-header {
  71.     display: none;
  72. }
  73.  
  74. .ember-chat .chat-messages .chat-line.admin {
  75.     display: none;
  76. }
  77.  
  78. /**
  79.  * Remove the footer section
  80.  */
  81.  
  82. .ember-chat .chat-room {    
  83.     bottom: -112px;
  84. }
  85.  
  86. /**
  87.  * Font Size & Color
  88.  */
  89. .ember-chat .chat-messages .chat-line {
  90.     font-size: 18px;
  91.     line-height: 20px;
  92. }
  93.  
  94. .chat-container, .ember-chat-container {
  95.     color: #FFFFFF;
  96. }
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