API tools faq
paste
Advertisement
RageQxeen

DaKurbs

RageQxeen
Aug 2nd, 2022 (edited)
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.56 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. @import url('https://fonts.googleapis.com/css2?family=Anton&family=Overpass:wght@600&family=Unica+One&display=swap');
  5. body {line-height:22px;font-size:10pt;background-image:linear-gradient(to top, #280234, #9D0284);}
  6.  
  7. /* 8435 - UNK - XYZcodes for Aijin only. */
  8. ::-webkit-scrollbar-thumb:vertical{
  9. width: 0px;
  10. background-color: transparent;
  11. }
  12. ::-webkit-scrollbar {
  13. width: 0px;
  14. background-color: transparent;
  15. }
  16. ::selection {
  17. background: #000;
  18. color: #fff;
  19. }
  20. ::-moz-selection {
  21. background: #000;
  22. color: #fff;
  23. }
  24. #bgcnt{position:fixed;top:30%;left:-1%;width:110%;height:50%;background-image:url('https://pbs.twimg.com/media/DtjmE39VsAAXFyI.jpg');background-size:contain;background-repeat:no-repeat;background-position:right;background-color:#CDD4DE;-webkit-box-shadow: -3px 3px 21px 9px rgba(0,0,0,0.75);
  25. -moz-box-shadow: -3px 3px 21px 9px rgba(0,0,0,0.75);
  26. box-shadow: -3px 3px 21px 9px rgba(0,0,0,0.75);z-index:2;}
  27.  
  28. #static{
  29. position: fixed;
  30. z-index:1;
  31. pointer-events: none;
  32. left:0;
  33. top:0;
  34. width: 100%;
  35. height: 100%;
  36. opacity: .075;
  37. background-image: url("https://thumbs.gfycat.com/AnnualAmusingBirdofparadise-size_restricted.gif");
  38. background-size:cover;
  39. }
  40.  
  41. #image {
  42. width: 25vw;
  43. margin: 0px;
  44. border: none;
  45. height: 35vw;
  46. background-color:transparent;
  47. position: absolute;
  48. left: 10vw;
  49. bottom: 0vw;
  50. background-image:url("https://cdn.discordapp.com/attachments/168897750358818817/792243706216185906/image0.png");
  51. background-repeat:no-repeat;
  52. background-position: bottom;
  53. background-size: 100%;
  54. filter: drop-shadow(30px 10px 4px #000);
  55. z-index: 1;
  56. }
  57.  
  58. #web{position:fixed;top:30.5%;left:38%;width:1px;height:23%;background-color:transparent;border-left:1px solid white;z-index:6;}
  59. #web1{position:fixed;top:54.5%;left:38%;width:40%;height:1px;background-color:transparent;border-top:1px dotted white;z-index:6;}
  60. #web2{position:fixed;top:56.5%;left:78%;width:1px;height:23%;background-color:transparent;border-left:1px solid white;z-index:6;}
  61.  
  62. #ttl {position:fixed;top:30%;left:30%;width:50%;height:;font-size:50pt;font-family:'Overpass',sans-serif;z-index:10;}
  63.  
  64. #txt1 {position:fixed;top:31%;left:39%;width:20%;text-align:justify;height:22%;background-color:transparent;color:#280234;font-family:'Overpass',sans-serif;overflow:auto;z-index:20;}
  65. #txt2 {position:fixed;top:31%;left:61%;width:15%;text-align:justify;height:22%;background-color:transparent;color:#280234;font-family:'Overpass',sans-serif;overflow:auto;z-index:20;}
  66.  
  67. #txt3 {position:fixed;top:56%;left:39%;width:20%;text-align:justify;height:22%;background-color:transparent;color:#280234;font-family:'Overpass',sans-serif;overflow:auto;z-index:20;}
  68. #txt4 {position:fixed;top:56%;left:61%;width:15%;text-align:justify;height:22%;background-color:transparent;color:#280234;font-family:'Overpass',sans-serif;overflow:auto;z-index:20;}
  69.  
  70. h1 {
  71. letter-spacing: 10px;
  72. margin: -80px 0 0 0;
  73. position: absolute;
  74. text-align: center;
  75. text-transform: uppercase;
  76. width: 120%;
  77. animation: move linear 2000ms infinite;
  78. }
  79.  
  80. @keyframes move {
  81. 0% {
  82. text-shadow:
  83. 4px -4px 0 hsla(0, 100%, 50%, 1),
  84. 3px -3px 0 hsla(0, 100%, 50%, 1),
  85. 2px -2px 0 hsla(0, 100%, 50%, 1),
  86. 1px -1px 0 hsla(0, 100%, 50%, 1),
  87. -4px 4px 0 hsla(180, 100%, 50%, 1),
  88. -3px 3px 0 hsla(180, 100%, 50%, 1),
  89. -2px 2px 0 hsla(180, 100%, 50%, 1),
  90. -1px 1px 0 hsla(180, 100%, 50%, 1)
  91. ;
  92. }
  93. 25% {
  94. text-shadow:
  95. -4px -4px 0 hsla(180, 100%, 50%, 1),
  96. -3px -3px 0 hsla(180, 100%, 50%, 1),
  97. -2px -2px 0 hsla(180, 100%, 50%, 1),
  98. -1px -1px 0 hsla(180, 100%, 50%, 1),
  99. 4px 4px 0 hsla(0, 100%, 50%, 1),
  100. 3px 3px 0 hsla(0, 100%, 50%, 1),
  101. 2px 2px 0 hsla(0, 100%, 50%, 1),
  102. 1px 1px 0 hsla(0, 100%, 50%, 1)
  103. ;
  104. }
  105. 50% {
  106. text-shadow:
  107. -4px 4px 0 hsla(0, 100%, 50%, 1),
  108. -3px 3px 0 hsla(0, 100%, 50%, 1),
  109. -2px 2px 0 hsla(0, 100%, 50%, 1),
  110. -1px 1px 0 hsla(0, 100%, 50%, 1),
  111. 4px -4px 0 hsla(180, 100%, 50%, 1),
  112. 3px -3px 0 hsla(180, 100%, 50%, 1),
  113. 2px -2px 0 hsla(180, 100%, 50%, 1),
  114. 1px -1px 0 hsla(180, 100%, 50%, 1)
  115. ;
  116. }
  117. 75% {
  118. text-shadow:
  119. 4px 4px 0 hsla(180, 100%, 50%, 1),
  120. 3px 3px 0 hsla(180, 100%, 50%, 1),
  121. 2px 2px 0 hsla(180, 100%, 50%, 1),
  122. 1px 1px 0 hsla(180, 100%, 50%, 1),
  123. -4px -4px 0 hsla(0, 100%, 50%, 1),
  124. -3px -3px 0 hsla(0, 100%, 50%, 1),
  125. -2px -2px 0 hsla(0, 100%, 50%, 1),
  126. -1px -1px 0 hsla(0, 100%, 50%, 1)
  127. ;
  128. }
  129. 100% {
  130. text-shadow:
  131. 4px -4px 0 hsla(0, 100%, 50%, 1),
  132. 3px -3px 0 hsla(0, 100%, 50%, 1),
  133. 2px -2px 0 hsla(0, 100%, 50%, 1),
  134. 1px -1px 0 hsla(0, 100%, 50%, 1),
  135. -4px 4px 0 hsla(180, 100%, 50%, 1),
  136. -3px 3px 0 hsla(180, 100%, 50%, 1),
  137. -2px 2px 0 hsla(180, 100%, 50%, 1),
  138. -1px 1px 0 hsla(180, 100%, 50%, 1)
  139. ;
  140. }
  141. }
  142.  
  143. #musicholder { margin-top: 15px; position:fixed; top:65%; left:1%; z-index:30; }
  144.  
  145. #musicholder li { list-style:none; float:left; width:15px; height:15px; font-size:7px; line-height: 18px; margin-left: 0px; text-align:center; margin-top: 0px; }
  146.  
  147. #musicholder a { position: absolute; top: -15px; margin-left: -30px; opacity:0; }
  148.  
  149. .musicbox{ padding:9px 11px 8px 11px; height: 0px; weight: 50px; background-color:transparent; overflow:hidden;}
  150.  
  151.  
  152. h2 {font-family:'Unica One',cursive;}
  153. a {text-decoration:none;border-bottom:1px dotted #14bbbc;color:#14bbbc;}
  154. i {color:#ee8182;}
  155. b {font-family:'Anton',sans-serif;letter-spacing:1px;}
  156.  
  157. #cred{position:fixed;top:0%;left:0%;width:;height:;filter:invert(30px);opacity:;z-index:21;}
  158. </style>
  159. </head>
  160. <body>
  161. <div id="bgcnt"><div id="image"></div></div>
  162.  
  163. <div id="web"></div>
  164. <div id="web1"></div>
  165. <div id="web2"></div>
  166. <div id="ttl"><h1 style="color:#280234;">Kirby</h1></div>
  167.  
  168. <div id="txt1"> <h2 style="text-align:center;background-image:linear-gradient(to left, #280234, #CDD4DE);color:#CDD4DE;">Background</h2><p> An artist who loves to spray paint on walls. Causing mischief and mayhem for others whenever he is feeling in a bad mood. Sometimes Kirby is known to be relaxing and cheerful always willing to pick some friends up when needed. When the rebel is bored catch him sketching in his notebook thinking of ideas for a new art style for future projects. Who knows might be in a mood to show off his work. He does have an annoying sister who loves to drop by from time to time name Cecily. He's very protective when it comes to his single-family member since it's the only one he has besides their mother. </p></div>
  169.  
  170. <div id="txt2"> <h2 style="text-align:center;background-image:linear-gradient(to right, #280234, #CDD4DE);color:#CDD4DE;">Stat</h2><p>
  171.  
  172. Name: <i> Kirby </i> <br>
  173. Age:<i> 23 </i><br>
  174. Race: Meta-Human <br>
  175. Occupation: <i>Rebel Artist </i> <br>
  176. Hair color: <i>Pink </i> <br>
  177. Eye color: <i>Teal </i> <br>
  178. Resides: <i>Somewhere in a city</i> <br>
  179. Talents: <i>Unknown </i> <br>
  180. Likes: <i>Pizza, Games, Friends, Women </i> <br>
  181. Dislikes: <i>Hoes, Smart people, Big words </i><br>
  182. Power: <I>Redacted
  183.  
  184. </p></div>
  185.  
  186. <div id="txt3"><h2 style="text-align:center;background-image:linear-gradient(to left, #280234, #CDD4DE);color:#CDD4DE;">Friends</h2><p> <a target="_blank" href="https://roleplay.chat/profile.php?user=Cecily"><img src="https://cdn.discordapp.com/attachments/550583665705615362/795902585532842064/original_drawn_by_akizone__sample-d3c0c00ebf7c101fd49540bb8c7496c9.jpg" title="Touch her and die." width="45" height="105" /></a> <a target="_blank" href="https://roleplay.chat/profile.php?user=Mousse"><img src="https://cdn.discordapp.com/attachments/792316552673361941/792316723952746496/mousse_7.png" title="Twin~" width="45" height="105" /></a></p> </div>
  187.  
  188. <div id="txt4"> <h2 style="text-align:center;background-image:linear-gradient(to right, #280234, #CDD4DE);color:#CDD4DE;">OOC</h2><p>
  189.  
  190.  
  191. </p></div>
  192. <div id="Static"></div>
  193.  
  194. <div class="musicbox">
  195. <div id="musicholder">
  196. <li><img src="https://i.imgur.com/Aeymghf.png"></li> <a><audio controls loop><source src="https://od.lk/s/NF8yNTcwODk3MDdf/Gangsta%20Paradise%20-%20Sickick%20Remix.mp3=1"></audio></a>
  197. </div>
  198. </div>
  199.  
  200. <div id="cred"><a target="_blank" href="https://roleplay.chat/profile.php?user=xyz" title="Ode to my coder!" target="_blank"><img src="https://i.imgur.com/WcDZKD5.png" style="width:20%;"></a></div><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="d149358e46250bc024ff8c3a-|49" defer=""></script></body>
  201. </html>
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!