Scribd
Upload
884 views3 pages

Youtube Chat Transparent CSS

The document provides CSS code to make YouTube live chat and subscriber counters transparent. The CSS targets various elements to hide backgrounds, colors, paddings and more to achieve transparency. It also styles text and icons within the chat.

Uploaded by

Steven Wijaya
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
884 views3 pages

Youtube Chat Transparent CSS

The document provides CSS code to make YouTube live chat and subscriber counters transparent. The CSS targets various elements to hide backgrounds, colors, paddings and more to achieve transparency. It also styles text and icons within the chat.

Uploaded by

Steven Wijaya
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Youtube Chat Transparent CSS :

/*hide color bar*/


.accent-bar {
display: none;
}

/*style username*/
.live-chat-widget .comment .author a {
font-size: 27px;
font-family: 'Titillium Web', sans-serif;
color:#debc00;
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;
}

/*style text*/
.live-chat-widget .comment-text { display: inline;
font-family: 'Raleway', sans-serif;
font-size: 24px;
color:#e1e9ec;
line-height: 32px;
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;

.live-chat-widget .comment .author a:after { content: ":";


}

/*Moderator name color*/


.live-chat-widget .comment.author-is-moderator a{
color:#28a5bc !important;
}

/*Streamer name color*/


.live-chat-widget .comment.author-is-owner a{
color:#0a809a !important;
}

/*Moderator icon offset*/


.live-chat-widget .comment.author-is-owner .yt-user-photo {
margin-top:3px;
}

/*Icon offset*/
.yt-user-photo{
margin-top:7px
}

/*Chatroom isolation*/
#live-comments-controls {
display: none;
}

/*Fix Padding*/
#body-container,
.live-chat-widget .comment .content,
.live-chat-widget .comment,
.yt-card.yt-card-has-padding {
padding: 2px!important;
}

/*Body background color*/


body , .live-chat-page{
background: transparent;
/*background:red;*/
}

/*Comment inline*/
.live-chat-widget .comment.author-is-owner .byline{
display:inline !important;
}

/*Hide scrollbar*/
body,
.live-chat-widget #comments-scroller{
overflow:hidden !important;
border:none;
}

/*Lock chatroom to top*/


#content,
#watch7-sidebar {
bottom: 0;
}

.live-chat-widget .comment.fan-funding-tip, .live-chat-widget .comment.new-member-announcement,


.live-chat-widget.dark .comment.fan-funding-tip, .live-chat-widget.dark .comment.new-member-
announcement { background-color: #0f9d58;
}

.live-chat-widget .comment.alternate-row {
background-color: rgba(28, 28, 28, 0);
min-width:80px;
}

.live-chat-widget .comment {
position: relative;
padding: 12px 14px;
background-color: rgba(28, 28, 28, 0);
overflow: hidden;
margin:6px;
}

.live-chat-widget .gaming-promo {
display:none;
}

Subscriber Counter Transparent CSS :


CSS:
body {
background-color: rgba(0, 0, 0, 0);
margin: -215px auto;
overflow: hidden;
}

h1 {
font-size: 0%;
}

h2 {
font-size: 0%
}

div#cover {
background-color: rgba(0, 0, 0, 0);
}

span#username {
font-size: 0%;
}

div#main.top {
background-color: rgba(0, 0, 0, 0);
}

h2.count_live.odometer.odometer-theme-minimal {
color: #FFFFFF;
}

You might also like