API tools faq
paste
Advertisement
austinh115

meh

austinh115
Aug 16th, 2018
175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.97 KB | None | 0 0
raw download clone embed print report
  1. background:url(https://s20.postimg.cc/qsmebllst/avatars-000391968525-l747e5-t500x500.jpg) no-repeat top calc(50% - 100px) center fixed, #f7f0e8;}
  2. /** CSS By Austin (638877683) **/
  3. *::selection {background: none;}
  4. body {text-align: center;}
  5. .wrapper {position: absolute;top: calc(50% + 100px);left: 50%;width: 90%;font-size: 0;-webkit-transform: translate(-50%);transform: translate(-50%);}
  6. p {font-family: sans-serif;font-size: 14px;font-weight: 500;color: #000;opacity: 0.3;}
  7. .wrapper a {color: #000;}
  8. .letter {width: 24px;display: inline-block;vertical-align: middle;position: relative;overflow: hidden;margin: 0 0;font-family: sans-serif;font-size: 24px;font-weight: 600;line-height: 24px;text-transform: uppercase;color: #000;}
  9. .letter:before {position: absolute;top: 0;left: 0;width: 100%;word-break: break-all;background-color: #f7f0e8;}
  10. .letter:nth-child(1):before {content: '9205673418';margin-top: -192px;-webkit-animation-name: letter1;animation-name: letter1;-webkit-animation-duration: 1.8844444444s;animation-duration: 1.8844444444s;-webkit-animation-delay: 0.47s;animation-delay: 0.47s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
  11. @-webkit-keyframes letter1 {from {margin-top: -192px;}
  12. to {margin-top: 24px;}
  13. }
  14. @keyframes letter1 {from {margin-top: -192px;}
  15. to {margin-top: 24px;}
  16. }
  17. .letter:nth-child(2):before {content: '5840327691';margin-top: -168px;-webkit-animation-name: letter2;animation-name: letter2;-webkit-animation-duration: 1.085s;animation-duration: 1.085s;-webkit-animation-delay: 0.69s;animation-delay: 0.69s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
  18. @-webkit-keyframes letter2 {from {margin-top: -168px;}
  19. to {margin-top: 24px;}
  20. }
  21. @keyframes letter2 {from {margin-top: -168px;}
  22. to {margin-top: 24px;}
  23. }
  24. .letter:nth-child(3):before {content: '3241058697';margin-top: -216px;-webkit-animation-name: letter3;animation-name: letter3;-webkit-animation-duration: 1.656s;animation-duration: 1.656s;-webkit-animation-delay: 0.54s;animation-delay: 0.54s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
  25. @-webkit-keyframes letter3 {from {margin-top: -216px;}
  26. to {margin-top: 24px;}
  27. }
  28. @keyframes letter3 {from {margin-top: -216px;}
  29. to {margin-top: 24px;}
  30. }
  31. .letter:nth-child(4):before {content: '9852647301';margin-top: 0px;-webkit-animation-name: letter4;animation-name: letter4;-webkit-animation-duration: 0s;animation-duration: 0s;-webkit-animation-delay: 0.1s;animation-delay: 0.1s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
  32. @-webkit-keyframes letter4 {from {margin-top: 0px;}
  33. to {margin-top: 24px;}
  34. }
  35. @keyframes letter4 {from {margin-top: 0px;}
  36. to {margin-top: 24px;}
  37. }
  38. .letter:nth-child(5):before {content: '9260385471';margin-top: -72px;-webkit-animation-name: letter5;animation-name: letter5;-webkit-animation-duration: 2.91s;animation-duration: 2.91s;-webkit-animation-delay: 0.03s;animation-delay: 0.03s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
  39. @-webkit-keyframes letter5 {from {margin-top: -72px;}
  40. to {margin-top: 24px;}
  41. }
  42. @keyframes letter5 {from {margin-top: -72px;}
  43. to {margin-top: 24px;}
  44. }
  45. .letter:nth-child(6):before {content: '9678045123';margin-top: -192px;-webkit-animation-name: letter6;animation-name: letter6;-webkit-animation-duration: 2.1333333333s;animation-duration: 2.1333333333s;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
  46. @-webkit-keyframes letter6 {from {margin-top: -192px;}
  47. to {margin-top: 24px;}
  48. }
  49. @keyframes letter6 {from {margin-top: -192px;}
  50. to {margin-top: 24px;}
  51. }
  52. .letter:nth-child(7):before {content: '6972310584';margin-top: -168px;-webkit-animation-name: letter7;animation-name: letter7;-webkit-animation-duration: 1.015s;animation-duration: 1.015s;-webkit-animation-delay: 0.71s;animation-delay: 0.71s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
  53. @-webkit-keyframes letter7 {from {margin-top: -168px;}
  54. to {margin-top: 24px;}
  55. }
  56. @keyframes letter7 {from {margin-top: -168px;}
  57. to {margin-top: 24px;}
  58. }
  59. .letter:nth-child(8):before {content: '7935208416';margin-top: -192px;-webkit-animation-name: letter8;animation-name: letter8;-webkit-animation-duration: 2.24s;animation-duration: 2.24s;-webkit-animation-delay: 0.37s;animation-delay: 0.37s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
  60. @-webkit-keyframes letter8 {from {margin-top: -192px;}
  61. to {margin-top: 24px;}
  62. }
  63. @keyframes letter8 {from {margin-top: -192px;}
  64. to {margin-top: 24px;}
  65. }
  66. .letter:nth-child(9):before {content: '5263470918';margin-top: 0px;-webkit-animation-name: letter9;animation-name: letter9;-webkit-animation-duration: 0s;animation-duration: 0s;-webkit-animation-delay: 0.42s;animation-delay: 0.42s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
  67. @-webkit-keyframes letter9 {from {margin-top: 0px;}
  68. to {margin-top: 24px;}
  69. }
  70. @keyframes letter9 {from {margin-top: 0px;}
  71. to {margin-top: 24px;}
  72. }
  73. .letter:nth-child(10):before {content: '5071298436';margin-top: 0px;-webkit-animation-name: letter10;animation-name: letter10;-webkit-animation-duration: 0s;animation-duration: 0s;-webkit-animation-delay: 0.12s;animation-delay: 0.12s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
  74. @-webkit-keyframes letter10 {from {margin-top: 0px;}
  75. to {margin-top: 24px;}
  76. }
  77. @keyframes letter10 {from {margin-top: 0px;}
  78. to {margin-top: 24px;}
  79. }
  80. .letter:nth-child(11):before {content: '5730241968';margin-top: -120px;-webkit-animation-name: letter11;animation-name: letter11;-webkit-animation-duration: 1.6666666667s;animation-duration: 1.6666666667s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
  81. @-webkit-keyframes letter11 {from {margin-top: -120px;}
  82. to {margin-top: 24px;}
  83. }
  84. @keyframes letter11 {from {margin-top: -120px;}
  85. to {margin-top: 24px;}
  86. }
  87. .letter:nth-child(12):before {content: '5391248607';margin-top: 0px;-webkit-animation-name: letter12;animation-name: letter12;-webkit-animation-duration: 0s;animation-duration: 0s;-webkit-animation-delay: 0.57s;animation-delay: 0.57s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
  88. @-webkit-keyframes letter12 {from {margin-top: 0px;}
  89. to {margin-top: 24px;}
  90. }
  91. @keyframes letter12 {from {margin-top: 0px;}
  92. to {margin-top: 24px;}
  93. }
  94. .letter:nth-child(13):before {content: '3795461082';margin-top: -24px;-webkit-animation-name: letter13;animation-name: letter13;-webkit-animation-duration: 1.86s;animation-duration: 1.86s;-webkit-animation-delay: 0.07s;animation-delay: 0.07s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
  95. @-webkit-keyframes letter13 {from {margin-top: -24px;}
  96. to {margin-top: 24px;}
  97. }
  98. @keyframes letter13 {from {margin-top: -24px;}
  99. to {margin-top: 24px;}
  100. }
  101. /** zzz **/
  102. div#xatstyme ~ div {background: white;height: 50px;}
  103. [id*=wayi] br {display: none;}
  104. [id*=wayi] > a {display: inline-block;-webkit-text-fill-color: #f7f0e8;font-size: 16px;font-weight: bold;padding: 0 15px;font-family: sans-serif;line-height: 50px;text-shadow: 1px 1px rgba(239, 200, 156, 0.7), 2px 2px rgba(239, 180, 114, 0.7);}
  105. [id*=wayi] {position: absolute;bottom: 0;text-align: left;z-index: 5;left: 65px;width: 100vw;font-size: 0;height: 50px;}
  106. [id*=wayf]:before {display: block;width: 100vw;height: 60px;content: '';background: url(https://s20.postimg.cc/rwc1451fx/clouds.png);position: relative;z-index: -1;bottom: 60px;}
  107. [id*=waym] > a {position: absolute;left: 0;bottom: 0;height: 50px;}
  108. [id*=wayp] {position: absolute;bottom: 0;left: 0;}
  109. [id*=yit] a:not([href*=edit]):not([href*=privacy]):not([href*=terms]):not([href*=safety]):not([href*=inapp]) {display: none;}
  110. [href*=inapp]:before {display: block;content: 'Inappropriate';position: relative;}
  111. [href*=inapp] {position: absolute;bottom: -50px;}
  112. /** zzz **/
  113. iframe {position: absolute;top:-500px;
  114.  
  115. [youtube:500:500:RE87rQkXdNw:autoplay=1&playlist=RE87rQkXdNw&loop=1]
  116. <div class="wrapper">
  117. <div class="letters">
  118. <span class="letter">x</span>
  119. <span class="letter">a</span>
  120. <span class="letter">t</span>
  121. <span class="letter">.</span>
  122. <span class="letter">m</span>
  123. <span class="letter">e</span>
  124. <span class="letter">/</span>
  125. <span class="letter">a</span>
  126. <span class="letter">u</span>
  127. <span class="letter">s</span>
  128. <span class="letter">t</span>
  129. <span class="letter">i</span>
  130. <span class="letter">n</span>
  131. </div>
  132. <p>'Cause this just don't feel right to me.</p>
  133. </div>
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!