Duration: 7:39

26 views

0

chat code: /* Youtube Chat Room CSS for transparency 2017 edition */

/* set background of chat header area to be transparent */
.yt-live-chat-header-renderer-0 { background: hsl(0, 0%, 100%); background-color: rgba(255, 255, 255, 0); color: hsl(0, 0%, 100%); overflow: hidden; z-index: 0; display: -ms-flexbox; display: -webkit-flex; display: flex;
}

/* set background of message area to be transparent */
.yt-live-chat-renderer-0 { background: hsl(0, 0%, 100%); background-color: rgba(255, 255, 255, 0); color: hsl(0, 0%, 100%); overflow: hidden; z-index: 0; display: -ms-flexbox; display: -webkit-flex; display: flex;
}

/* set emoji and submit button area to be transparent*/
.yt-live-chat-message-input-renderer { display: none !important;
}

/* remove users channel image just in case class further down does not catch this */
.yt-live-chat-text-message-renderer img { display: none !important;
}

/* set font size for entire chat area*/
.yt-live-chat-text-message-renderer-0 { font-size: 17px !important;
}

/* remove users channel image */
.yt-live-chat-text-message-renderer-0 img { display: none !important;
}

/* set font color and shadow for users username in chat area */
.yt-live-chat-text-message-renderer-0 span { color: hsl(0, 0%, 100%) !important; text-shadow:
1px 3px 0px #000, 2px 2px 0px #000, 3px 1px 0px #000, 3px 0px 0px #000, 3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000,
-1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000, -3px 0px 0px #000, -3px -1px 0px #000, -2px -2px 0px #000, -1px -3px 0px #000,
3px 1px 0px #000, 2px 2px 0px #000, 1px 3px 0px #000, 0px 3px 0px #000, -1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000,
3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000, 0px -3px 0px #000, -1px -3px 0px #000, -2px -2px 0px #000, -3px -1px 0px #000;
}

/* set background of message entry area to be transparent */
.yt-live-chat-message-input-renderer-0 { background: hsl(0, 0%, 100%); background-color: rgba(255, 255, 255, 0); color: hsl(0, 0%, 100%); overflow: hidden; z-index: 0; display: -ms-flexbox; display: -webkit-flex; display: flex;
}

/* remove the scrollbar from view */
.yt-live-chat-item-list-renderer-0[allow-scroll] #items.yt-live-chat-item-list-renderer { overflow-y: hidden;
}

/* remove the scrollbar from view */
.yt-live-chat-item-list-renderer-1[allow-scroll] #items.yt-live-chat-item-list-renderer { overflow-y: hidden; overflow: hidden;
}

/* set background of text input area to be transparent */
.yt-live-chat-text-input-field-renderer { display: none;
}

/* remove the chat header from view */
.style-scope .yt-live-chat-header-renderer { background-color: rgba(255, 255, 255, 0); display: none;
}

/* set properties for user messages, such as text shadow and color*/
#message { color: hsl(0, 0%, 100%) !important; line-height: 35px !important; word-wrap: break-word; word-break: break-word; text-shadow:
1px 3px 0px #000, 2px 2px 0px #000, 3px 1px 0px #000, 3px 0px 0px #000, 3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000,
-1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000, -3px 0px 0px #000, -3px -1px 0px #000, -2px -2px 0px #000, -1px -3px 0px #000,
3px 1px 0px #000, 2px 2px 0px #000, 1px 3px 0px #000, 0px 3px 0px #000, -1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000,
3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000, 0px -3px 0px #000, -1px -3px 0px #000, -2px -2px 0px #000, -3px -1px 0px #000;
}
obs: https://obsproject.com/