PlugTheme.css

/*
    Custom CSS for Dubtrack.fm
    Plug theme and UI improvements
    Made by @Kris | Edited by sinful
    https://www.dubtrack.fm/kris
*/
#main-loading {
    background: #AA74FE;
}
a:hover, a:visited {
    color: #AA74FE;
}
#warning {
    background: #AA74FE;
}
/* Lobby */
#container-room-list .room-item .user-count {
    background: #AA74FE;
}
#container-room-list .room-item.active-room, 
#container-room-list .room-item.userRoom {
    outline: 1px solid rgba(0, 0, 0, 0);
}

/* Top Bar */
#roomFormUpdate {
    background: #000;
    border: 2px solid #AA74FE;
}
#roomFormUpdate, #roomInfoModal {
	border: 2px solid #AA74FE;
}
#header-global .user-info .user-header-menu li.user-messages span.message-counter {
    background: #AA74FE;
}

/* Bottom Bar */
#player-controller ul li a.playbtn:hover {
    background-color: #AA74FE !important;
}
#volume-div .ui-slider-handle {
    background: #AA74FE;
    opacity: 0.75;
}
#player-controller ul li.infoContainer .progressBg {
    background: #AA74FE;
    opacity: 1;
}
#player-controller ul li a.dubup:hover {
    background: #90AD2F;
    opacity: 0.66;
}
#player-controller ul li a.dubup.voted {
    background: #90AD2F;
    opacity: 1;
}
#player-controller ul li a:hover, 
#player-controller ul li a.voted {
    background: #AA74FE;
    opacity: 1;
}
#player-controller ul li a.dubdown:hover {
    background: #C42E3B;
    opacity: 0.66;
}
#player-controller ul li a.dubdown.voted {
    background: #C42E3B;
    opacity: 1;
}
#player-controller .right {
    opacity: 1;
    border-left: 1px #202020 solid;
}
#player-controller .right li.copy span {
    color: #AA74FE;
}
#player-controller ul li a.playbtn .queue-info {
    background: #AA74FE;
}

/* Left Side Menu */
#main-menu-left a.close-menu span {
    font-size: 1em;
    color: #AA74FE;
}
#main-menu-left a.topdubs-link {
    color: #666;
}

/* Right Side Menu (Private Messages) */
#private-messages .main-message-list ul.message-list li.message-item .message-content h3, 
#private-messages .message-details ul.message-list li.message-item .message-content h3 {
    color: #AA74FE;
}
#main-menu-right a.close-menu span {
    font-size: 1em;
    color: #AA74FE;
}
#private-messages .main-message-list .message-header a, 
#private-messages .message-details .message-header a {
    color: #AA74FE;
    text-transform: uppercase;
}
#private-messages .main-message-list ul.message-list li.message-item .message-content .username-handle, 
#private-messages .message-details ul.message-list li.message-item .message-content .username-handle {
    color: #AA74FE;
    font-weight: bold;
}

/* Video box */
#main-room .left_section {
    background: #111;
}
#main_player .player_sharing {
    background: #181818;
}
#main_player .player_sharing span:hover {
    color: #AA74FE;
}
#main_player:after {
    background: #AA74FE;
    opacity: 0.75;
}
.loading {
    color: #000;
    background: #AA74FE;
    opacity: 0.75;
}
#main_player .player_container {
    height: 25.45em;
    background-image: url(https://raw.githubusercontent.com/PossiblyKris/DubtrackCSS/master/assets/bykris.png);
}
#main_player .player_container .skip-el {
    background: #AA74FE;
    opacity: 0.75;
}
#main_player .player_container .refresh-el {
    background: #AA74FE;
    opacity: 0.75;
}
#main_player .player_container .videoquality-el {
    background: #AA74FE;
    opacity: 0.75;
}
#main_player .player_container .hideVideo-el {
    background: #AA74FE;
    opacity: 0.75;
}
#main_player .player_container .error-el {
    background: #AA74FE;
}
.comments-main .post-comment-container .comments-textarea-container {
    background: #222;
}
.comments-main .post-comment-container textarea {
    border: 1px #222 solid;
    background: #181818;
}
.comments-main .post-comment-container .comments-textarea-container button {
    background: #AA74FE;
    color: #000;
    opacity: 0.75;
}
.comments-main .comments-list .comment-item .comment-dub {
    color: #5a5b5c;
}
button:hover {
    -moz-box-shadow: inset 0 -2px #AA74FE;
    -webkit-box-shadow: inset 0 -2px #AA74FE;
    box-shadow: inset 0 -2px #AA74FE;
}
.comments-main .comments-list .comment-item header a {
    color: #AA74FE;
}
.comments-main .comments-list .comment-item .comment-dub .icon-arrow-up:hover, .comments-main .comments-list .comment-item .comment-dub .icon-arrow-up.dubvoted, .comments-main .comments-list .comment-item .comment-dub .icon-arrow-down:hover, .comments-main .comments-list .comment-item .comment-dub .icon-arrow-down.dubvoted {
    color: #AA74FE;
    opacity: 0.75;
}
.comments-main .comments-list .comment-item .comment-dub a.delete:hover {
    color: #AA74FE;
    opacity: 0.75;
}
.comments-main .comments-list .comment-item .icon-flag:hover {
    color: #AA74FE;
    opacity: 0.75;
}

/* Chat box */
#chat .chat_tools .room-user-counter {
    background: #AA74FE;
    color: #000;
    opacity: 0.73;
}
#chat #new-messages-counter {
    background: #AA74FE;
    color: #000;
}
#chat .chat-container ul.chat-main li.chat-welcome-message {
	color: #FFFEFF;
}
#chat .chat-container .pusher-chat-widget-input button {
    color: #000;
    background: #AA74FE;
    opacity: 0.75;
}
#chat .chat-container ul.chat-main li.chat-welcome-message a {
	color: #AA74FE;
}
#chat .chat-container .pusher-chat-widget-input .icon-camera {
    color: #AA74FE;
    opacity: 0.75;
}
#chat .chat-container ul.chat-main li.chat-system-loading {
	color: #835BC2;
}
#chat .chat-container ul.chat-main li.system {
    color: #C42E3B;
    opacity: 1;
}
#chat .chat-container ul.chat-main li.system-error {
    color: #C42E3B;
}
#chat .chat-container ul.chat-main li .activity-row .text p a.username,
#chat .chat-container ul.chat-main li .activity-row .text p a.username:hover, 
#chat .chat-container ul.chat-main li .activity-row .text p a.username:visited {
    color: #AA74FE;
    opacity: 1;
}
#chat .chat-container ul.chat-main li .activity-row .text p a.username .isMod {
	color: #AA74FE !important;
	opacity: 1;
}
#chat .chat-container ul.chat-main li .activity-row .text p a.username .isAdmin {
	color: #00FFFF !important;
	opacity: 1;
}
#chat .chat-container ul.chat-main li .activity-row .text p a.username-handle {
    color: #FFDD6F !important;
    opacity: 1;
}
#chat .chat-container ul.chat-main li .activity-row .text span.username-handle {
    color: #FFDD6F;
    opacity: 1;
}
#chat .chat-container ul.chat-main li:hover>.stream-item-content .chatDelete, 
#chat .chat-container ul.chat-main li .stream-item-content:focus>.chatDelete {
    color: #AA74FE !important;
    opacity: 0.75;
    font-size: 0.65em;
}

/* User tab */
#main-room #mobile-room-menu a span.info-counter {
    background: #AA74FE;
}
#main_avatar_room .avatar_tools a.loadRoomAva span {
    background: #AA74FE !important;
    color: #000;
    opacity: 0.73;
    transition: left 0.0s ease-in 0.0s;
}
ul.avatar-list li.mod:after, ul.avatar-list li.co-owner:after, ul.avatar-list li.manager:after, ul.avatar-list li.vip:after, ul.avatar-list li.resident-dj:after, ul.avatar-list li.creator:after, ul.avatar-list li.admin:after, ul.avatar-list li.currentDJ:after {
    background: #000;
    opacity: 0.95;
    color: #AA74FE;
}
ul.avatar-list li.updub {
	border: 1px solid #90AD2F;
}
#user_popover .global-actions a {
	background: #A16EF1;
}
#user_popover .actions a input {
	border-bottom: 1px solid #A16EF1;
}
#user_popover .actions a {
    color: #FFF;
    background: #000000;
	outline: 1px solid #A16EF1;
}
#user_popover {
    background: #111;
    border: 1px solid #AA74FE;
}
ul.avatar-list li.updub {
    border: 1px solid #90AD2F;
}
ul.avatar-list li.downdub {
/*    border: 1px solid #FF3535;*/
    border: 1px solid #C42E3B;
}

/* Profile Page */
#profileMainSection .profileView .header .pictureContainer a.updatePictureGif {
    background: #AA74FE;
    color: #000;
}
#profileMainSection .profileView .header .pictureContainer img {
    background: #000;
    border: 0.4em solid #AA74FE;
}
#profileMainSection .profileView .contentMainProfile span.progress {
    opacity: 0.7;
    background: #AA74FE;
}
#profileMainSection .profileView .infoProfile h2 span.editUsername, 
#profileMainSection .profileView .infoProfile h2 span.saveUsername {
    color: #000;
    background: #AA74FE;
}
#profileMainSection .profileView .rewindProfile {
    border: 5px solid #AA74FE;
}
#profileMainSection .profileView .infoProfile button.message.unfollow {
	color: #ccc;
    background: #333;
}
#profileMainSection .profileView .infoProfile h2 .check_username_info.error {
    color: #C42E3B;
}

/* Playlist Menu */
#browser .browser-content-header {
    color: #AA74FE;
    background: #202020;
}
#browser .browser-content {
    border: 2px #AA74FE solid;
}
#browser .browser-content-header .form input[type=text] {
    outline: 1px #333 solid;
    background: #181818;
}
#browser .browser-content-header .form a.active {
    outline-color: #AA74FE;
    opacity: 1;
}
#browser .browser-content-header .form a.search-btn {
    color: #000;
    background: #AA74FE;
    outline-color: #AA74FE;
    opacity: 0.75;
}
#browser .create-playlist span {
    color: #000;
    background: #AA74FE;
    opacity: 0.75;
}
#browser .loading {
    text-transform: uppercase;
    background: #AA74FE;
    color: #000;
}
#browser .loading, #browser .clear-queue-browser-bth {
    background: #AA74FE;
}
#browser .content-videos ul.browserPlaylistItems>li {
    border-bottom: 1px #202020 solid;
    background: #111;
    opacity: 0.85;
}
#browser .content-videos ul.browserPlaylistItems>li span.timeDisplay {
    color: #000;
    background: #AA74FE;
    opacity: 1;
}
#browser .content-videos ul.browserPlaylistItems>li .description p span {
    color: #AA74FE;
    opacity: 1;
}
#browser ul.playlist-style li:hover .add_to_queue, 
#browser ul.playlist-style li:hover .delete {
    color: #AA74FE;
    opacity: 1;
}
#results_video_api a.tt-wrapper.playlist_type.playlist_type_private, 
#results_video_api a.tt-wrapper.upload_btn.playlist_type_private {
    border: #AA74FE 1px solid;
    color: #000;
    background: #AA74FE;
}
#browser .browser-content-header .close {
    color: #AA74FE;
    opacity: 0.8;
}
#browser span.title {
    color: #AA74FE;
    font-size: 1.5em;
}
#addToPlaylistFloatContainer .create-playlist-input span {
    background: #AA74FE;
}
#browser .content-videos ul.browserPlaylistItems>li .description p {
    color: #AA74FE;
}
#browser .content-videos ul.browserPlaylistItems>li .display-success {
    background: #AA74FE;
    color: #000;
}
#browser .content-videos ul.browserPlaylistItems>li .actions a .spinner>div {
    background: #AA74FE;
}
#browser .content-videos ul.browserPlaylistItems>li .display-error, 
#browser .content-videos ul.browserPlaylistItems>li .display-success {
    background: #AA74FE;
}
#results_video_api .playlist_info {
    background: #111;
}
#results_video_api .playlist_info .playlist_filter {
    border: 1px #202020 solid;
}

	/* Video Previews */
.player .ui-slider-range {
    background: #AA74FE;
    position: absolute;
    border: 0;
    top: 0;
    height: 100%;
}
.player .ui-slider-handle {
    background: #AA74FE;
}
.player .controlContainer .progressContainer .progress, .player .controlContainer .progressContainer .loaded {
    background: #AA74FE;
}
.player .tooltip {
    color: #fff;
    background: #AA74FE;
}
	/* Soundcloud */
.player .loading, .player .buffering {
    background: #AA74FE;
}
.player .replay, .player .error {
    background: #AA74FE;
}

/* DubX Menu */
.isSwordful {
    border-left: 0px solid #AA74FE !important;
}
.isSwordful .verSwordful .Javaling,
.isSwordful .optionSwordful {
    color: #CCC !important;
}    
.optionSwordful .titleClass .istitle {
    color: #AA74FE !important;
}
.BSSControl .storeBSSClass,
.RSSControl .storeRSSClass,
.reportControl .reportGo,
.requestControl .requestGo {
    background: #AA74FE !important;
}