YouTube Old Live Chat
YouTube Old Live Chat by kindongshin
Details
Authorkindongshin
LicenseNo License
Categoryyoutube
Created
Updated
Size14 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name YouTube Old Live Comments
@version 20250203.16.05
@namespace ?
@preprocessor stylus
@var checkbox new "New" 0
@var checkbox old "old" 0
@var checkbox color "Pre-2018 background color" 0
@advanced text hide "HiDE CHAT Text" "'HiDE CHAT'"
@advanced text show "SHOW CHAT Text" "'SHOW CHAT'"
==/UserStyle== */
@-moz-document domain("youtube.com") {
div.yt-live-chat-header-renderer:nth-child(5),
#action-buttons.yt-live-chat-paid-message-renderer,
#picker-buttons.yt-live-chat-restricted-participation-renderer,
#avatar.yt-live-chat-message-input-renderer,
yt-reaction-control-panel-overlay-view-model[modernized] {
display: none;
}
path[d="m18 9.28-6.35 6.35-6.37-6.35.72-.71 5.64 5.65 5.65-5.65z"] {
d: path("M7 10l5 5 5-5z");
fill: rgb(144, 144, 144);
}
path[d="M12 16.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zM10.5 12c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5-1.5.67-1.5 1.5zm0-6c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5-1.5.67-1.5 1.5z"] {
d: path("M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z");
fill: rgb(144, 144, 144);
}
path[d="M15.83 15c-.52 1.38-2.19 2-3.79 2-1.59 0-3.28-.62-3.85-2h7.64m.69-1H7.49c-.27 0-.49.22-.46.47C7.34 16.83 9.7 18 12.05 18c2.35 0 4.69-1.18 4.93-3.54.03-.25-.2-.46-.46-.46zM12 3c4.96 0 9 4.04 9 9s-4.04 9-9 9-9-4.04-9-9 4.04-9 9-9m0-1C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM6.94 9.73C7.19 9.25 7.72 9 8.5 9c.75 0 1.28.25 1.57.75.14.24.45.32.68.18.24-.14.32-.44.18-.68C10.6 8.68 9.91 8 8.5 8c-1.48 0-2.15.69-2.44 1.27-.13.25-.03.55.21.67.07.04.15.06.23.06.18 0 .36-.1.44-.27zm7 0c.25-.48.78-.73 1.56-.73.75 0 1.28.25 1.57.75.14.24.45.32.68.18.24-.14.32-.44.18-.68C17.6 8.68 16.91 8 15.5 8c-1.48 0-2.15.69-2.44 1.27-.13.25-.03.55.21.67.07.04.15.06.23.06.18 0 .36-.1.44-.27z"] {
d: path("M6.87494031,14 C7.67500942,16.0486784 9.66801755,17.5 12,17.5 C14.3319824,17.5 16.3249906,16.0486784 17.1250597,14 L6.87494031,14 Z M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M15.5,11 C16.3284271,11 17,10.3284271 17,9.5 C17,8.67157288 16.3284271,8 15.5,8 C14.6715729,8 14,8.67157288 14,9.5 C14,10.3284271 14.6715729,11 15.5,11 Z M8.5,11 C9.32842712,11 10,10.3284271 10,9.5 C10,8.67157288 9.32842712,8 8.5,8 C7.67157288,8 7,8.67157288 7,9.5 C7,10.3284271 7.67157288,11 8.5,11 Z");
fill: #999;
}
path[d="M21 6v12H3V6h18m1-1H2v14h20V5zM11 17h2v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1h-3v-1h4V8h-2V7h-2v1h-1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3v1H9v2h2v1z"] {
d: path("M0,4.99508929 C0,3.8932319 0.897026226,3 2.00494659,3 L21.9950534,3 C23.1023548,3 24,3.8926228 24,4.99508929 L24,19.0049107 C24,20.1067681 23.1029738,21 21.9950534,21 L2.00494659,21 C0.897645164,21 0,20.1073772 0,19.0049107 L0,4.99508929 Z M11,5 L13,5 L13,7 L11,7 L11,5 Z M7,7 L17,7 L17,9 L7,9 L7,7 Z M7,9 L9,9 L9,11 L7,11 L7,9 Z M7,11 L17,11 L17,13 L7,13 L7,11 Z M15,13 L17,13 L17,15 L15,15 L15,13 Z M7,15 L17,15 L17,17 L7,17 L7,15 Z M11,17 L13,17 L13,19 L11,19 L11,17 Z");
fill: #999;
fill-rule: evenodd;
}
path[d="M5 12 3 3l19 9-19 9 2-9zm.82.93-1.4 6.29L19.66 12 4.42 4.78l1.4 6.29L17 12l-11.18.93z"] {
d: path("M2.01 21L23 12 2.01 3 2 10l15 2-15 2z");
fill: rgba(17, 17, 17, 0.2);
}
path[d="M13 17h-2v-6h2v6zm0-10h-2v2h2V7zm-1-4c-4.96 0-9 4.04-9 9s4.04 9 9 9 9-4.04 9-9-4.04-9-9-9m0-1c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2z"] {
d: path("M13,17h-2v-6h2V17z M13,7h-2v2h2V7z M12,3c-4.96,0-9,4.04-9,9s4.04,9,9,9c4.96,0,9-4.04,9-9S16.96,3,12,3 M12,2 c5.52,0,10,4.48,10,10s-4.48,10-10,10C6.48,22,2,17.52,2,12S6.48,2,12,2L12,2z");
fill: rgb(204, 204, 204);
}
if new {
path[d="m18 9.28-6.35 6.35-6.37-6.35.72-.71 5.64 5.65 5.65-5.65z"] {
d: path("M12,15.7L5.6,9.4l0.7-0.7l5.6,5.6l5.6-5.6l0.7,0.7L12,15.7z");
fill: rgb(3, 3, 3);
}
path[d="M15.83 15c-.52 1.38-2.19 2-3.79 2-1.59 0-3.28-.62-3.85-2h7.64m.69-1H7.49c-.27 0-.49.22-.46.47C7.34 16.83 9.7 18 12.05 18c2.35 0 4.69-1.18 4.93-3.54.03-.25-.2-.46-.46-.46zM12 3c4.96 0 9 4.04 9 9s-4.04 9-9 9-9-4.04-9-9 4.04-9 9-9m0-1C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM6.94 9.73C7.19 9.25 7.72 9 8.5 9c.75 0 1.28.25 1.57.75.14.24.45.32.68.18.24-.14.32-.44.18-.68C10.6 8.68 9.91 8 8.5 8c-1.48 0-2.15.69-2.44 1.27-.13.25-.03.55.21.67.07.04.15.06.23.06.18 0 .36-.1.44-.27zm7 0c.25-.48.78-.73 1.56-.73.75 0 1.28.25 1.57.75.14.24.45.32.68.18.24-.14.32-.44.18-.68C17.6 8.68 16.91 8 15.5 8c-1.48 0-2.15.69-2.44 1.27-.13.25-.03.55.21.67.07.04.15.06.23.06.18 0 .36-.1.44-.27z"] {
d: path("M12,2C6.48,2,2,6.48,2,12c0,5.52,4.48,10,10,10s10-4.48,10-10C22,6.48,17.52,2,12,2z M12,21c-4.96,0-9-4.04-9-9 c0-4.96,4.04-9,9-9s9,4.04,9,9C21,16.96,16.96,21,12,21z M17,13c0,1-1,4-5,4s-5-3-5-4C8,13,16,13,17,13z M6.05,10 C6.28,8.86,7.29,8,8.5,8s2.22,0.86,2.45,2H9.91C9.7,9.42,9.15,9,8.5,9s-1.2,0.42-1.41,1H6.05z M13.05,10c0.23-1.14,1.24-2,2.45-2 s2.22,0.86,2.45,2h-1.04c-0.21-0.58-0.76-1-1.41-1s-1.2,0.42-1.41,1H13.05z");
fill: rgb(3, 3, 3);
}
path[d="M21 6v12H3V6h18m1-1H2v14h20V5zM11 17h2v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1h-3v-1h4V8h-2V7h-2v1h-1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3v1H9v2h2v1z"] {
d: path("M21 6v12H3V6h18m1-1H2v14h20V5zM11 17h2v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1h-3v-1h4V8h-2V7h-2v1h-1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3v1H9v2h2v1z");
fill: rgb(3, 3, 3);
}
path[d="M5 12 3 3l19 9-19 9 2-9zm.82.93-1.4 6.29L19.66 12 4.42 4.78l1.4 6.29L17 12l-11.18.93z"] {
d: path("M4.01,4.62l14.12,7.07l-3.06-0.66L4,8.64L4.01,4.62 M18.13,12.32L4.01,19.38L4,15.36l11.07-2.39L18.13,12.32 M3.01,3L3,9.44 L14.86,12L3,14.56L3.01,21L21,12L3.01,3L3.01,3z");
fill: rgb(3, 3, 3);
}
path[d="M13 17h-2v-6h2v6zm0-10h-2v2h2V7zm-1-4c-4.96 0-9 4.04-9 9s4.04 9 9 9 9-4.04 9-9-4.04-9-9-9m0-1c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2z"] {
d: path("M13 17h-2v-6h2v6zm0-10h-2v2h2V7zm-1-4c-4.96 0-9 4.04-9 9s4.04 9 9 9 9-4.04 9-9-4.04-9-9-9m0-1c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2z");
fill: rgb(3, 3, 3);
}
#separator.yt-live-chat-renderer {
border-bottom: var(--yt-live-chat-header-bottom-border, none)!important;
}
}
if old {
path[d="M15.83 15c-.52 1.38-2.19 2-3.79 2-1.59 0-3.28-.62-3.85-2h7.64m.69-1H7.49c-.27 0-.49.22-.46.47C7.34 16.83 9.7 18 12.05 18c2.35 0 4.69-1.18 4.93-3.54.03-.25-.2-.46-.46-.46zM12 3c4.96 0 9 4.04 9 9s-4.04 9-9 9-9-4.04-9-9 4.04-9 9-9m0-1C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM6.94 9.73C7.19 9.25 7.72 9 8.5 9c.75 0 1.28.25 1.57.75.14.24.45.32.68.18.24-.14.32-.44.18-.68C10.6 8.68 9.91 8 8.5 8c-1.48 0-2.15.69-2.44 1.27-.13.25-.03.55.21.67.07.04.15.06.23.06.18 0 .36-.1.44-.27zm7 0c.25-.48.78-.73 1.56-.73.75 0 1.28.25 1.57.75.14.24.45.32.68.18.24-.14.32-.44.18-.68C17.6 8.68 16.91 8 15.5 8c-1.48 0-2.15.69-2.44 1.27-.13.25-.03.55.21.67.07.04.15.06.23.06.18 0 .36-.1.44-.27z"] {
d: path("M19.5 4.652c1.856 1.893 3 4.487 3 7.348 0 5.799-4.701 10.5-10.5 10.5S1.5 17.799 1.5 12c0-2.861 1.144-5.455 3-7.348v-.15h.15A10.466 10.466 0 0 1 12 1.5c2.862 0 5.456 1.145 7.35 3.002h.15v.15zm-1.453 10.35A6.75 6.75 0 0 1 12 18.75a6.75 6.75 0 0 1-6.047-3.748h12.094zM16.5 12.375a1.875 1.875 0 1 0 0-3.75 1.875 1.875 0 0 0 0 3.75zm-9 0a1.875 1.875 0 1 0 0-3.75 1.875 1.875 0 0 0 0 3.75z");
fill-rule: evenodd;
}
}
if color {
#chat.yt-live-chat-renderer,
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer,
yt-live-chat-ticker-renderer,
#header.yt-live-chat-participant-list-renderer {
background: #F9F9F9!important;
}
#chat.yt-live-chat-renderer,
#participants.yt-live-chat-participant-list-renderer {
background: #FFF!important;
}
}
#chat.yt-live-chat-renderer,
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer {
background: #FFF;
}
yt-live-chat-message-renderer,
#count.error.yt-live-chat-message-input-renderer {
background: transparent;
}
#chat.yt-live-chat-renderer,
#participants.yt-live-chat-participant-list-renderer {
background: #F9F9F9;
}
#separator.yt-live-chat-renderer,
#panel-pages.yt-live-chat-renderer,
yt-live-chat-engagement-panel-input-renderer {
border: 0;
}
yt-live-chat-message-input-renderer,
yt-live-chat-message-input-renderer[input-expanded] {
padding: 22px 16px 16px 16px;
}
#input-container.yt-live-chat-message-input-renderer {
display: block;
background-color: unset;
border-radius: 0;
padding: 0;
}
#input.yt-live-chat-text-input-field-renderer {
padding: 2px 0;
border-bottom: 1px solid rgb(184, 184, 184);
}
#input.yt-live-chat-text-input-field-renderer:focus {
border-bottom: 2px solid hsl(206.1, 79.3%, 52.7%);
margin-top: -1px;
}
#avatar.yt-live-chat-message-input-renderer {
margin: 0 12px 6px 0;
height: 24px;
width: 24px;
}
yt-live-chat-text-input-field-renderer[is-chat-message-input][input-expanded] #input.yt-live-chat-text-input-field-renderer {
padding: 2px 0;
}
yt-live-chat-message-input-renderer[input-expanded] yt-live-chat-text-input-field-renderer.yt-live-chat-message-input-renderer {
padding-right: 0;
}
yt-live-chat-icon-toggle-button-renderer.yt-live-chat-message-input-renderer > #button.yt-live-chat-icon-toggle-button-renderer, yt-live-chat-icon-toggle-button-renderer.yt-live-chat-restricted-participation-renderer > #button.yt-live-chat-icon-toggle-button-renderer {
width: 40px;
height: 40px;
padding: 8px;
margin-top: 10px;
}
yt-live-chat-icon-toggle-button-renderer.yt-live-chat-message-input-renderer > #button.yt-live-chat-icon-toggle-button-renderer, yt-live-chat-icon-toggle-button-renderer.yt-live-chat-restricted-participation-renderer > #button.yt-live-chat-icon-toggle-button-renderer {
background-color: unset;
}
yt-live-chat-message-input-renderer:not([has-emoji-picker-button]) #input-container.yt-live-chat-message-input-renderer {
min-height: 75...