YouTube Old School Live Chat
YouTube Old Live Chat by kindongshin
Details
Authorkindongshin
LicenseNo License
Categoryyoutube
Created
Updated
Size8.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name YouTube Old Live Comments
@version 20250203.16.05
@namespace ?
@preprocessor stylus
@var checkbox new "New" 0
@var checkbox color "Pre-2018 background color" 0
==/UserStyle== */
@-moz-document domain("youtube.com") {
div[id="close-button"],
#action-buttons.yt-live-chat-paid-message-renderer,
#picker-buttons.yt-live-chat-restricted-participation-renderer,
#avatar.yt-live-chat-message-input-renderer,
#picker-buttons.yt-live-chat-message-input-renderer > .yt-live-chat-message-input-renderer {
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="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="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 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);
}
#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-message-input-renderer:not([has-emoji-picker-button]) #input-container.yt-live-chat-message-input-renderer {
min-height: 72px;
}
#emoji-picker-button.yt-live-chat-message-input-renderer {
margin: 0;
}
#send-button.yt-live-chat-message-input-renderer {
display: block !important;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button {
width: 40px;
right: 55px;
}
#right.yt-live-chat-message-input-renderer {
width: 0;
}
#count.warning.yt-live-chat-message-input-renderer {
position: absolute;
display: block!important;
bottom: 25px;
right: 60px;
}
#count.yt-live-chat-message-input-renderer {
background-color: unset;
font-size: 13px;
color: rgba(17, 17, 17, 0.6);
position: absolute;
display: block!important;
right: 60px;
margin: 45px 0 0;
}
yt-live-chat-banner-renderer[collapsed] {
border-radius: 4px;
}
#card.yt-live-chat-paid-message-renderer {
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px;
}
yt-live-chat-author-chip[disable-highlighting] #author-name.yt-live-chat-author-chip,
#header.yt-live-chat-paid-message-renderer,
.yt-spec-button-shape-next--size-xs {
border-radius: 2px;
}
#single-line.yt-live-chat-paid-message-renderer {
display: block;
}
#purchase-amount-column.yt-live-chat-paid-message-renderer {
padding-left: 0;
}
}