Advertisement
Guest User

Untitled

a guest
Aug 21st, 2017
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.00 KB | None | 0 0
  1. #user-lists .list.staff .group {
  2. background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%)!important
  3. }
  4.  
  5. #footer {
  6. box-shadow: inset 0 0 6px 0 #0A0A0A;
  7. -webkit-box-shadow: inset 0 0 6px 0 #0A0A0A;
  8. -moz-box-shadow: inset 0 0 6px 0 #0A0A0A
  9. }
  10.  
  11. #footer-user .buttons .button {
  12. box-shadow: inset 1px 0 0 #0A0A0A;
  13. -webkit-box-shadow: inset 1px 0 0 #0A0A0A;
  14. -moz-box-shadow: inset 1px 0 0 #0A0A0A
  15. }
  16.  
  17. #playlist-button {
  18. background: linear-gradient(to top,#423930 0,#b4a586 100%);
  19. box-shadow: inset 0 0 1px 0 #0A0A0A;
  20. }
  21.  
  22. #app-header {
  23. background: linear-gradient(to bottom,rgba(255,255,255,.25) 0,rgba(0,0,0,.75) 100%)
  24. }
  25.  
  26. #store-button {
  27. background: linear-gradient(to bottom,red 0,#A00000 100%)
  28. }
  29.  
  30. #plug-dj {
  31. background: linear-gradient(to bottom,#0268AC 0,#02225C 100%)
  32. }
  33.  
  34. .header-panel-button.selected {
  35. background: linear-gradient(to top,#423930 0,#b4a586 100%);
  36. }
  37.  
  38. #plug-menu {
  39. background: rgba(40,44,53,.94)!important
  40. }
  41.  
  42. #plug-menu .legal {
  43. background: rgba(68,74,89,.46)!important
  44. }
  45.  
  46. #settings {
  47. background: rgba(10,10,10,.89)!important
  48. }
  49.  
  50. #user-lists .list .user:hover {
  51. background: linear-gradient(to right,rgba(255,118,118,0) 0,rgba(255,0,194,.27) 100%)!important
  52. }
  53.  
  54. #waitlist .list .user {
  55. background: linear-gradient(to right,rgba(255,118,118,0) 0,rgba(255,0,194,.13) 100%)!important
  56. }
  57.  
  58. .app-right .friends {
  59. background: 0 0!important
  60. }
  61.  
  62. #settings .header {
  63. background: rgba(28,31,37,.78)!important
  64. }
  65.  
  66. @media (max-width: 1600px) {
  67. #room .app-right {
  68. background:linear-gradient(to right,rgba(0,0,0,.7) 0,rgba(0,0,0,1) 100%)
  69. }
  70. }
  71.  
  72. #chat .emote:nth-child(2n+1),#chat .mention:nth-child(2n+1),#chat .message:nth-child(2n+1),#chat .moderation:nth-child(2n+1),#chat .skip:nth-child(2n+1),#chat .update:nth-child(2n+1),#chat .welcome:nth-child(2n+1) {
  73. background-color: rgba(17,19,23,.32);
  74. -webkit-animation: fadeIn .25s ease;
  75. -moz-animation: fadeIn .25s ease;
  76. -ms-animation: fadeIn .25s ease;
  77. -o-animation: fadeIn .25s ease;
  78. animation: fadeIn .25s ease
  79. }
  80.  
  81. #chat .emote,#chat .mention,#chat .message,#chat .moderation,#chat .skip,#chat .system,#chat .update,#chat .welcome {
  82. -webkit-animation: fadeIn .25s ease;
  83. -moz-animation: fadeIn .25s ease;
  84. -ms-animation: fadeIn .25s ease;
  85. -o-animation: fadeIn .25s ease;
  86. animation: fadeIn .25s ease
  87. }
  88.  
  89. #chat .mention {
  90. font-weight: 700;
  91. border-left: #7681FF 3px solid
  92. }
  93.  
  94. #chat .emote .from {
  95. color: #ac76ff!important
  96. }
  97.  
  98. #chat .emote {
  99. border-left: rgba(174,69,189,1) 3px solid!important;
  100. background-color: rgba(76,93,119,.22)!important
  101. }
  102.  
  103. #chat .emote .text {
  104. font-style: normal;
  105. font-weight: 700;
  106. color: #ac76ff
  107. }
  108.  
  109. #footer {
  110. background: linear-gradient(to bottom,rgba(0,0,0,.25) 0,rgba(0,0,0,.75) 100%)
  111. }
  112.  
  113. .social-menu .icon-facebook,.social-menu .icon-twitter {
  114. opacity: 1
  115. }
  116.  
  117. #playlist-panel {
  118. background: rgba(17,19,23,.9)
  119. }
  120.  
  121. #playlist-menu {
  122. background: rgba(28,31,37,.67)
  123. }
  124.  
  125. #search {
  126. background: rgba(50,55,66,.58)
  127. }
  128.  
  129. #filter-bar,#search-bar {
  130. background: rgba(17,19,23,.77)
  131. }
  132.  
  133. #playlist-edit-button {
  134. background: rgba(85,93,112,.75)
  135. }
  136.  
  137. #playlist-shuffle-button {
  138. background: rgba(68,74,89,.75)
  139. }
  140.  
  141. #playlist-delete-button {
  142. background: rgba(50,55,66,.75)
  143. }
  144.  
  145. #user-panel .score {
  146. background: rgba(28,31,37,.59)
  147. }
  148.  
  149. #dj-button,#dj-button.is-full .left,#dj-button.is-locked .left,#vote .crowd-response,#vote .crowd-response.disabled .bottom {
  150. background: #222224
  151. }
  152.  
  153. #woot .bottom,#woot.selected {
  154. background: #90ad2f
  155. }
  156.  
  157. #grab .bottom,#grab.selected {
  158. background: #aa74ff
  159. }
  160.  
  161. #meh .bottom,#meh.selected {
  162. background: #c42e3b
  163. }
  164.  
  165. #chat .mention .msg {
  166. background: linear-gradient(to right,rgba(255,118,118,0) 0,rgba(41,48,124,.27) 100%)
  167. }
  168.  
  169. #user-lists .list.room .user .icon-meh {
  170. top: -1px!important;
  171. right: 8px!important;
  172. left: auto!important
  173. }
  174.  
  175. #user-lists .list.room .user .icon-grab {
  176. right: 35px
  177. }
  178.  
  179. #history-button {
  180. background: 0 0
  181. }
  182.  
  183. .in-room {
  184. background: 0 0!important
  185. }
  186.  
  187. .in-room.open {
  188. background: #282c35!important
  189. }
  190.  
  191. .dark-label {
  192. color: #a0a0a0!important
  193. }
  194.  
  195. .app-header {
  196. background: linear-gradient(to bottom,rgba(0,0,0,.68) 0,rgba(0,0,0,.78) 100%)!important
  197. }
  198.  
  199. #dj-button .left:hover {
  200. animation: pulse .5s ease
  201. }
  202.  
  203. #footer-user .buttons .button.settings:hover .icon {
  204. -moz-transform: rotate(360deg)!important;
  205. -webkit-transform: rotate(360deg)!important;
  206. transform: rotate(360deg)!important
  207. }
  208.  
  209. #footer-user .buttons .button.settings .icon {
  210. -moz-transition: transform 1s ease-in-out;
  211. -webkit-transition: transform 1s ease-in-out;
  212. -o-transition: transform 1s ease-in-out;
  213. transition: transform 1s ease-in-out
  214. }
  215.  
  216. #user-menu .avatar {
  217. background: url(https://i.imgur.com/t73rJ7o.jpg) no-repeat!important;
  218. background-size: cover!important
  219. }
  220.  
  221. #user-menu .item.selected {
  222. background: linear-gradient(to top,#0d3944 0,#4a928a 100%)!important
  223. }
  224.  
  225. .tab-menu button.selected {
  226. background: linear-gradient(to top,#115161 0,#4ba299 100%);
  227. transition: all .5s ease;
  228. -ms-transition: all .5s ease;
  229. -moz-transition: all .5s ease;
  230. -o-transition: all .5s ease
  231. }
  232.  
  233. .progress {
  234. background: linear-gradient(to top,#407d76 0,#4a928a 100%)!important
  235. }
  236.  
  237. .row {
  238. transition: all .4s ease
  239. }
  240.  
  241. .row:hover {
  242. background: linear-gradient(to right,rgba(255,118,118,0) 0,rgb(83, 80, 65) 100%)!important;
  243. }
  244.  
  245. #playlist-menu .menu .row.selected {
  246. background: rgb(105, 94, 77);
  247. }
  248.  
  249. @keyframes fadeIn {
  250. from {
  251. opacity: 0
  252. }
  253.  
  254. to {
  255. opacity: 1
  256. }
  257. }
  258.  
  259. @keyframes pulse {
  260. from,to {
  261. -webkit-transform: scale3d(1,1,1);
  262. transform: scale3d(1,1,1)
  263. }
  264.  
  265. 50% {
  266. -webkit-transform: scale3d(1.05,1.05,1.05);
  267. transform: scale3d(1.1,1.1,1.1)
  268. }
  269. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement