-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.css
115 lines (108 loc) · 4.09 KB
/
main.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
/* Users Import */
@import url("https://cdn.jsdelivr.net/gh/DiscordDungeons/pdjrsc/concept.css");
@import url("https://cdn.jsdelivr.net/gh/DiscordDungeons/pdjrsc/snazzah.css");
@import url("https://cdn.jsdelivr.net/gh/DiscordDungeons/pdjrsc/bot.css");
/* Users Import */
@import url("https://cdn.jsdelivr.net/gh/DiscordDungeons/pdjrsc/reactions.css");
.icon-room {
width: 75px !important;
}
#room-name, #room-host, #now-playing-dj, #now-playing-media {
left: 89px !important;
color: #fff !important;
font-weight: bold;
text-shadow: 2px 0px 11px, #dd00ff;
}
.app-header, #footer-user .info, #dashboard {
background: rgba(0, 0, 0, 0.85) !important;
}
#volume .slider {
background-color: rgba(0, 0, 0, 0) !important;
box-shadow: 0px -19px 0px 6px rgba(0, 0, 0, 0), 0px 18px 0px 6px rgba(0, 0, 0, 0) !important;
}
#rcs-menu {
background: rgba(0,0,0,0.5) !important;
}
#footer, .app-right {
background: rgba(0, 0, 0, 0.75) !important;
}
#playlist-panel, #user-view, #waitlist .list .sortable-placeholder, #room-settings {
background: rgba(0, 0, 0, 0.95) !important;
}
#now-playing-bar, #history-button, #rs-skip-button, #playlist-menu, #user-menu, #room-settings-menu, .app-right .friends, .badge-box {
background: none !important;
}
#app-menu, #app-menu .list {
background: rgba(0, 0, 0, 0.85) !important;
}
#room .app-right {
background: rgba(0,0,0,0.5) !important;
}
.icon-staff {
background-position: 35px 520px !important;
}
#chat .emote, #chat .message, #chat .moderation, #chat .skip, #chat .system, #chat .update, #chat .welcome, #chat .cm, #chat .emote:nth-child(2n+1),#chat .message:nth-child(2n+1), #chat .moderation:nth-child(2n+1), #chat .skip:nth-child(2n+1), #chat .system:nth-child(2n+1), #chat .update:nth-child(2n+1), #chat .welcome:nth-child(2n+1), #chat .cm:nth-child(2n+1) {
background-color: rgba(0, 0, 0, 0.25) !important;
}
#chat .mention, #chat .mention:nth-child(2n+1), #chat .mention.is-dj, #chat .mention.is-staff, #chat .mention.is-dj:nth-child(2n+1), #chat .mention.is-staff:nth-child(2n+1) {
background: rgba(250, 166, 25, 0.3) !important;
border-left: #faa61a 3px solid;
}
#user-lists .list .user:hover, #waitlist .list .user {
background: linear-gradient(to right, rgba(255,255,255,0.3) 0%,rgba(0,0,0,0.75) 100%) !important;
}
#chat .msg .text .name, #chat .msg .text .name .name {
color: #FFF !important;
}
#chat .msg .text .name, #chat .msg .text .name .name {
color: #FFF !important;
}
#waitlist .list .user.locked .icon-x-white, #waitlist .list.bouncer .user .icon-x-white, #waitlist .list.manager .user.locked .icon-x-white {
color: #c42e3b;
}
#rcs-progress-container .bar {
background: #FFF !important;
}
#user-lists .list.staff .group {
border-top: 1px solid rgba(255,255,255, 1) !important;
border-bottom: 1px solid rgba(255,255,255, 1) !important;
background: rgba(255,255,255, 0.2) !important;
}
.icon-check-circle, .icon-check-purple {
background-position: -70px -140px !important;
}
#playlist-menu .menu .row .count, #playlist-activate-button span {
color: #FFF !important;
}
.icon-next-track {
background-position: -70px -175px !important;
}
#room-bar .icon-grab, .communities .grid .cell .favorite .icon-grab {
background-position: -40px -280px !important;
}
#room-bar .icon-grab, .communities .grid .cell .favorite .icon-grab {
background-position: -40px -280px !important;
}
.communities .grid .cell .bar, .communities .grid .cell .favorite, .communities .grid .cell .meta, .communities .grid .cell .meta .host, .communities .grid .cell {
background: #000 !important;
}
.communities .grid .cell:hover>.meta {
background: rgba(0, 0, 0, 0.85) !important;
}
/* Scrollbar */
::-webkit-scrollbar-thumb {
background: rgba(99, 99, 99, 0.75) !important;
}
.jspDrag {
background: rgba(99, 99, 99, 0.65) !important;
}
.jspDrag:hover, .jspTrack .jspActive, .jspTrack .jspHover, .experience .levels .level.earned.avatar .label {
background: rgba(99, 99, 99, 0.95) !important;
}
/* Scrollbar */
#dj-button.is-leave .left, #dj-button.is-quit .left {
background: #c42e3b !important;
}
#dj-button .left {
background: #00b944 !important;
}