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