API tools faq
paste
Advertisement
xorat

[CSS] Advertized

xorat
Jul 21st, 2019
109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.31 KB | None | 0 0
raw download clone embed print report
  1. background:}
  2. *{cursor:url(https://i.postimg.cc/dQzW1Jx5/Blackcursor.png),auto}
  3. body{margin:0;font-family:'Roboto',sans-serif}
  4. body{background:url(https://s20.postimg.cc/qsmebllst/avatars-000391968525-l747e5-t500x500.jpg) no-repeat top calc(50% - 100px) center fixed, #f7f0e8;}
  5. /** CSS By Austin (638877683) **/
  6. *::selection {background: none;}
  7. body {text-align: center;}
  8. .wrapper {position: absolute;top: calc(50% + 100px);left: 50%;width: 90%;font-size: 0;-webkit-transform: translate(-50%);transform: translate(-50%);}
  9. p {font-family: sans-serif;font-size: 14px;font-weight: 500;color: #000;opacity: 0.3;}
  10. .wrapper a {color: #000;}
  11. .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;}
  12. .letter:before {position: absolute;top: 0;left: 0;width: 100%;word-break: break-all;background-color: #f7f0e8;}
  13. .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;}
  14. @-webkit-keyframes letter1 {from {margin-top: -192px;}
  15. to {margin-top: 24px;}
  16. }
  17. @keyframes letter1 {from {margin-top: -192px;}
  18. to {margin-top: 24px;}
  19. }
  20. .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;}
  21. @-webkit-keyframes letter2 {from {margin-top: -168px;}
  22. to {margin-top: 24px;}
  23. }
  24. @keyframes letter2 {from {margin-top: -168px;}
  25. to {margin-top: 24px;}
  26. }
  27. .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;}
  28. @-webkit-keyframes letter3 {from {margin-top: -216px;}
  29. to {margin-top: 24px;}
  30. }
  31. @keyframes letter3 {from {margin-top: -216px;}
  32. to {margin-top: 24px;}
  33. }
  34. .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;}
  35. @-webkit-keyframes letter4 {from {margin-top: 0px;}
  36. to {margin-top: 24px;}
  37. }
  38. @keyframes letter4 {from {margin-top: 0px;}
  39. to {margin-top: 24px;}
  40. }
  41. .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;}
  42. @-webkit-keyframes letter5 {from {margin-top: -72px;}
  43. to {margin-top: 24px;}
  44. }
  45. @keyframes letter5 {from {margin-top: -72px;}
  46. to {margin-top: 24px;}
  47. }
  48. .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;}
  49. @-webkit-keyframes letter6 {from {margin-top: -192px;}
  50. to {margin-top: 24px;}
  51. }
  52. @keyframes letter6 {from {margin-top: -192px;}
  53. to {margin-top: 24px;}
  54. }
  55. .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;}
  56. @-webkit-keyframes letter7 {from {margin-top: -168px;}
  57. to {margin-top: 24px;}
  58. }
  59. @keyframes letter7 {from {margin-top: -168px;}
  60. to {margin-top: 24px;}
  61. }
  62. .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;}
  63. @-webkit-keyframes letter8 {from {margin-top: -192px;}
  64. to {margin-top: 24px;}
  65. }
  66. @keyframes letter8 {from {margin-top: -192px;}
  67. to {margin-top: 24px;}
  68. }
  69. .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;}
  70. @-webkit-keyframes letter9 {from {margin-top: 0px;}
  71. to {margin-top: 24px;}
  72. }
  73. @keyframes letter9 {from {margin-top: 0px;}
  74. to {margin-top: 24px;}
  75. }
  76. .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;}
  77. @-webkit-keyframes letter10 {from {margin-top: 0px;}
  78. to {margin-top: 24px;}
  79. }
  80. @keyframes letter10 {from {margin-top: 0px;}
  81. to {margin-top: 24px;}
  82. }
  83. .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;}
  84. @-webkit-keyframes letter11 {from {margin-top: -120px;}
  85. to {margin-top: 24px;}
  86. }
  87. @keyframes letter11 {from {margin-top: -120px;}
  88. to {margin-top: 24px;}
  89. }
  90. .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;}
  91. @-webkit-keyframes letter12 {from {margin-top: 0px;}
  92. to {margin-top: 24px;}
  93. }
  94. @keyframes letter12 {from {margin-top: 0px;}
  95. to {margin-top: 24px;}
  96. }
  97. .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;}
  98. @-webkit-keyframes letter13 {from {margin-top: -24px;}
  99. to {margin-top: 24px;}
  100. }
  101. @keyframes letter13 {from {margin-top: -24px;}
  102. to {margin-top: 24px;}
  103. }
  104. /** zzz **/
  105. div#xatstyme ~ div {background: white;height: 50px;}
  106. [id*=wayi] br {display: none;}
  107. [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);}
  108. [id*=wayi] {position: absolute;bottom: 0;text-align: left;z-index: 5;left: 65px;width: 100vw;font-size: 0;height: 50px;}
  109. [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;}
  110. [id*=waym] > a {position: absolute;left: 0;bottom: 0;height: 50px;}
  111. [id*=wayp] {position: absolute;bottom: 0;left: 0;}
  112. [id*=yit] a:not([href*=edit]):not([href*=privacy]):not([href*=terms]):not([href*=safety]):not([href*=inapp]) {display: none;}
  113. [href*=inapp]:before {display: block;content: 'Inappropriate';position: relative;}
  114. [href*=inapp] {position: absolute;bottom: -50px;}
  115. /** zzz **/
  116. iframe {position: absolute;top:-500px;}a:hover{cursor: url('https://i.postimg.cc/jShvZPd1/pointer.pnghttps://i.postimg.cc/jShvZPd1/pointer.png') ,auto}}#nowaymenu{position:absolute}#nowaymenu{bottom:0;}
  117. {;
  118.  
  119. [youtube:0:0:lH-nvn5NBqE:autoplay=1&loop=1&start=0&version=3&playlist=lH-nvn5NBqE]
  120. <div class="wrapper">
  121. <div class="letters">
  122. <span class="letter">a</span>
  123. <span class="letter">d</span>
  124. <span class="letter">v</span>
  125. <span class="letter">e</span>
  126. <span class="letter">r</span>
  127. <span class="letter">t</span>
  128. <span class="letter">i</span>
  129. <span class="letter">z</span>
  130. <span class="letter">e</span>
  131. <span class="letter">d</span>
  132.  
  133.  
  134. </div>
  135. <p>The poorest on xat.</p>
  136. </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!