API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2017
70
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.00 KB | None | 0 0
raw download clone embed print report
  1. /* doorzichtige navbar */
  2. nav.navbar{
  3. background-image: none !important;
  4. background-color: rgba(20, 20, 20, 0.25);
  5. border-color: transparent;
  6. }
  7. a{border-color: transparent !important;}
  8. a:hover{border-color: transparent !important;}
  9.  
  10. #messagebuffer {
  11. background: rgba(20, 20, 20, 0.50);
  12. }
  13.  
  14. footer {
  15. display: none !important;
  16. }
  17.  
  18. #modflair {
  19. display: none !important;
  20. }
  21.  
  22. /*achtergrond http://i.imgur.com/jdxqMhE.png */
  23. body {
  24. background: url(https://i.imgur.com/WyXkxUL.jpg) repeat 0 0;
  25. background-repeat: no-repeat;
  26. background-attachment: fixed;
  27. background-size: cover;
  28. } /* http://i.imgur.com/vxrQ2eF.png http://i.imgur.com/QDHcHOw.jpg http://i.imgur.com/jdxqMhE.png http://i.imgur.com/hPGG6PN.jpg */
  29.  
  30. /*transparantie*/
  31. #motdwrap {
  32. background: rgba(20, 20, 20, 0.25)
  33. }
  34.  
  35. div.container {
  36. background: transparent
  37. }
  38.  
  39. footer{width: 1000px; background: #999; opacity: 0; /* or use rgba() where a opacity.*/ }
  40.  
  41. .kanker{
  42. color: red;
  43. -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  44. -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  45. animation-name: example;
  46. animation-duration: 1s;
  47. animation-iteration-count: infinite;
  48.  
  49. }
  50.  
  51. /* Safari 4.0 - 8.0 */
  52. @-webkit-keyframes example {
  53. 0% {color: red;}
  54. 50% {color: white;}
  55. 100% {color: red;}
  56. }
  57.  
  58. /* Standard syntax */
  59. @keyframes example {
  60. 0% {color: red;}
  61. 50% {color:white;}
  62. 100% {color: red;}
  63. }
  64.  
  65. /*kleine aanpassingen aan chatvenster*/
  66. #messagebuffer,#userlist{overflow-y:auto}
  67. #userlist{border-right:none}
  68. input#chatline{border-top:none}
  69. #messagebuffer .timestamp{color:#fff}
  70. #messagebuffer .action {font-size:8pt}
  71. /* userlist: afk met lange gebruikersnaam neemt geen twee regels in */
  72. #userlist {white-space: nowrap}
  73. /* nieuwe ster voor de leader */
  74. .glyphicon-star-empty{width:12px}
  75. .glyphicon-star-empty:before {content: "\2721"; font-weight: bold; font-size:18px; position:absolute; top:-1em}
  76.  
  77. @keyframes dubbels{
  78. from {
  79. color: rgb(255, 0, 0);
  80. }
  81. 16.6% {
  82. color: rgb(255, 0, 255);
  83. }
  84. 33.3% {
  85. color: rgb(0, 0, 255);
  86. }
  87. 50% {
  88. color: rgb(0, 255, 255);
  89. }
  90. 66.6% {
  91. color: rgb(0, 255, 0);
  92. }
  93. 83.3% {
  94. color: rgb(255, 255, 0);
  95. }
  96. to {
  97. color: rgb(255, 0, 0);
  98. }
  99. }
  100.  
  101. @keyframes spin {
  102. from {transform:rotate(0deg);}
  103. to {transform:rotate(360deg);}
  104. }
  105.  
  106. @keyframes flip {
  107. 0% {transform: scale(1, 1);}
  108. 100% {transform: scale(-1, 1);}
  109. }
  110.  
  111. @keyframes flip2 {
  112. 0% {transform: scale(1, 1) rotate(0deg);}
  113. 100% {transform: scale(-1, 1) rotate(360deg);}
  114. }
  115.  
  116. @keyframes big {
  117. 0% { transform: scale(1); }
  118. 100% { transform: scale(1.2); }
  119. }
  120. @keyframes super {
  121. 0% { transform: scale(1); }
  122. 100% { transform: scale(2); }
  123. }
  124.  
  125. @keyframes glowimg {
  126. 0% { filter: hue-rotate(0deg); }
  127. 100% { filter: hue-rotate(360deg); }
  128. }
  129.  
  130. @keyframes slidein {
  131. from {
  132. margin-left: 10%;
  133. color: blue;
  134. }
  135.  
  136. to {
  137. margin-left: 0%;
  138. color: red;
  139. }
  140. }
  141.  
  142. @keyframes fadein {
  143. from {
  144. opacity: 0;
  145. }
  146.  
  147. to {
  148. opacity: 1;
  149. }
  150. }
  151.  
  152. span.slide{
  153. animation-duration: 3s;
  154. animation-name: slidein;
  155. }
  156.  
  157. span.bounce{
  158. animation-duration: 3s;
  159. animation-name: slidein;
  160. animation-direction: alternate;
  161. animation-iteration-count: infinite;
  162. animation-timing-function: linear;
  163. }
  164.  
  165. span.rainbow{
  166. animation: dubbels 3s linear 0s infinite;
  167. }
  168.  
  169. span.worp{
  170. color:red;
  171. animation-duration: 3s;
  172. animation-name: slidein;
  173. }
  174.  
  175. span.dubbel{
  176. color:yellow;
  177. animation: dubbels 3s linear 0s infinite;
  178. }
  179.  
  180.  
  181. /*test*/
  182. #userlist{width:80px}
  183.  
  184. /*js editor*/
  185. #cs-jstext {font-size:12px}
  186.  
  187. /* links in chat */
  188. #messagebuffer a{
  189. text-decoration:underline;
  190. font-size:90%
  191. }
  192.  
  193. /*verander dirkjan,staneke naar stan in chat*/
  194. div.chat-msg-staneke .username,
  195. div.chat-msg-dirkjan .username{font-size:0}
  196. div.chat-msg-staneke .username::after,
  197. div.chat-msg-dirkjan .username::after{content:"stan: ";font-size:14px}
  198.  
  199. /*verander bourg naar Bourgondiër in chat*/
  200. div.chat-msg-yankee .username{font-size:0}
  201. div.chat-msg-yankee .username::after{content:"baarn ";font-size:14px}
  202.  
  203.  
  204. /*verander chillburg naar bezem in chat*/
  205. div.chat-msg-chillburg.username{font-size:0}
  206. div.chat-msg-chillburg.username::after{content:"Bezem: ";font-size:14px}
  207.  
  208.  
  209. /*verander leeuw naar leeuw in chat*/
  210. div.chat-msg-gg .username{font-size:0}
  211. div.chat-msg-gg .username::after{content:"notmexican: ";font-size:14px}
  212.  
  213. /*plaatjes bij namen*/
  214. div.chat-msg-staneke .username::before,
  215. div.chat-msg-dirkjan .username::before{content:url('https://i.imgur.com/J2gWb4J.png')}
  216. div.chat-msg-friet .username::before{content:url('http://i.imgur.com/L2sDvXp.png')} /* qkvGGl5.png */
  217. div.chat-msg-Zaag .username::before{content:url('https://i.imgur.com/wAUgCgk.jpg')}
  218. div.chat-msg-RodeVans .username::before{content:url('https://i.imgur.com/C1odK8z.png')}
  219. div.chat-msg-Bourg .username::before{content:url('http://i.imgur.com/vEc0vvs.jpg')} /* m1t7uFn */
  220. div.chat-msg-chillburg .username::before{content:url('https://i.imgur.com/T609mx2.png')}
  221. div.chat-msg-sinterklaas .username::before{content:url('https://i.imgur.com/tV8xMOc.png')}
  222. div.chat-msg-sint .username::before{content:url('https://i.imgur.com/QkO9e6S.png')}
  223. div.chat-msg-Zwarteneef .username::before{content:url('https://i.imgur.com/n81Ep4G.png')}
  224. div.chat-msg-Gaart .username::before,
  225. div.chat-msg-Gaart_ .username::before{content:url('http://i.imgur.com/sPzZ0gx.png')}
  226. div.chat-msg-Bertmarck .username::before,
  227. div.chat-msg-Berteke .username::before{content:url('http://i.imgur.com/hS5Ju4a.png')}
  228. div.chat-msg-belgske .username::before{content:url('http://i.imgur.com/TGarMRR.png')}
  229. div.chat-msg-Grote_Pappa .username::before{content:url('https://i.imgur.com/NFV1o0b.png')}
  230. div.chat-msg-Sekretaris .username::before{content:url('https://i.imgur.com/qHa2Vpm.png')}
  231. div.chat-msg-lachen .username::before{content:url('http://i.imgur.com/i1a8ESh.png')}
  232. div.chat-msg-TeleLeeuw .username::before,
  233. div.chat-msg-EenVerdrinkendeLeeuw .username::before{content:url('https://i.imgur.com/soGI9wP.png')}
  234. div.chat-msg-Henkie .username::before{content:url('https://i.imgur.com/AwMRXQ4.png')}
  235. div.chat-msg-Beir .username::before{content:url('http://i.imgur.com/dxPy6rg.jpg')}
  236. div.chat-msg-HiBeirnatie .username::before{content:url('https://i.imgur.com/Lz39h4l.png')}
  237. div.chat-msg-222 .username::before{content:url('http://i.imgur.com/nUGx62T.gif')}
  238. div.chat-msg-dumbape .username::before{content:url('https://i.imgur.com/00NscQX.jpg')}
  239. div.chat-msg-Marginaalst .username::before{content:url('https://i.imgur.com/ZF8RoS2.png')}
  240. div.chat-msg-Freems .username::before{content:url('http://i.imgur.com/ZnkaFY9.png')}
  241. div.chat-msg-Rova .username::before{content:url('http://i.imgur.com/TROgXwB.png')} /*http://i.imgur.com/lAWIh1T.png*/
  242. div.chat-msg-lievejongen .username::before{content:url('http://i.imgur.com/HavJBqU.png')} /* jYrsx1S.png, dXJ5oPS */
  243. div.chat-msg-Blabant .username::before{content:url('http://i.imgur.com/4cPlqVA.png')}
  244. div.chat-msg-Botgondier .username::before{content:url('http://i.imgur.com/2I8RdwU.png')}
  245. div.chat-msg-Timbo .username::before{content:url('http://i.imgur.com/M6bdKW5.jpg')}
  246. div.chat-msg-PeterPost .username::before{content:url('http://i.imgur.com/sGVNfPF.png')}
  247. div.chat-msg-transgenderlelg .username::before{content:url('http://i.imgur.com/SIa78x2.png')}
  248. div.chat-msg-supremeislife .username::before{content:url('https://my.mixtape.moe/ihcsfz.png')}
  249. div.chat-msg-RplusRisaltijdbak .username::before{content:url('http://i.imgur.com/IolJm5P.png')}
  250. div.chat-msg-HeroineNeger .username::before{content:url('http://i.imgur.com/5ZLKqRu.png')}
  251. div.chat-msg-035 .username::before{content:url('https://i.imgur.com/w7LK4Ze.png')}
  252. div.chat-msg-Baarn .username::before{content:url('https://i.imgur.com/w7LK4Ze.png')}
  253. div.chat-msg-Chriz .username::before{content:url('http://i.imgur.com/4YTZsKq.png')}
  254. div.chat-msg-Yankee .username::before{content:url('https://i.imgur.com/3hMbXES.png')}
  255. div.chat-msg-Nedergoeroe .username::before{content:url('http://i.imgur.com/gsnkoc7.jpg')}
  256. div.chat-msg-gha .username::before{content:url('https://i.imgur.com/b3ZCby6.png')}
  257. div.chat-msg-klepelknul .username::before{content:url('https://i.imgur.com/ua6DOLc.png')}
  258.  
  259.  
  260. /* wat margin tussen de plaatjes en de tekst */
  261. div#messagebuffer>div .username::before{margin-right:5px}
  262.  
  263. /*kleur van namen*/
  264. div.chat-msg-friet .username{color:yellow}
  265. div.chat-msg-Freems .username{color:pink}
  266. div.chat-msg-chillburg .username{color:black}
  267. div.chat-msg-lievejongen .username{color:green;}
  268. div.chat-msg-PeterPost .username{color:lightblue;}
  269. div.chat-msg-penispenis .username{color:green;}
  270. div.chat-msg-Yankee .username{color:lightgreen;}
  271. /*div.chat-msg-staneke .username{
  272.  
  273. color: red;
  274. -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  275. -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  276. animation-name: example;
  277. animation-duration: 1s;
  278. animation-iteration-count: infinite;
  279.  
  280. }*/
  281.  
  282. /* Safari 4.0 - 8.0 */
  283. @-webkit-keyframes example {
  284. 0% {color: red;}
  285. 50% {color: red;}
  286. 100% {color: red;}
  287. }
  288.  
  289. /* Standard syntax */
  290. @keyframes example {
  291. 0% {color: red;}
  292. 50% {color:red;}
  293. 100% {color: red;}
  294. }
  295.  
  296. div.chat-msg-Blabant .username{
  297.  
  298. color: red;
  299. -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  300. -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  301. animation-name: example;
  302. animation-duration: 1s;
  303. animation-iteration-count: infinite;
  304.  
  305. }
  306.  
  307. /* Safari 4.0 - 8.0 */
  308. @-webkit-keyframes example {
  309. 0% {color: red;}
  310. 50% {color: white;}
  311. 100% {color: red;}
  312. }
  313.  
  314. /* Standard syntax */
  315. @keyframes example {
  316. 0% {color: red;}
  317. 50% {color:white;}
  318. 100% {color: red;}
  319. }
  320. /* iedereen wit in chatlist (behalve guests) */
  321. span.userlist_op,
  322. span.userlist_owner,
  323. strong.userlist_op {color:#c8c8c8 !important;font-weight:normal!important}
  324.  
  325. /* icoontjes bij namen */
  326. div#messagebuffer>div .username{position:relative}
  327.  
  328. div.chat-msg-lievejongen .username::after,
  329. div.chat-msg-RodeVans .username::after,
  330. div.chat-msg-Blabant .username::after,
  331. div.chat-msg-Freems .username::after,
  332. div.chat-msg-Yankee .username::after,
  333. div.chat-msg-friet .username::after {font-family: 'Glyphicons Halflings';position: absolute;top: -15px;left: 63px}
  334.  
  335. div.chat-msg-Freems .username::after{content:'\1F46F'}
  336. div.chat-msg-Yankee .username::after{content:'\1F4A6' '\1F623'}
  337. div.chat-msg-Blabant .username::after{content:'\271F'}
  338. div.chat-msg-lievejongen .username::after{content:'\1F346' '\1F4A6'}
  339. div.chat-msg-RodeVans .username::after{content:'\1F460'; color:red}
  340. div.chat-msg-friet .username::after{content:'\1F35A'}
  341.  
  342. /* emotes */
  343. img.channel-emote{
  344. max-width: 70px;
  345. max-height: 70px;
  346. margin-bottom:2px
  347. }
  348.  
  349. /* ingevoegde plaatjes (zie chatfilters) */
  350. #messagebuffer img.afb{max-height:150px}
  351. .pm-buffer img.afb{max-height:150px}
  352.  
  353. /*haal "currently playing" weg*/
  354. span#currenttitle{font-size:150%;margin-left:-182px;height:1.5em;overflow:hidden;white-space:nowrap}
  355. div#videowrap{overflow:hidden}
  356.  
  357. /* MOTD */
  358. span.films{
  359. position:relative;
  360. display:inline-block;
  361. }
  362. span.films>span{text-decoration:underline}
  363. span.films>div{
  364. display:none;
  365. position:absolute;
  366. top:-.6em;
  367. left:5em;
  368. background-color:#000;
  369. padding:.6em 1em;
  370. z-index:999;
  371. text-decoration:none
  372. }
  373. span.films:hover>div{display:block}
  374.  
  375. /* MOTD referendum posters */
  376. #motd_referendum_posters{text-align:center}
  377. #motd_referendum_posters a{position:relative}
  378. #motd_referendum_posters a>img{display:none;position:absolute;top:2em;left:0;height:800px;z-index:999}
  379. #motd_referendum_posters a:hover>img{display:block}
  380.  
  381. span.spinEmote img.channel-emote {
  382. animation: spin 1s linear 0s infinite;
  383. }
  384.  
  385. span.spinEmote img.channel-emote:hover {
  386. animation: spin 1s linear 0s infinite;
  387. animation-direction: reverse;
  388. }
  389.  
  390. span.flipEmote img.channel-emote {
  391. -moz-transform: scale(-1, 1);
  392. -webkit-transform: scale(-1, 1);
  393. -o-transform: scale(-1, 1);
  394. -ms-transform: scale(-1, 1);
  395. transform: scale(-1, 1);
  396. }
  397.  
  398. span.invertEmote img.channel-emote {
  399. filter: invert(100%);
  400. }
  401.  
  402. span.flip2Emote img.channel-emote {
  403. -moz-transform: rotate(180deg);
  404. -webkit-transform: rotate(180deg);
  405. -ms-transform: rotate(180deg);
  406. -o-transform: rotate(180deg);
  407. transform: rotate(180deg);
  408. }
  409.  
  410. span.bigEmote img.channel-emote {
  411. transform: scale(1.2);
  412. }
  413.  
  414. span.superBigEmote img.channel-emote {
  415. max-height:none;
  416. max-width:none;
  417. height:140px;
  418. width:auto
  419. }
  420.  
  421. span.growEmote img.channel-emote {
  422. animation: big 2s linear 0s 1;
  423. animation-fill-mode: forwards;.
  424. }
  425.  
  426. span.tintEmote img.channel-emote {
  427. filter:hue-rotate(180deg);
  428. }
  429.  
  430. span.tint2Emote img.channel-emote {
  431. filter:hue-rotate(90deg);
  432. }
  433.  
  434. span.tint3Emote img.channel-emote {
  435. filter:hue-rotate(270deg);
  436. }
  437.  
  438. span.rainbow img.channel-emote {
  439. animation: glowimg 2s linear 0s infinite;
  440. }
  441.  
  442. span.fadeIn img.channel-emote {
  443. animation: fadein 3s linear 0s 1;
  444. }
  445.  
  446. span.flip3Emote img.channel-emote {
  447. animation: flip 3s ease-in-out infinite alternate;
  448. }
  449.  
  450. h1{text-align:center;letter-spacing:6px;font-weight: 900; text-shadow: 2px 2px red; color:white;}
  451. .midden{display: block; margin-left: auto; margin-right: auto }
  452.  
  453. }
  454.  
  455. #chatheader, #currenttitle, #videowrap-header{
  456. border: 0;
  457. border-bottom-width: 0;
  458. border-radius: 0;
  459. border-bottom-left-radius: 0;
  460. border-bottom-right-radius: 0;
  461. }
  462.  
  463. #chatheader, #currenttitle, #videowrap-header{
  464. border: 0;
  465. border-bottom-width: 0;
  466. border-radius: 0;
  467. border-bottom-left-radius: 0;
  468. border-bottom-right-radius: 0;
  469. }
  470.  
  471. a.navbar-brand{
  472. background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Flag_of_the_Netherlands.svg/270px-Flag_of_the_Netherlands.svg.png); /*http://i.imgur.com/VlLPCpQ.png*/
  473. background-repeat: no-repeat;
  474. width: 90px;
  475. background-size: 85px 43px;
  476. height: 45px;
  477. margin-left: 10px;
  478. font-size: 0!important;
  479. transform: rotate(180deg);
  480. }
  481.  
  482. #chatbtn {
  483. bobackground-color: gray;
  484. border: white;
  485. border-style: solid;
  486. border-width: 1px 1px 1px 1px;
  487. color: white;
  488. padding: 6px 14px;
  489. text-align: center;
  490. text-decoration: none;
  491. display: inline-block;
  492. font-size: 16px;
  493. margin: 4px 2px;
  494. -webkit-transition-duration: 0.4s; /* Safari */
  495. transition-duration: 0.4s;
  496. cursor: pointer;
  497. opacity: 0.4;
  498. }
  499.  
  500. .btn.btn-sm.btn-default, #qlockbtn{
  501. background-color: gray;
  502. border: white;
  503. border-style: solid;
  504. border-width: 1px 1px 1px 1px;
  505. color: white;
  506. padding: 3px 10px;
  507. text-align: center;
  508. text-decoration: none;
  509. display: inline-block;
  510. font-size: 16px;
  511. margin: 4px 2px;
  512. -webkit-transition-duration: 0.4s; /* Safari */
  513. transition-duration: 0.4s;
  514. cursor: pointer;
  515. opacity: 0.4;
  516. }
  517.  
  518. .btn.btn-sm.btn-default:hover {
  519. border: white;
  520.  
  521. opacity: 1;
  522. border-style: solid;
  523. border-width: 1px 1px 1px 1px;
  524. }
  525.  
  526. //div.nick-highlight{background-color: rgba(20, 20, 20, 0.50)}
  527. div.nick-hover{background-color: rgba(20, 20, 20, 0.70)}
  528.  
  529. #chatbtn:hover {
  530. border: white;
  531. opacity: 1;
  532. border-style: solid;
  533. border-width: 1px 1px 1px 1px;
  534. }
  535.  
  536.  
  537. span.spinEmote img.channel-emote:hover {
  538. animation: spin 1s linear 0s 5;
  539. animation-direction: reverse;
  540. }
  541.  
  542. span.flipEmote img.channel-emote {
  543. -moz-transform: scale(-1, 1);
  544. -webkit-transform: scale(-1, 1);
  545. -o-transform: scale(-1, 1);
  546. -ms-transform: scale(-1, 1);
  547. transform: scale(-1, 1);
  548. }
  549.  
  550. span.invertEmote img.channel-emote {
  551. filter: invert(100%);
  552. }
  553.  
  554. span.flip2Emote img.channel-emote {
  555. -moz-transform: rotate(180deg);
  556. -webkit-transform: rotate(180deg);
  557. -ms-transform: rotate(180deg);
  558. -o-transform: rotate(180deg);
  559. transform: rotate(180deg);
  560. }
  561.  
  562. span.bigEmote img.channel-emote {
  563. transform: scale(1.2);
  564. }
  565.  
  566. span.superBigEmote img.channel-emote {
  567. max-height:none;
  568. max-width:none;
  569. height:140px;
  570. width:auto
  571. }
  572.  
  573. span.growEmote img.channel-emote {
  574. animation: big 2s linear 0s 1;
  575. animation-fill-mode: forwards;.
  576. }
  577.  
  578. span.tintEmote img.channel-emote {
  579. filter:hue-rotate(180deg);
  580. }
  581.  
  582. span.tint2Emote img.channel-emote {
  583. filter:hue-rotate(90deg);
  584. }
  585.  
  586. span.tint3Emote img.channel-emote {
  587. filter:hue-rotate(270deg);
  588. }
  589.  
  590. span.spinEmote img.channel-emote {
  591. animation: spin 1s linear 0s 5;
  592. }
  593.  
  594. span.spinEmote img.channel-emote:hover {
  595. animation: spin 1s linear 0s 5;
  596. animation-direction: reverse;
  597. }
  598.  
  599. span.flipEmote img.channel-emote {
  600. -moz-transform: scale(-1, 1);
  601. -webkit-transform: scale(-1, 1);
  602. -o-transform: scale(-1, 1);
  603. -ms-transform: scale(-1, 1);
  604. transform: scale(-1, 1);
  605. }
  606.  
  607. span.invertEmote img.channel-emote {
  608. filter: invert(100%);
  609. }
  610.  
  611. span.flip2Emote img.channel-emote {
  612. -moz-transform: rotate(180deg);
  613. -webkit-transform: rotate(180deg);
  614. -ms-transform: rotate(180deg);
  615. -o-transform: rotate(180deg);
  616. transform: rotate(180deg);
  617. }
  618.  
  619. span.bigEmote img.channel-emote {
  620. transform: scale(1.2);
  621. }
  622.  
  623. span.superBigEmote img.channel-emote {
  624. max-height:none;
  625. max-width:none;
  626. height:140px;
  627. width:auto
  628. }
  629.  
  630. span.growEmote img.channel-emote {
  631. animation: big 2s linear 0s 1;
  632. animation-fill-mode: forwards;.
  633. }
  634.  
  635. span.tintEmote img.channel-emote {
  636. filter:hue-rotate(180deg);
  637. }
  638.  
  639. span.tint2Emote img.channel-emote {
  640. filter:hue-rotate(90deg);
  641. }
  642.  
  643. span.tint3Emote img.channel-emote {
  644. filter:hue-rotate(270deg);
  645. }
  646.  
  647. span.rainbow img.channel-emote {
  648. animation: glowimg 2s linear 0s infinite;
  649. }
  650.  
  651. span.fadeIn img.channel-emote {
  652. animation: fadein 3s linear 0s 1;
  653. }
  654.  
  655. span.flip3Emote img.channel-emote {
  656. animation: flip 3s ease-in-out infinite alternate;
  657. }
  658.  
  659. span.flip4Emote img.channel-emote {
  660. animation: flip2 3s linear infinite alternate;
  661. }
  662.  
  663. span.stackEmote1 img.channel-emote {
  664.  
  665. }
  666. span.stackEmote2 img.channel-emote {
  667. transform: scale(0.8);
  668. position:relative;
  669. margin-left:-65px;
  670. }
  671.  
  672. span.stackEmote3 img.channel-emote {
  673. transform: scale(0.6);
  674. position:relative;
  675. margin-left:-62px;
  676. }
  677.  
  678. span.stackEmote4 img.channel-emote {
  679. transform: scale(0.4);
  680. position:relative;
  681. margin-left:-65px;
  682. }
  683.  
  684. /*
  685. * chatfilter mouseover showhide tweede emote
  686. * regex: showhide:\s?(\/[a-z0-9?!:]+)\s?(\/[a-z0-9?!:]+)
  687. * replacement: <span class="showhide"> \1 \2 </span>
  688. */
  689. @keyframes showhide {
  690. 0% {opacity:1}
  691. 40% {opacity:1}
  692. 50% {opacity:0}
  693. 90% {opacity:0}
  694. 100% {opacity:1}
  695. }
  696. @keyframes showhide2 {
  697. 0% {opacity:0}
  698. 40% {opacity:0}
  699. 50% {opacity:1}
  700. 90% {opacity:1}
  701. 100% {opacity:0}
  702. }
  703. span.showhide {position:relative}
  704. span.showhide>img.channel-emote:first-child {animation: showhide 10s linear infinite}
  705. span.showhide>img.channel-emote+img.channel-emote {position: absolute; left: 0; animation: showhide2 10s linear infinite}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!