@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("twitch.tv") {
/* Twitch chat ungay the third coming */
/* by moose crap http://long-cat.net */
/*
==========
Top Secton
==========
*/
/* Remove the overall left and right margins */
.ember-chat {
margin: 0;
}
/* fix title misplacement in chatroom */
p {
line-height: inherit;
padding-top: 0;
}
/* Tighten up chat header */
.ember-chat .chat-header {
padding: 1px;
height: 16px;
line-height: 15px;
font-size: 12px;
font-weight: bold;
margin-left: 1px;
}
/* Tighten up chat room button */
.ember-chat .chat-header .chat-header__button--left{
top: -7px; /* hack because i cant seem to style the svg? */
height: 16px;
width: 16px;
margin-left: 1px;
left: -5px;
}
/* Header on channel page */
#right_nav {
margin: 0 !important;
padding-left: 5px !important;
}
#right_nav a {
padding-bottom: 0 !important;
}
.tab-container {
top: 25px;
}
/*
==========
Chat Room
==========
*/
/* Tighten up chat room container */
.ember-chat .chat-room {
top: 18px;
}
.ember-chat .chat-messages {
left: 0px;
right: 0px;
bottom: 58px;
}
.ember-chat .chat-messages .tse-scroll-content {
padding: 0 2px;
}
/* Style chat lines */
.ember-chat .chat-messages .chat-line{
padding: 0;
margin: 0;
word-break: normal;
}
.ember-chat .chat-messages .chat-lines {
list-style-type: none;
padding: 0;
}
.ember-chat .chat-messages .timestamp {
margin-right: 3px;
}
.ember-chat .chat-messages .chat-line .colon {
margin-right: 0px;
}
.ember-chat .chat-messages .chat-line.admin {
padding: 0;
font-weight: bold;
}
/* Fix the cutoff glitch */
.tse-content {
overflow: visible !important;
}
.from {
margin-left: 0;
}
/*
==========
Bottom Section
==========
*/
/* Remove gay padding */
.ember-chat .chat-interface {
padding: 0;
border-top: none;
height: 58px;
}
/* Style chat box */
.ember-chat .chat-interface .textarea-contain {
border-top: none;
margin-bottom: 0px;
height: 42px !important;
z-index: 2;
}
.ember-chat .chat-interface .textarea-contain textarea {
line-height: 18px;
padding: 2px;
height: 42px !important;
}
.ember-chat .chat-interface .textarea-contain textarea:focus {
box-shadow: none;
}
/* Style chat buttons */
.ember-chat .chat-interface .chat-buttons-container .button {
height: 16px;
}
.ember-chat .chat-interface .chat-buttons-container .button--icon-only{
margin-top: -7px; /* uglier hack because i cant seem to style the svg? */
height: 32px;
z-index: 1;
padding: 0;
width: 17px;
background-color: #efeef1;
}
.ember-chat .chat-interface .chat-buttons-container figure{
padding: 0 1px;
height: 16px;
}
.ember-chat .chat-interface .chat-buttons-container{
padding-left: 0;
height: 16px;
}
.ember-chat .chat-interface .chat-buttons-container .qa-chat-buttons__submit{ /* Don't think about how this works becuase its disgusting */
background: linear-gradient(to bottom, #6441a5 0%,#4c2a87 100%);
height: 17px;
line-height: 17px;
width: 100%;
position: absolute;
left: 0;
padding-left: 36px;
}
.ember-chat .chat-interface .chat-buttons-container .send-chat-button:hover {
background: linear-gradient(to bottom, rgba(100,65,165,0.9) 0%,rgba(76,42,135,0.9) 100%);;
}
.ember-chat .chat-interface .chat-buttons-container .send-chat-button:active {
background: linear-gradient(to top, rgba(100,65,165,0.9) 0%,rgba(76,42,135,0.9) 100%);;
}
/*
==========
Chat dialogs and little tweaks
==========
*/
/* chat colors*/
.ember-chat .chat-settings {
bottom: 16px;
}
/* chat room list*/
.ember-chat .chat-room-list {
top: 15px;
border-left: none;
margin-left: 1px;
}
/* make badges round like old style */
.badge {
border-radius: 2px;
margin-right: 0px;
}
/* Make broadcaster badge black */
.ember-chat .badges .broadcaster {
background-color: black !important;
}
/* user list */
.ember-chat .chatters-view {
left: 0;
right: 0;
padding: 0;
}
.chatters .chat-header {
padding-left: 0;
margin-left: 0;
}
.chatters .ember-list-container .ember-list-item-view{
margin-left: 5px !important;
}
/* Enhance sub notifications a little bit !!this cant be tested until someone subs!!*/
.chat-line.notification{
font-weight: bold;
background: linear-gradient(to right, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 100%);
border-radius: 5px;
}
.chat-line.notification .message {
color: #000 !important;
margin-left: 5px;
}
/* Make the more messages indicator a little better */
.ember-chat .chat-interface .more-messages-indicator {
background: linear-gradient(to top, rgba(30,30,30,0.7) 0%,rgba(0,0,0,0) 100%);
font-weight: bold;
}
/* 3Dify the buttons on channel page */
.channel-actions .button{
background: linear-gradient(to bottom, #fff 0%, #eee 100%);
border: 1px solid rgba(0, 0, 0, 0.2);
margin-right: 10px !important;
}
.subscribe-text {
color: #6441A5;
}
.channel-actions .button:active{
background: linear-gradient(to top, #fff 0%, #eee 100%);
border: 1px solid rgba(0, 0, 0, 0.2);
}
.channel-actions .button:not(.subscribe-button):not(.js-follow):not(.js-unfollow):hover{
color: #000000 !important;
}
#channel_actions .button:not(.drop), .channel-actions .button:not(.drop){
padding: 0px 4px 0px 5px;
}
#channel_actions .button.drop, .channel-actions .button.drop {
padding: 0px 15px 0px 4px;
}
.button.drop:after {
right: 2px;
}
.channel-actions .actions .button {
background: linear-gradient(to bottom, #6441a5 0%,#4c2a87 100%) !important;
margin-right: 10px;
}
.channel-actions .actions .button:hover {
background: linear-gradient(to bottom, rgba(100,65,165,0.9) 0%,rgba(76,42,135,0.9) 100%) !important;
}
.channel-actions .actions .button:active {
background: linear-gradient(to top, rgba(100,65,165,0.9) 0%,rgba(76,42,135,0.9) 100%) !important;
}
.actions {
margin-right: 0 !important;
}
.button.unfollow {
color:#98FB98 !important;
}
.button {
font-size: 12px !important;
}
/* Fix video list */
.archives-contain .list-video .meta {
float: left;
padding-left: 5px;
width: 155px;
}
/* Hide sub icon in chat box */
.emoticon-selector-toggle {
display: none !important;
}
/* put the box around the 'hipster arrows' for corey
#right_close, #left_close {
border: 1px solid black;
}*/
}