Advertisement
EnderNator10

plugdj_mankei-neko.css

Sep 21st, 2017
55
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.60 KB | None | 0 0
  1. /* Customized RCS CSS by Dazzuh, xBytez and Origin */
  2.  
  3. /* Background & Color */
  4. .room-background {
  5. background: url(https://i.xbytez.io/d/ff58a5.png) no-repeat center center fixed !important;
  6. background-size: cover!important;
  7. width: 100% !important;
  8. height: 100% !important;
  9. top: 0px!important;
  10. left: 0px!important;
  11. }
  12. #footer,
  13. .app-header,
  14. #history-button,
  15. #rs-skip-button,
  16. #app-menu {
  17. background: rgba(51, 39, 68, 1)!important
  18. }
  19. #app .app-right, .friends {
  20. background: transparent!important
  21. }
  22. #chat .cm:nth-child(2n+1),
  23. #chat-input,
  24. #waitlist .list .user {
  25. background: rgba(51, 39, 65, 1)!important
  26. }
  27. #chat .mention.is-dj:nth-child(2n+1),
  28. #chat .mention.is-staff:nth-child(2n+1),
  29. #chat .mention.is-dj, #chat .mention.is-staff,
  30. #chat .mention.is-subscriber.silver {
  31. background: linear-gradient(135deg,#F3508F 0,rgba(51,39,65,1) 13%,rgba(51,39,65,1) 100%)!important
  32. }
  33. #chat .mention.is-ambassador {
  34. background: linear-gradient(135deg,#89be6c 0,rgba(51,39,65,1) 13%,rgba(51,39,65,1) 100%)
  35. }
  36. #chat .mention.is-admin {
  37. background: linear-gradient(135deg,#42a5dc 0,rgba(51,39,65,1) 13%,rgba(51,39,65,1) 100%)
  38. }
  39. #audience,
  40. #dj-booth {
  41. display: none;
  42. }
  43.  
  44. #chat-button,
  45. #users-button,
  46. #waitlist-button,
  47. #friends-button {
  48. border-right: transparent
  49. }
  50. .header-panel-button.selected {
  51. background: linear-gradient(to bottom,rgba(255, 255, 255, 0.25) ,rgba(255, 255, 255, 0.06));
  52. }
  53.  
  54. #playlist-panel,
  55. #playlist-menu,
  56. #user-view,
  57. #user-menu {
  58. background: rgba(0,0,0,0.7);
  59. }
  60. .user-content .grid .cell,
  61. .user-content .grid .cell .top,
  62. .user-content .grid .cell:hover>.top {
  63. background: transparent;
  64. }
  65. .top,
  66. .user-content .grid .cell:hover>.top {
  67. background: transparent;
  68. }
  69.  
  70. #rcs-progress-container {
  71. background-color: rgba(51, 39, 54, 1) !important;
  72. }
  73.  
  74. #rs-toggle-sidebar {
  75. background-color: rgba(51, 39, 68, 1) !important;
  76. }
  77.  
  78. /* Big video */
  79.  
  80. #playback .background {
  81. display:none;
  82. }
  83. #playback-controls {
  84. top: calc(50% - 28px);
  85. left: calc(50% - 251px) !important;
  86. }
  87. #playback {
  88. position: fixed !important;
  89. top: 54px !important;
  90. bottom: 54px !important;
  91. left: 0 !important;
  92. text-align: center;
  93. white-space: nowrap;
  94. right: 345px !important;
  95. display: block !important;
  96. width: initial !important;
  97. height: initial !important;
  98. }
  99. #playback:before {
  100. margin-right: -.25em;
  101. height: 100%;
  102. vertical-align: middle;
  103. display: inline-block;
  104. content: '';
  105. box-sizing: border-box;
  106. }
  107.  
  108. #playback-container, #playback-buffering {
  109. height: initial !important;
  110. position: relative !important;
  111. width: 90% !important;
  112. vertical-align: middle;
  113. display: inline-block;
  114. max-height: 540px;
  115. max-width: 960px;
  116. }
  117. #playback-container:before, #playback-buffering:before {
  118. content: "";
  119. display: block !important;
  120. padding-top: 56.25% !important;
  121. }
  122. #playback-container #yt-frame, #playback-container #sc-frame, #playback-container #sync-frame {
  123. position: absolute !important;
  124. top: 0 !important;
  125. left: 0 !important;
  126. bottom: 0 !important;
  127. right: 0 !important;
  128. width: 100% !important;
  129. height: 100% !important;
  130. }
  131.  
  132. /* Center buttons */
  133.  
  134. #vote {
  135. left: initial !important;
  136. right: calc(20% + 345px);
  137. }
  138.  
  139. #dj-button {
  140. left: 20% !important;
  141. }
  142.  
  143. /* Tiny lists */
  144.  
  145. #playlist-menu .menu .row {
  146. height: 24px;
  147. }
  148.  
  149. #playlist-menu .menu .row .name, #playlist-menu .menu .row .count {
  150. top: 3px;
  151. font-size: 12px;
  152. }
  153.  
  154. #playlist-menu .menu .row .activate-button {
  155. top: -4px;
  156. }
  157.  
  158. #waitlist .list .user {
  159. height: 31px;
  160. }
  161.  
  162. #waitlist .list .user .meta {
  163. height: 30px;
  164. }
  165.  
  166. #waitlist .list .user .name, #waitlist .list .user .position {
  167. top: 4px;
  168. }
  169.  
  170. .afkTime {
  171. top: 6px !important;
  172. }
  173.  
  174. #waitlist .list .user .icon-drag-handle {
  175. top: 0px;
  176. }
  177.  
  178. #waitlist .list .user .image {
  179. display: none;
  180. }
  181.  
  182. #user-lists .list .user {
  183. height: 26px;
  184. }
  185.  
  186. #user-lists .list .user .name {
  187. top: 3px;
  188. }
  189.  
  190. #user-lists .list.room .user i {
  191. top: 5px;
  192. }
  193.  
  194. #user-lists .list.room .user i.icon-chat-dj {
  195. top: 6px;
  196. }
  197.  
  198. #user-lists .list.room .user .icon-woot {
  199. top: -3px;
  200. }
  201.  
  202. .app-right .friends .list .row .image {
  203. display: none;
  204. }
  205.  
  206. .app-right .friends .list .row {
  207. height: 28px;
  208. }
  209.  
  210. .app-right .friends .list .row .meta {
  211. top: 3px;
  212. height: 22px;
  213. }
  214.  
  215. .app-right .friends .list .row .name {
  216. margin-left: 5px;
  217. }
  218.  
  219. .app-right .friends .list .row .meta {
  220. width: 330px;
  221. }
  222.  
  223. .app-right .friends .list .row .room {
  224. width: 160px;
  225. }
  226.  
  227. /* Chat Fade */
  228.  
  229. #chat .emote, #chat .mention, #chat .message, #chat .moderation, #chat .skip, #chat .system, #chat .update, #chat .welcome {
  230. -webkit-animation: fadein 0.35s;
  231. -moz-animation: fadein 0.35s;
  232. -ms-animation: fadein 0.35s;
  233. -o-animation: fadein 0.35s;
  234. animation: fadein 0.35s;
  235. }
  236.  
  237. @keyframes fadein {
  238. from {opacity: 0;};
  239. to {opacity: 1;};
  240. }
  241.  
  242. @-moz-keyframes fadein {
  243. from {opacity: 0;};
  244. to {opacity: 1;};
  245. }
  246.  
  247. @-webkit-keyframes fadein {
  248. from {opacity: 0;};
  249. to {opacity: 1;};
  250. }
  251.  
  252. @-ms-keyframes fadein {
  253. from {opacity: 0;};
  254. to {opacity: 1;};
  255. }
  256.  
  257. @-o-keyframes fadein {
  258. from {opacity: 0;};
  259. to {opacity: 1;};
  260. }
  261.  
  262. #user-lists .list {
  263. -webkit-animation: fadein 0.3s;
  264. -moz-animation: fadein 0.3s;
  265. -ms-animation: fadein 0.3s;
  266. -o-animation: fadein 0.3s;
  267. animation: fadein 0.3s;
  268. }
  269.  
  270. #waitlist .list {
  271. -webkit-animation: fadein 0.3s;
  272. -moz-animation: fadein 0.3s;
  273. -ms-animation: fadein 0.3s;
  274. -o-animation: fadein 0.3s;
  275. animation: fadein 0.3s;
  276. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement