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;
}
