@namespace url(http://www.w3.org/1999/xhtml);
/* Thans Qeb for supplying the original code! */

@-moz-document regexp("https?://plug\.dj/(?!(communities|terms|privacy)/?.*).*"){

/* Interface stuff */
#header,
#footer,
#user-lists,
#user-lists .user:hover,
#waitlist,
#waitlist .user:hover,
#chat,
.group,
#chat-messages .input-background,
#user-lists .input-background,
#chat-input,

/* Chat output */
#chat,
#chat-messages .list:nth-child(odd),
#chat-messages .message:nth-child(odd),
#chat-messages .welcome:nth-child(odd),
.update:nth-child(odd),
#chat-messages .skip:nth-child(odd),
.moderation:nth-child(odd),
.emote:nth-child(odd),
.mention:nth-child(odd){
/*background-image: none !Important;*/
background-color: rgba(0,0,0,0.50) !Important;
}

/* Padding fix for darkened chat items */
#chat-messages .list:nth-child(odd),
#chat-messages .message:nth-child(odd),
#chat-messages .welcome:nth-child(odd),
.update:nth-child(odd),
#chat-messages .skip:nth-child(odd),
.moderation:nth-child(odd),
.emote:nth-child(odd),
.mention:nth-child(odd){
padding-right: 6px !Important;
}

/* Darkened items for improved visibility */
#chat-header,
.header-panel-button.selected,
#user-lists .header,
#user-lists .user,
#waitlist .user,
#header .button.selected{
background-color: rgba(0,0,0,0.25) !Important;
}

/* Items that needed to have no color */
.list,
#chat-messages .message,
#chat-messages .welcome,
.update,
#chat-messages .skip,
.moderation,
.emote,
.mention{
background: transparent !Important;}

/* Readibility fix for persons hard of seeing.
   Remove or modify as required. */
/* --> Most UI items - Text shadow */
#header,
#next-media-title,
#next-media-label,
#footer .right-meta,
#chat-messages,
#user-lists,
#waitlist,
#chat-input-field,
#user-filter-input{
text-shadow: 0px 0px 1px black,
             0px 0px 1px black,
             0px 0px 1px black !important;
}
#store-button,
.timestamp{
text-shadow: none !Important;
}

/* --> Fixes for text shadow cutoff */
#header .bar-value,
#room-host,
#now-playing-dj,
#next-media-title,
#next-media-label,
#user-panel .name{
padding-left: 6px !Important;
}
#user-panel .name{
margin-left: -6px !Important;
}
#header .username{
padding-right: 6px !Important;
}

/* --> Lighter dark label / Dark font settings */
.dark-label,
#footer .label{
color: rgb(128, 134, 145) !important;
}

/* De-colorizes the bottom of the selected item in the userlist. Because. */
.button.selected{
border-bottom: none !Important;
}

}