-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
177 lines (169 loc) · 6.1 KB
/
style.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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
/*#vote i.icon.icon-woot-disabled {
background-image: url(https://moveit.cacserver.ga/wp-content/themes/mib/images/woot%20icons/woot.png);
background-repeat: no-repeat;
background-position: center;
}
#vote i.icon.icon-grab-disabled {
background-image: url(https://moveit.cacserver.ga/wp-content/themes/mib/images/woot%20icons/grab.png);
background-repeat: no-repeat;
background-position: center;
}
#vote i.icon.icon-meh-disabled {
background-image: url(https://moveit.cacserver.ga/wp-content/themes/mib/images/woot%20icons/meh.png);
background-repeat: no-repeat;
background-position: center;
}
#vote i.icon.icon-woot {
background-image: url(https://moveit.cacserver.ga/wp-content/themes/mib/images/woot%20icons/dis-woot.png);
background-repeat: no-repeat;
background-position: center;
}
#vote i.icon.icon-grab {
background-image: url(https://moveit.cacserver.ga/wp-content/themes/mib/images/woot%20icons/dis-grab.png);
background-repeat: no-repeat;
background-position: center;
}
#vote i.icon.icon-meh {
background-image: url(https://moveit.cacserver.ga/wp-content/themes/mib/images/woot%20icons/dis-meh.png);
background-repeat: no-repeat;
background-position: center;
}*/
.meta { height: 155px !important;}
.meta.online { height: 150px !important;}
/*#vote i.icon.icon-woot,
#vote i.icon.icon-woot-disabled {
background-image: url(https://i.imgur.com/qjVCf5J.png);
background-repeat: no-repeat;
background-position: center;
}
#vote i.icon.icon-meh,
#vote i.icon.icon-meh-disabled {
background-image: url(https://i.imgur.com/RoVOI2n.png);
background-repeat: no-repeat;
background-position: center;
}
#vote i.icon.icon-grab,
#vote i.icon.icon-grab-disabled {
background-image: url(https://i.imgur.com/QkeGgSw.png);
background-repeat: no-repeat;
background-position: center;
}
*/
#chat .from.promoter .un {
color: #1abc9c !important;
}
i.icon.icon-chat-promoter, .is-promoter .name {
color: #1abc9c !important;
}
#user-lists .list.staff .group {
background: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0, 0, 0, 1) 100%) !important;}
#footer {
background: linear-gradient(to bottom,rgba(0, 0, 0, 0.25) 0,rgba(0, 0, 0, 0.75) 100%);}
#app-header {
background: linear-gradient(to bottom,rgba(255, 255, 255, 0.25) 0,rgba(0, 0, 0, 0.75) 100%);}
#store-button {
background: linear-gradient(to bottom,#FF0000 0,#A00000 100%);}
#plug-dj {
background: linear-gradient(to bottom,#0268AC 0,#02225C 100%);}
#plug-menu {
background: rgba(40, 44, 53, 0.94) !important;}
#plug-menu .legal {
background: rgba(68, 74, 89, 0.46) !important;}
#settings {
background: rgba(10, 10, 10, 0.89) !important;}
#user-lists .list .user:hover {
background: linear-gradient(to right,rgba(255, 118, 118, 0) 0,rgba(255, 0, 194, 0.27) 100%) !important;}
#waitlist .list .user {
background: linear-gradient(to right,rgba(205, 155, 55, 0.3) 0,rgba(37, 117, 185, 0) 100%) !important;}
#settings .header {
background: rgba(28, 31, 37, 0.78) !important;}
@media (max-width: 1600px) {
#room .app-right {
background: linear-gradient(to right,rgba(0, 0, 0, 0.70) 0,rgba(0, 0, 0, 1) 100%);
}
}
#chat .message:nth-child(2n+1),#chat .mention:nth-child(2n+1),#chat .skip:nth-child(2n+1),#chat .moderation:nth-child(2n+1),#chat .emote:nth-child(2n+1),#chat .update:nth-child(2n+1),#chat .welcome:nth-child(2n+1) {
background-color: rgba(17, 19, 23, 0.32);
-webkit-animation:fadein 0.25s;
-moz-animation:fadein 0.25s;
-ms-animation:fadein 0.25s;
-o-animation:fadein 0.25s;
animation:fadein 0.25s;}
#chat .emote, #chat .mention, #chat .message, #chat .moderation, #chat .skip, #chat .system, #chat .update, #chat .welcome {
-webkit-animation:fadein 0.25s;
-moz-animation:fadein 0.25s;
-ms-animation:fadein 0.25s;
-o-animation:fadein 0.25s;
animation:fadein 0.25s;}
#chat .mention {
font-weight: 700;
/* padding-left: 25px; */
border: #7681FF 1px solid;
}
#chat-messages .emote .icon {
/*left: 4px;*/}
#chat .emote .text {
font-style: italic;
color: #ce9e40;}
em {
color: #f4173b;}
#chat-messages .badge-box {
transition: 0.5s;
}
#footer {
background: linear-gradient(to bottom,rgba(0, 0, 0, 0.25) 0,rgba(0, 0, 0, 0.75) 100%);}
.social-menu .icon-twitter,.social-menu .icon-facebook {
opacity: 1;}
#playlist-menu {
background: rgba(11, 12, 14, 0.60);}
#user-panel .score {
background: rgba(28, 31, 37, 0.59);}
/* Botao DJ */
#dj-button.is-locked .left,#dj-button.is-full .left,#vote .crowd-response.disabled .bottom {
background: rgba(34, 34, 36, 0.4);}
#dj-button.is-quit .left, #dj-button.is-leave .left, #dj-button.is-wait .left, #dj-button.is-locked .left, #dj-button.is-full .left {
background: rgba(140, 106, 40, 0); }
#dj-button {
opacity: 0.9;
transition: all .3s ease-in;}
#dj-button:hover {
opacity: 1;
transition: all 0.1s;}
#vote .crowd-response.selected {
color: #ffc331;}
#video-only-dj:hover {
background: rgb(9, 9, 9);}
#video-only-dj {
background: #090909;}
#vote .crowd-response {
background: rgba(255, 255, 255, 0);
color: rgb(212, 212, 212);}
#vote {
opacity: 0.6;
transition: all .3s ease-in;
background: rgba(197, 152, 64, 0.19);
border: solid 1px rgba(219, 170, 0, 0.8);
border-radius: 5px;}
#vote:hover {
opacity: 1;
transition: all 0.1s;}
.row:hover {
background: linear-gradient(to right,rgba(255, 118, 118, 0) 0,rgba(204, 155, 56, 0.27) 100%) !important;}
#chat .mention .msg {
background: linear-gradient(to right,rgba(255, 118, 118, 0) 0,rgba(41, 48, 124, 0.27) 100%);}
#user-lists .list.room .user .icon-meh {
top: -1px !important;
right: 8px !important;
left: auto !important;}
#user-lists .list.room .user .icon-grab {
right: 35px;}
#footer-user .buttons .button .count, #user-menu .item .count, #user-friends .tab-menu button .count, #friends-button .request-count {
background: #c59840;
}
.emoji-glow img {
max-width: 40px !important;
max-height: 40px !important;
}
.chat-suggestion-item .value {
margin-left: 20px;
}