API tools faq
paste
Advertisement
RageQxeen

SUNEATER

RageQxeen
Oct 7th, 2022
121
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.86 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <body>
  3. <script defer>
  4. window.onload = function() {
  5. var isCtrl = false;
  6. document.onkeyup=function(e)
  7. {
  8. if(e.which == 17)
  9. isCtrl=false;
  10. }
  11. document.onkeydown=function(e)
  12. {
  13. if(e.which == 17)
  14. isCtrl=true;
  15. if((e.which == 85) || (e.which == 67) && (isCtrl == true))
  16. {
  17. return false;
  18. }
  19. }
  20. var isNS = (navigator.appName == "Netscape") ? 1 : 0;
  21. if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
  22. function mischandler(){
  23. return false;
  24. }
  25. function mousehandler(e){
  26. var myevent = (isNS) ? e : event;
  27. var eventbutton = (isNS) ? myevent.which : myevent.button;
  28. if((eventbutton==2)||(eventbutton==3)) return false;
  29. }
  30. document.oncontextmenu = mischandler;
  31. document.onmousedown = mousehandler;
  32. document.onmouseup = mousehandler;
  33.  
  34. if (document.addEventListener) { // IE >= 9; other browsers
  35. document.addEventListener('contextmenu', function(e) {
  36. alert(" Try asking RageQxeen for her codes instead."); //here you draw your own menu
  37. e.preventDefault();
  38. }, false);
  39. } else { // IE < 9
  40. document.attachEvent('oncontextmenu', function() {
  41. alert("O sun, abide to death.");
  42. window.event.returnValue = false;
  43. });
  44. }
  45. };
  46. </script>
  47. <style type="text/css">
  48.  
  49. @import url('https://fonts.googleapis.com/css?family=Bangers|Crimson+Text|Nanum+Gothic&display=swap');
  50.  
  51. html, body {
  52. background: #87ceeb;
  53. background-image:url("");
  54. background-size:400px;
  55. background-repeat:no-repeat;
  56. background-position:center bottom;
  57. }
  58.  
  59. body .fade {
  60. background: #87ceeb;
  61. background-image:url("https://i.ibb.co/8MbWgfD/7-5.png");
  62. background-size: 33.2%;
  63. background-repeat: no-repeat;
  64. background-position: right bottom;
  65. width: 120vw;
  66. height: 60vw;
  67. margin:auto;
  68. position: absolute;
  69. right: 0vw;
  70. bottom: 0vw;
  71. z-index:1;
  72. opacity: 1;
  73. animation-fill-mode: ease-in-out both;
  74. }
  75.  
  76. body:hover .fade{
  77. animation: fader ease-in-out 10s;
  78. animation-iteration-count: 1;
  79. transform-origin: 50% 50%;
  80. animation-fill-mode:ease-in-out both;
  81. -webkit-animation: fader ease-in-out 5s;
  82. -webkit-animation-iteration-count: 1;
  83. -webkit-transform-origin: 50% 50%;
  84. -webkit-animation-fill-mode both;
  85. -moz-animation: fader ease-in-out 5s;
  86. -moz-animation-iteration-count: 1;
  87. -moz-transform-origin: 50% 50%;
  88. -moz-animation-fill-mode both;
  89. -o-animation: fader ease-in-out 5s;
  90. -o-animation-iteration-count: 1;
  91. -o-transform-origin: 50% 50%;
  92. -o-animation-fill-mode both;
  93. -ms-animation: fader ease-in-out 5s;
  94. -ms-animation-iteration-count: 1;
  95. -ms-transform-origin: 50% 50%;
  96. -ms-animation-fill-mode both;
  97. }
  98.  
  99. @keyframes fader{
  100. 0% {
  101. opacity:1;
  102. transform: scaleX(1.00) scaleY(1.00) ;
  103. }
  104. 50% {
  105. opacity:0;
  106. transform: scaleX(NaN) scaleY(NaN) ;
  107. }
  108. 100% {
  109. z-index: -1;
  110. opacity: 0;
  111. }
  112. }
  113.  
  114. @-moz-keyframes fader{
  115. 0% {
  116. opacity:1;
  117. -moz-transform: scaleX(1.00) scaleY(1.00) ;
  118. }
  119. 50% {
  120. opacity:0;
  121. -moz-transform: scaleX(NaN) scaleY(NaN) ;
  122. }
  123. 100% {
  124. z-index: -1;
  125. opacity: 0;
  126. }
  127. }
  128.  
  129. @-webkit-keyframes fader {
  130. 0% {
  131. opacity:1;
  132. -webkit-transform: scaleX(1.00) scaleY(1.00) ;
  133. }
  134. 50% {
  135. opacity:0;
  136. -webkit-transform: scaleX(NaN) scaleY(NaN) ;
  137. }
  138. 100% {
  139. z-index: -1;
  140. opacity: 0;
  141. }
  142. }
  143.  
  144. @-o-keyframes fader {
  145. 0% {
  146. opacity:1;
  147. -o-transform: scaleX(1.00) scaleY(1.00) ;
  148. }
  149. 50% {
  150. opacity:0;
  151. -o-transform: scaleX(NaN) scaleY(NaN) ;
  152. }
  153. 100% {
  154. z-index: -1;
  155. opacity: 0;
  156. }
  157. }
  158.  
  159. @-ms-keyframes fader {
  160. 0% {
  161. opacity:1;
  162. -ms-transform: scaleX(1.00) scaleY(1.00) ;
  163. }
  164. 50% {
  165. opacity:0;
  166. -ms-transform: scaleX(NaN) scaleY(NaN) ;
  167. }
  168. 100% {
  169. z-index: -1;
  170. opacity: 0;
  171. }}
  172. */
  173.  
  174. ::-webkit-scrollbar-button:vertical:{
  175. background-color: #transparent;}
  176.  
  177. ::-webkit-scrollbar-thumb:vertical {
  178. background-color:#transparent;
  179. height:150px;}
  180.  
  181. ::-webkit-scrollbar-thumb:horizontal {
  182. background-color:#transparent;
  183. height:60px;}
  184.  
  185.  
  186. ::-webkit-scrollbar {
  187. height:60px;
  188. width:5px;
  189. background-color:#transparent;}
  190.  
  191. #image {
  192. width: 40vw;
  193. margin: 0px;
  194. border: none;
  195. height: 60vw;
  196. background-color:transparent;
  197. position: absolute;
  198. right: 0vw;
  199. bottom: 0vw;
  200. background-image:url("https://i.ibb.co/3FfrPSF/8-5.png");
  201. background-repeat:no-repeat;
  202. background-position: bottom;
  203. background-size: 100%;
  204. }
  205.  
  206. .name {position: absolute;
  207. font-family: 'Bangers';
  208. color: #fff;
  209. font-size: 6vw;
  210. top: -5vw;
  211. left: 0vw;
  212. width: 50vw;
  213. height: 9vw;
  214. border: 0px solid #000;
  215. text-align: justify;
  216. text-shadow: -1px 0 #c0c0c0, 0 1px #000,1px 0 #000, 0 -1px #c0c0c0;
  217. overflow: auto;
  218. padding:5px 5px 5px 5px;
  219. z-index: 2;}
  220.  
  221. .title { background: transparent;
  222. background:url('https://i.pinimg.com/originals/81/a6/b6/81a6b64add5ddd7ae31a508eadc91be6.gif') repeat;
  223. background-position: center;
  224. position: absolute;
  225. font-family: 'Bangers';
  226. font-size: 6vw;
  227. top: -5vw;
  228. left: 0vw;
  229. width: 50vw;
  230. height: 9vw;
  231. text-align: justify;
  232. padding:5px 5px 5px 5px;
  233. -webkit-text-fill-color: transparent;
  234. -webkit-background-clip: text;
  235. z-index: 3;}
  236.  
  237. .lyrics {position: absolute;
  238. font-family: 'Crimson Text';
  239. color: #5c26b5;
  240. font-size: 2vw;
  241. bottom: -3vw;
  242. left: -8vw;
  243. width: 55vw;
  244. height: 2.2vw;
  245. border: 0px solid #000;
  246. text-align: center;
  247. text-shadow: -1px 0 #c0c0c0, 0 1px #000,1px 0 #000, 0 -1px #c0c0c0;
  248. overflow: auto;
  249. padding:5px 5px 5px 5px;
  250. z-index: 2;}
  251.  
  252.  
  253. #container {
  254. background-color: transparent;
  255. width: 38vw;
  256. height: 36vw;
  257. margin:auto;
  258. position: absolute;
  259. padding: 5px;
  260. left: 10vw;
  261. bottom: 3vw;
  262. z-index:1;
  263. border-right: solid 4px #c0c0c0;
  264. border-bottom: solid 4px #c0c0c0;
  265. border-left: solid 4px #c0c0c0;
  266. }
  267.  
  268. #stats {
  269. background-color:#c0c0c0;
  270. width: 36vw;
  271. height: 9vw;
  272. margin:auto;
  273. position: absolute;
  274. padding: 5px;
  275. font-family: 'Nanum Gothic', cursive;
  276. font-size: 15px;
  277. color: #000;
  278. right: 1vw;
  279. top: 1vw;
  280. z-index:1;
  281. border: #000000 solid 2px;
  282. }
  283.  
  284. #quirk {
  285. background-color:#c0c0c0;
  286. width: 18vw;
  287. height: 23vw;
  288. margin:auto;
  289. position: absolute;
  290. padding: 5px;
  291. font-family: 'Nanum Gothic', cursive;
  292. font-size: 15px;
  293. color: #000;
  294. right: 1vw;
  295. bottom: 1vw;
  296. z-index:1;
  297. border: #000000 solid 2px;
  298. }
  299.  
  300. #friends {
  301. background-color:#c0c0c0;
  302. width: 16vw;
  303. height: 7vw;
  304. margin:auto;
  305. position: absolute;
  306. padding: 5px;
  307. font-family: 'Nanum Gothic', cursive;
  308. font-size: 15px;
  309. color: #000;
  310. left: 1vw;
  311. bottom: 17vw;
  312. z-index:1;
  313. border: #000000 solid 2px;
  314. }
  315.  
  316. #ooc {
  317. background-color:#c0c0c0;
  318. width: 16vw;
  319. height: 14.5vw;
  320. margin:auto;
  321. position: absolute;
  322. padding: 5px;
  323. font-family: 'Nanum Gothic', cursive;
  324. font-size: 15px;
  325. color: #000;
  326. left: 1vw;
  327. bottom: 1vw;
  328. z-index:1;
  329. border: #000000 solid 2px;
  330. }
  331.  
  332.  
  333. i{color: #996515;}
  334. b{color: #000;}
  335. a{color: #5c26b5; text-decoration: none;}
  336. h1{border-bottom: 1px solid #000; text-align: center; font-size: 40px; font-family: 'Crimson Text', cursive; color: #000;}
  337. </style>
  338. <div class="fade"></div>
  339.  
  340. <div id="image"></div>
  341.  
  342. <div id="container">
  343. <div class="name">Suneater</div>
  344. <div class="title">Suneater</div>
  345. <div class="lyrics">"I'm someone who eats even the Sun. That's why I'm Suneater."</div>
  346.  
  347. <div id="stats">
  348. <div style="width: 36vw; height: 9vw; overflow-y: hidden;">
  349.  
  350. <a name="one"></a>
  351. <div style="width: 36vw; height: 9vw; overflow: auto;" align="center">
  352. <span style="float:left;"><b>Name</b></span><span style="float:right;">Amajiki Tamaki</span><br>
  353. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;">Suneater</span><br>
  354. <span style="float:left;"><b>Gender</b></span><span style="float:right;">Male</span><br>
  355. <span style="float:left;"><b>Age</b></span><span style="float:right;">17</span><br>
  356. <span style="float:left;"><b>Race</b></span><span style="float:right;">Human</span><br>
  357. <span style="float:left;"><b>Class</b></span><span style="float:right;">3-A</span><br><br>
  358. <span style="float:left;"><b>Height</b></span><span style="float:right;">177 cm (5'9¾")</span><br>
  359. <span style="float:left;"><b>Blood Type</b></span><span style="float:right;">AB</span><br>
  360. <span style="float:left;"><b>Eyes</b></span><span style="float:right;">Indigo</span><br>
  361. <span style="float:left;"><b>Hair</b></span><span style="float:right;">Indigo</span><br><br>
  362. <span style="float:left;"><b>Orientation</b></span><span style="float:right;">Straight</span><br>
  363. <span style="float:left;"><b>Relationship</b></span><span style="float:right;">Unattached</span><br><br>
  364. <span style="float:left;"><b>Fighting Style</b></span><span style="float:right;">Melee + Support Combat</span><br><br>
  365. <span style="float:left;"><b>Affiliation</b></span><span style="float:right;">U.A. High School/The Big Three</span>
  366. </div>
  367. </div>
  368. </div>
  369.  
  370. <div id="quirk">
  371. <div style="width: 18vw; height: 23vw; overflow-y: hidden;">
  372.  
  373. <a name="one"></a>
  374. <div style="width: 18vw; height: 23vw; overflow: auto;" align="center">
  375. <h1>Quirk</h1>
  376.  
  377. </div>
  378. </div>
  379. </div>
  380.  
  381. <div id="friends">
  382. <div style="width: 16vw; height: 7vw; overflow-y: hidden;">
  383.  
  384. <a name="one"></a>
  385. <div style="width: 16vw; height: 7vw; overflow: auto;" align="center">
  386. <h1>Friends</h1>
  387. <a target="_blank" href="PROFILE LINK HERE"><img src="https://cdn2.iconfinder.com/data/icons/gaming-and-beyond-part-2-1/80/User_gray-512.png" height="70" width="70" align="left" border="5" title="WORDS"></a>
  388. </div>
  389. </div>
  390. </div>
  391.  
  392. <div id="ooc">
  393. <div style="width: 16vw; height: 14.5vw; overflow-y: hidden;">
  394.  
  395. <a name="one"></a>
  396. <div style="width: 16vw; height: 14.5vw; overflow: auto;" align="left">
  397. <h1>OOC</h1>
  398. <center><b>00</b>. Code made by <a href="https://rageqxeen.neocities.org/vw_codes/rageqxeen.html" target="_blank">RageQxeen</a>, do not steal.<br><br></center>
  399. <b>01</b>. OOC.<br>
  400. <b>02</b>. OOC.<br>
  401. <b>03</b>. OOC.<br>
  402. <b>04</b>. OOC.<br>
  403. <b>05</b>. OOC.<br>
  404. </div>
  405. </div>
  406. </div>
  407. </div>
  408. </body>
  409. </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!