Advertisement
Guest User

xmaslight.css

a guest
Nov 19th, 2018
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.40 KB | None | 0 0
  1. canvas{
  2. position: absolute;
  3. width: 100%;
  4. bottom: 0px;
  5. top: 0px;
  6. left: 0px;
  7. z-index:1030;
  8. pointer-events: none;
  9. }
  10.  
  11.  
  12. .channel-emote
  13. {
  14. max-width: 40px;
  15. max-height: 40px;
  16. }
  17.  
  18. .channel-emote[title^=":"][title$=":"]
  19. {
  20. max-height: 16px;
  21. max-width: 16px;
  22. }
  23.  
  24. .queue_entry {
  25. border-color: #aaa;
  26. background-color: #05000C;
  27. }
  28.  
  29. .queue_active.queue_temp {
  30. background: none !important;
  31. background: rgba(0, 0, 0, 1);
  32. }
  33.  
  34. .channel-emote[title="HeadPat"]
  35. {
  36. margin-left:-40px;
  37. }
  38.  
  39. .channel-emote[title="StabZ"]
  40. {
  41. margin-left:-40px;
  42. }
  43.  
  44. .channel-emote[title="CummedOn"]
  45. {
  46. margin-left:-40px;
  47. }
  48.  
  49.  
  50. #footer {
  51. display: none !important;
  52. }
  53.  
  54. body {
  55. background-color: #10000C !important;
  56. }
  57.  
  58. .btn-default, .btn-success, .btn-danger {
  59. background: none;
  60. background-color: rgba(255, 20, 147, .25) !important;
  61. border: 1px solid rgba(255, 20, 147, .80) !important;
  62. transition: .25s;
  63. }
  64.  
  65. .btn-default:hover, .btn-success:hover, .btn-danger:hover {
  66. background: none;
  67. background-color: rgba(255, 20, 147, .5) !important;
  68. border: 1px solid rgba(255, 20, 147, 1) !important;
  69. box-shadow: 0 0 10px rgba(255, 20, 147, 1);
  70. }
  71.  
  72.  
  73. /* ingevoegde plaatjes (zie chatfilters) */
  74. #messagebuffer img.afb{max-height:150px}
  75. .pm-buffer img.afb{max-height:150px}
  76.  
  77. .glyphicon-star-empty{width:12px}
  78. .glyphicon-star-empty:before {content: "\2721"; font-weight: bold; font-size:18px; position:absolute; top:-1em}
  79.  
  80. }
  81. UI_SoundFilters = 1;
  82. }
  83.  
  84. SoundFilters_Array = {
  85. 'oic': 'https://dl.dropboxusercontent.com/s/9aqa1buu3phvpss/laugh.ogg',
  86. 'AYAYA': 'https://cdn.discordapp.com/attachments/347163249944559628/475042079848923136/AYAYA.wav',
  87. }
  88.  
  89. }
  90.  
  91. /*
  92. * Scrollbar rail styles
  93. */
  94. .ps__rail-x {
  95. display: none;
  96. opacity: 0;
  97. transition: background-color .2s linear, opacity .2s linear;
  98. -webkit-transition: background-color .2s linear, opacity .2s linear;
  99. height: 15px;
  100. /* there must be 'bottom' or 'top' for ps__rail-x */
  101. bottom: 0px;
  102. /* please don't change 'position' */
  103. position: absolute;
  104. }
  105.  
  106. .ps__rail-y {
  107. display: none;
  108. opacity: 0;
  109. transition: background-color .2s linear, opacity .2s linear;
  110. -webkit-transition: background-color .2s linear, opacity .2s linear;
  111. width: 15px;
  112. /* there must be 'right' or 'left' for ps__rail-y */
  113. right: 0;
  114. /* please don't change 'position' */
  115. position: absolute;
  116. }
  117.  
  118. .ps--active-x > .ps__rail-x,
  119. .ps--active-y > .ps__rail-y {
  120. display: block;
  121. background-color: transparent;
  122. }
  123.  
  124. .ps:hover > .ps__rail-x,
  125. .ps:hover > .ps__rail-y,
  126. .ps--focus > .ps__rail-x,
  127. .ps--focus > .ps__rail-y,
  128. .ps--scrolling-x > .ps__rail-x,
  129. .ps--scrolling-y > .ps__rail-y {
  130. opacity: 0.6;
  131. }
  132.  
  133. .ps .ps__rail-x:hover,
  134. .ps .ps__rail-y:hover,
  135. .ps .ps__rail-x:focus,
  136. .ps .ps__rail-y:focus,
  137. .ps .ps__rail-x.ps--clicking,
  138. .ps .ps__rail-y.ps--clicking {
  139. opacity: 0.9;
  140. }
  141.  
  142. /*
  143. * Scrollbar thumb styles
  144. */
  145. .ps__thumb-x {
  146. background-color: rgba(255, 20, 147, 1);
  147. border-radius: 6px;
  148. transition: background-color .2s linear, height .2s ease-in-out;
  149. -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  150. height: 6px;
  151. /* there must be 'bottom' for ps__thumb-x */
  152. bottom: 2px;
  153. /* please don't change 'position' */
  154. position: absolute;
  155. }
  156.  
  157. .ps__thumb-y {
  158. background-color: rgba(255, 20, 147, 1);
  159. border-radius: 6px;
  160. transition: background-color .2s linear, width .2s ease-in-out;
  161. -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  162. width: 6px;
  163. /* there must be 'right' for ps__thumb-y */
  164. right: 2px;
  165. /* please don't change 'position' */
  166. position: absolute;
  167. }
  168.  
  169. /* MS supports */
  170. @supports (-ms-overflow-style: none) {
  171. .ps {
  172. overflow: auto !important;
  173. }
  174. }
  175.  
  176. @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  177. .ps {
  178. overflow: auto !important;
  179. }
  180. }
  181.  
  182. #userlist, #messagebuffer {
  183. /*position: relative;*/
  184. /*overflow: hidden;*/
  185. }
  186. }
  187.  
  188. div.chat-msg-Dywanex_weeb strong {
  189. background-position: 0% 100%;
  190. background-size: 20px;
  191. background-image: url(https://static-cdn.jtvnw.net/emoticons/v1/80785/1.0) !important;
  192. background-repeat: no-repeat;
  193. padding-left: 20px;
  194. }
  195.  
  196.  
  197. .strand{
  198. text-align: center;
  199. white-space: nowrap;
  200. overflow: hidden;
  201. position: absolute;
  202. z-index: 1;
  203. margin: -15px 0 0 0;
  204. padding: 0;
  205. pointer-events: none;
  206. width: 100%;
  207. }
  208. .strand li{
  209. position: relative;
  210. -webkit-animation-fill-mode: both;
  211. animation-fill-mode: both;
  212. -webkit-animation-iteration-count: infinite;
  213. animation-interation-count: infinite;
  214. list-style: none;
  215. margin: 0;
  216. padding: 0;
  217. display: block;
  218. width: 12px;
  219. height: 28px;
  220. border-radius: 50%;
  221. margin: 20px;
  222. display: inline-block;
  223. background: #FFFA00;
  224. box-shadow: 0px 4.66667px 24px 3px #FFFA00;
  225. -webkit-animation-name: flash-2;
  226. animation-name: flash-2;
  227. -webkit-animation-duration: 2s;
  228. animation-duration: 2s;
  229. }
  230. .strand li:nth-child(2n+1){
  231. background: #f02241;
  232. box-shadow: 0px 4.66667px 24px 3px #f02241;
  233. -webkit-animation-name: flash-1;
  234. animation-name: flash-1;
  235. -webkit-animation-duration: 0.4s;
  236. animation-duration: 0.4s;
  237. }
  238. .strand li:nth-child(4n+2){
  239. background: #00C902;
  240. box-shadow: 0px 4.66667px 24px 3px #00C902;
  241. -webkit-animation-name: flash-3;
  242. animation-name: flash-3;
  243. -webkit-animation-duration: 1.1s;
  244. animation-duration: 1.1s;
  245. }
  246. .strand li:nth-child(odd){
  247. -webkit-animation-duration: 1.8s;
  248. animation-duration: 1.8s;
  249. }
  250. .strand li:nth-child(3n+1){
  251. -webkit-animation: 1.4s;
  252. animation-duration: 1.4s;
  253. }
  254. .strand li:before{
  255. content: "";
  256. position: absolute;
  257. background: #222;
  258. width: 10px;
  259. height: 9.33333px;
  260. border-radius: 3px;
  261. top: -4.66667px;
  262. left: 1px;
  263. }
  264. .strand li:after{
  265. content: "";
  266. top: -14px;
  267. left: 9px;
  268. position: absolute;
  269. width: 52px;
  270. height: 18.66667px;
  271. border-bottom: solid #222 2px;
  272. border-radius: 50%;
  273. }
  274. .strand li:last-child:after{
  275. content: none;
  276. }
  277. .strand li:first-child{
  278. margin-left: 40px;
  279. }
  280. @-webkit-keyframes flash-1{
  281. 0%, 100%{
  282. background: #f02241;
  283. box-shadow: 0px 4.66667px 24px 3px #f02241;
  284. }
  285. 50%{
  286. background: rgba(240, 34, 65, 0.4);
  287. box-shadow: 0px 4.66667px 24px 3px rgba(240, 35, 65, .02);
  288. }
  289. }
  290. @keyframes flash-1{
  291. 0%,
  292. 100% {
  293. background: #f02241;
  294. box-shadow: 0px 4.66667px 24px 3px #f02241;
  295. }
  296. 50% {
  297. background: rgba(240, 34, 65, 0.4);
  298. box-shadow: 0px 4.66667px 24px 3px rgba(240, 35, 65, 0.2);
  299. }
  300. }
  301. @-webkit-keyframes flash-2{
  302. 0,
  303. 100%{
  304. background: #FFFA00;
  305. box-shadow: 0px 4.66667px 24px 3px #FFFA00;
  306. }
  307. 50%{
  308. background: rgba(255, 250, 0, 0.4);
  309. box-shadow: 0px 4.6667px 24px 3px rgba(255, 250, 0, 0.2);
  310. }
  311. }
  312. @keyframes flash-2{
  313. 0%,
  314. 100% {
  315. background: #FFFA00;
  316. box-shadow: 0px 4.66667px 24px 3px #FFFA00;
  317. }
  318. 50% {
  319. background: rgba(255, 250, 0, 0.4);
  320. box-shadow: 0px 4.66667px 24px 3px rgba(255, 250, 0, 0.2);
  321. }
  322. }
  323. @-webkit-keyframes flash-3{
  324. 0%,
  325. 100%{
  326. background: #00C902;
  327. box-shadow: 0px 4.6667px 24px 3px #00C902;
  328. }
  329. 50%{
  330. background: rgba(0, 201, 2, .4);
  331. box-shadow: 0px 4.66667px 24px 3px rgba(0, 201, 2, .2);
  332. }
  333. @keyframes flash-3{
  334. 0%,
  335. 100% {
  336. background: #00C902;
  337. box-shadow: 0px 4.66667px 24px 3px#00C902;
  338. }
  339. 50% {
  340. background: rgba(0, 201, 2, 0.4);
  341. box-shadow: 0px 4.66667px 24px 3px rgba(0, 201, 2, 0.2);
  342. }
  343. }
  344. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement