RageQxeen

Deku

May 28th, 2020
56
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.05 KB | None | 0 0
  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|Sawarabi+Mincho|Gotu|Cinzel);
  50.  
  51. html, body {
  52. background-color: #77dd77;
  53. background-image: url("https://www.transparenttextures.com/patterns/subtle-freckles.png");
  54. background-size: 200px;
  55. background-repeat: repeat;
  56. background-position:center bottom;
  57. }
  58.  
  59. ::-webkit-scrollbar-button:vertical:{
  60. background-color: #transparent;}
  61.  
  62. ::-webkit-scrollbar-thumb:vertical {
  63. background-color:#transparent;
  64. height:150px;}
  65.  
  66. ::-webkit-scrollbar-thumb:horizontal {
  67. background-color:#transparent;
  68. height:60px;}
  69.  
  70.  
  71. ::-webkit-scrollbar {
  72. height:60px;
  73. width:5px;
  74. background-color:#transparent;}
  75.  
  76. #image {
  77. width: 30vw;
  78. margin: 0px;
  79. border: none;
  80. height: 40vw;
  81. background-color:transparent;
  82. position: absolute;
  83. left: -6vw;
  84. bottom: 2vw;
  85. background-image:url("http://i.picpar.com/jnpe.png");
  86. background-repeat:no-repeat;
  87. background-position: bottom;
  88. background-size: 100%;
  89. z-index: 3;
  90. -webkit-animation: slide-in-elliptic-right-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
  91. animation: slide-in-elliptic-right-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
  92. }
  93.  
  94. #icon {
  95. width: 10vw;
  96. margin: 0px;
  97. border: none;
  98. height: 10vw;
  99. background-color:transparent;
  100. position: absolute;
  101. left: -4vw;
  102. top: 2vw;
  103. border: 4px solid #000;
  104. border-radius: 50%;
  105. background-image:url("http://i3.ruliweb.net/ori/18/06/26/1643bf8f9ce3380e3.gif");
  106. background-repeat:no-repeat;
  107. background-position: center;
  108. background-size: cover;
  109. z-index: 3;
  110. }
  111.  
  112. #icon2 {
  113. width: 10vw;
  114. margin: 0px;
  115. border: none;
  116. height: 10vw;
  117. background-color:transparent;
  118. position: absolute;
  119. left: -4vw;
  120. top: 12.5vw;
  121. border: 4px solid #000;
  122. border-radius: 50%;
  123. background-image:url("https://gifimage.net/wp-content/uploads/2017/11/izuku-midoriya-gif-8.gif");
  124. background-repeat:no-repeat;
  125. background-position: center;
  126. background-size: cover;
  127. z-index: 3;
  128. }
  129.  
  130. #icon3 {
  131. width: 10vw;
  132. margin: 0px;
  133. border: none;
  134. height: 10vw;
  135. background-color:transparent;
  136. position: absolute;
  137. left: -4vw;
  138. top: 23vw;
  139. border: 4px solid #000;
  140. border-radius: 50%;
  141. background-image:url("https://comicvine1.cbsistatic.com/uploads/original/11133/111335137/6627747-2697217454-origi.gif");
  142. background-repeat:no-repeat;
  143. background-position: center;
  144. background-size: cover;
  145. z-index: 3;
  146. }
  147.  
  148. #icon4 {
  149. width: 10vw;
  150. margin: 0px;
  151. border: none;
  152. height: 10vw;
  153. background-color:transparent;
  154. position: absolute;
  155. left: -4vw;
  156. top: 33.5vw;
  157. border: 4px solid #000;
  158. border-radius: 50%;
  159. background-image:url("https://66.media.tumblr.com/4f4467aed94872d21c17d1702b92aa68/6eaa87a43477633d-57/s540x810/2ad1241cc778bf7eb2a91f1e9502f38f7977d2d5.gif");
  160. background-repeat:no-repeat;
  161. background-position: center;
  162. background-size: cover;
  163. z-index: 3;
  164. }
  165.  
  166. #container {
  167. background-color: #49111C;
  168. width: 55vw;
  169. height: 45vw;
  170. margin:auto;
  171. position: absolute;
  172. padding: 5px;
  173. left: 15vw;
  174. bottom: 2vw;
  175. box-shadow: 0px 5px 10px #000;
  176. z-index:2;
  177. background-image:url("https://66.media.tumblr.com/708b870b50e16a14735a2dbcdc2db21d/tumblr_olv0zt7QxX1s1bwvio1_r1_500.gif");
  178. background-repeat: repeat;
  179. background-position: bottom;
  180. background-size: cover;
  181. border-radius: 100% 0vw 0vw 100%;
  182. }
  183.  
  184. #content {
  185. background-color: transparent;
  186. width: 30vw;
  187. height: 9vw;
  188. margin:auto;
  189. position: absolute;
  190. padding: 5px;
  191. font-family: 'Sawarabi Mincho', cursive;
  192. font-size: 15px;
  193. color: #fff;
  194. right: .7vw;
  195. top: 3vw;
  196. z-index:6;
  197. border: 1px solid #fff;
  198. }
  199.  
  200. #content2 {
  201. background-color: transparent;
  202. width: 30vw;
  203. height: 9vw;
  204. margin:auto;
  205. position: absolute;
  206. padding: 5px;
  207. font-family: 'Sawarabi Mincho', cursive;
  208. font-size: 15px;
  209. color: #fff;
  210. right: .7vw;
  211. top: 13vw;
  212. z-index:6;
  213. border: 1px solid #fff;
  214. }
  215.  
  216. #stats {
  217. background-color: transparent;
  218. width: 30vw;
  219. height: 4vw;
  220. margin:auto;
  221. position: absolute;
  222. padding: 5px;
  223. font-family: 'Gotu', cursive;
  224. font-size: 15px;
  225. color: #fff;
  226. text-align: center;
  227. right: .7vw;
  228. top: 7vw;
  229. z-index:6;
  230. }
  231.  
  232. #ooc {
  233. background-color: transparent;
  234. width: 15vw;
  235. height: 14vw;
  236. margin:auto;
  237. position: absolute;
  238. padding: 5px;
  239. font-family: 'Sawarabi Mincho', cursive;
  240. font-size: 15px;
  241. color: #fff;
  242. right: 1.3vw;
  243. bottom: 1vw;
  244. z-index:6;
  245. border: 1px solid #fff;
  246. }
  247.  
  248. #friends {
  249. background-color: transparent;
  250. width: 14vw;
  251. height: 14vw;
  252. margin:auto;
  253. position: absolute;
  254. padding: 5px;
  255. font-family: 'Sawarabi Mincho', cursive;
  256. font-size: 15px;
  257. color: #fff;
  258. right: 17.4vw;
  259. bottom: 1vw;
  260. z-index:6;
  261. border: 1px solid #fff;
  262. }
  263.  
  264. #line1{
  265. background-color: #000;
  266. width: 10vw;
  267. height: 1vw;
  268. margin: auto;
  269. padding: 5px;
  270. position: absolute;
  271. right: -7vw;
  272. top: 0vw;
  273. box-shadow: 0px 5px 10px #000;
  274. z-index: 1;
  275. background-image:url("https://66.media.tumblr.com/708b870b50e16a14735a2dbcdc2db21d/tumblr_olv0zt7QxX1s1bwvio1_r1_500.gif");
  276. background-repeat:no-repeat;
  277. background-position: bottom;
  278. background-size: cover;
  279. }
  280.  
  281. #line2{
  282. background-color: #000;
  283. width: 10vw;
  284. height: 1vw;
  285. margin: auto;
  286. padding: 5px;
  287. position: absolute;
  288. right: -7vw;
  289. bottom: 0vw;
  290. box-shadow: 0px 5px 10px #000;
  291. z-index: 1;
  292. background-image:url("https://66.media.tumblr.com/708b870b50e16a14735a2dbcdc2db21d/tumblr_olv0zt7QxX1s1bwvio1_r1_500.gif");
  293. background-repeat:no-repeat;
  294. background-position: bottom;
  295. background-size: cover;
  296. }
  297.  
  298. #line3{
  299. background-color: #000;
  300. width: 1vw;
  301. height: 45vw;
  302. margin: auto;
  303. padding: 5px;
  304. position: absolute;
  305. right: -8vw;
  306. bottom: 0vw;
  307. box-shadow: 0px 5px 10px #000;
  308. z-index: 1;
  309. background-image:url("https://66.media.tumblr.com/708b870b50e16a14735a2dbcdc2db21d/tumblr_olv0zt7QxX1s1bwvio1_r1_500.gif");
  310. background-repeat:no-repeat;
  311. background-position: bottom;
  312. background-size: cover;
  313. }
  314.  
  315. @-webkit-keyframes slide-in-elliptic-right-fwd {
  316. 0% {
  317. -webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
  318. transform: translateX(800px) rotateY(-30deg) scale(0);
  319. -webkit-transform-origin: -100% 50%;
  320. transform-origin: -100% 50%;
  321. opacity: 0;
  322. }
  323. 100% {
  324. -webkit-transform: translateX(0) rotateY(0) scale(1);
  325. transform: translateX(0) rotateY(0) scale(1);
  326. -webkit-transform-origin: -1800px 50%;
  327. transform-origin: -1800px 50%;
  328. opacity: 1;
  329. }
  330. }
  331. @keyframes slide-in-elliptic-right-fwd {
  332. 0% {
  333. -webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
  334. transform: translateX(800px) rotateY(-30deg) scale(0);
  335. -webkit-transform-origin: -100% 50%;
  336. transform-origin: -100% 50%;
  337. opacity: 0;
  338. }
  339. 100% {
  340. -webkit-transform: translateX(0) rotateY(0) scale(1);
  341. transform: translateX(0) rotateY(0) scale(1);
  342. -webkit-transform-origin: -1800px 50%;
  343. transform-origin: -1800px 50%;
  344. opacity: 1;
  345. }
  346. }
  347.  
  348. .name {position: absolute;
  349. font-family: 'Bangers';
  350. color: #fff;
  351. font-size: 4.5vw;
  352. top: 0vw;
  353. right: 4vw;
  354. width: 25vw;
  355. height: 9vw;
  356. border: 0px solid #000;
  357. text-align: justify;
  358. text-shadow: -1px 0 #c0c0c0, 0 3px #000,3px 0 #000, 0 -1px #c0c0c0;
  359. overflow: auto;
  360. padding:5px 5px 5px 5px;
  361. z-index: 2;}
  362.  
  363. .title { background: transparent;
  364. background:url('https://qph.fs.quoracdn.net/main-qimg-92623ed88df80134ee09b00b15c189da') repeat;
  365. background-position: center;
  366. position: absolute;
  367. font-family: 'Bangers';
  368. font-size: 4.5vw;
  369. top: 0vw;
  370. right: 4vw;
  371. width: 25vw;
  372. height: 9vw;
  373. text-align: justify;
  374. padding:5px 5px 5px 5px;
  375. -webkit-text-fill-color: transparent;
  376. -webkit-background-clip: text;
  377. z-index: 3;}
  378.  
  379. .alias {position: absolute;
  380. font-family: 'Bangers';
  381. color: #ACAD94;
  382. font-size: 2vw;
  383. top: 4vw;
  384. right: 0vw;
  385. width: 34vw;
  386. height: 2.8vw;
  387. border: 0px solid #000;
  388. text-align: center;
  389. text-shadow: -1px 0 #800800, 0 1px #000,1px 0 #000, 0 -1px #800800;
  390. overflow: auto;
  391. padding:5px 5px 5px 5px;
  392. z-index: 7;}
  393.  
  394.  
  395.  
  396. i{color: #228B22;}
  397. b{color: #fff;}
  398. a{color: #77dd77; text-decoration: none;}
  399. h1{border-bottom: 1px solid #fff; text-align: center; font-size: 30px; font-family: 'Cinzel', cursive; color: #fff;}
  400. h2{border-bottom: 1px solid #fff; text-align: left; font-size: 30px; font-family: 'Cinzel', cursive; color: #fff;}
  401. h3{border-bottom: 1px solid #fff; text-align: right; font-size: 30px; font-family: 'Cinzel', cursive; color: #fff;}
  402. </style>
  403. <div id="container">
  404.  
  405. <div class="name">Izuku Midoriya</div>
  406. <div class="title">Izuku Midoriya</div>
  407. <div class="alias">"We have to keep running toward our goals!"</div>
  408.  
  409. <div id="image"></div>
  410.  
  411. <div id="line1"></div>
  412. <div id="line2"></div>
  413. <div id="line3">
  414. <div id="icon"></div>
  415. <div id="icon2"></div>
  416. <div id="icon3"></div>
  417. <div id="icon4"></div>
  418. </div>
  419.  
  420. <div id="stats">
  421. <div style="width: 30vw; height: 10vw; overflow-y: hidden;">
  422.  
  423. <div style="width: 30vw; height: 10vw; overflow: auto;">
  424. <font style="color: #000; background: #68707c; border: 1px solid #000;">16</font> • <font style="color: #000; background: #68707c; border: 1px solid #000;">Male</font> • <font style="color: #000; background: #68707c; border: 1px solid #000;">166 cm (5'5¼")</font> • <font style="color: #000; background: #68707c; border: 1px solid #000;">135 lbs</font> • <font style="color: #000; background: #68707c; border: 1px solid #000;">Green</font> • <font style="color: #000; background: #68707c; border: 1px solid #000;">Green</font> • <font style="color: #000; background: #68707c; border: 1px solid #000;">Heterosexual</font> • <font style="color: #000; background: #68707c; border: 1px solid #000;"><a href="https://roleplay.chat/profile.php?user=beat+girl" target="_blank">Taken</a></font> • <font style="color: #000; background: #68707c; border: 1px solid #000;">1-A</font>
  425. </div>
  426. </div>
  427.  
  428. <div id="content">
  429. <div style="width: 30vw; height: 9vw; overflow-y: hidden;">
  430.  
  431. <a name="two"></a>
  432. <div style="width: 30vw; height: 9vw; overflow: auto;" align="left">
  433. <h1>combat</h1>
  434. <span style="float:left;"><b>Cooperation</b></span><span style="float:right;">●●●●●</span><br><br>
  435. <span style="float:left;"><b>Power</b></span><span style="float:right;">●○○○○</span><br><br>
  436. <span style="float:left;"><b>Speed</b></span><span style="float:right;">●○○○○</span><br><br>
  437. <span style="float:left;"><b>Intelligence</b></span><span style="float:right;">●●●●○</span><br><br>
  438. <span style="float:left;"><b>Technique</b></span><span style="float:right;">●●●●○</span><br><br>
  439.  
  440. <h2>Quirk</h2>
  441. <b>Quirk Name:</b> One for All<br><br>
  442. <b>Quirk Type:</b> Emitter<br><br>
  443. <b>Quirk Description:</b>
  444. <br>Transfered to him from Toshinori Yagi, Izuku's Quirk allows him to stockpile an enormous amount of raw power, allowing him to significantly enhance all of his physical abilities to a superhuman level. This results in unbelievable levels of strength, speed, agility, and durability.
  445. <br><br>
  446. Izuku can focus the stockpiled power into a single body part, or spread it across his entire body evenly, though, focusing the power in a single part puts greater strain on that part of his body. He is also able to control what percentage of his full power that he uses. He is currently able to handle 20% of his full power without breaking his bones.
  447. <br><br>
  448. The Quirk factors of the previous power holders have merged with the core of One For All and have drastically increased in strength since. This grants Izuku the ability to access and utilize the Quirks of the previous holders of One For All. The known Quirks within One For All are:
  449. <br><br>
  450. <b>Blackwhip</b> (黒鞭クロムチ Kuro Muchi?): The Quirk of the fifth user, Daigoro Banjo. This Quirk allows Izuku to generate tendrils of black energy from his arms that are good for grappling. It is useful for grabbing things from long distances, as well as increasing Izuku's mobility.<br>
  451. <b>Float</b> (浮遊 Fuyū?): The Quirk of the seventh user, Nana Shimura. This Quirk allows Izuku to suspend himself in mid-air. It is unknown if it gives Izuku full mobility while levitating. At the moment, he hasn't manifested it yet.<br><br>
  452. Izuku has also displayed a type of mental connection to the previous holders of One For All.
  453. </div>
  454. </div>
  455. </div>
  456.  
  457. <div id="content2">
  458. <div style="width: 30vw; height: 9vw; overflow-y: hidden;">
  459.  
  460. <a name="three"></a>
  461. <div style="width: 30vw; height: 9vw; overflow: auto;" align="center">
  462. <h1>headcanons</h1>
  463. <ul>
  464. <li>
  465. </ul>
  466. </div>
  467. </div>
  468. </div>
  469. </div>
  470.  
  471. <div id="friends">
  472. <div style="width: 14vw; height: 14vw; overflow-y: hidden;">
  473.  
  474. <div style="width: 14vw; height: 14vw; overflow: auto;" align="left">
  475. <h1>Contact List</h1>
  476. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  477. <center><b>- Name -</b><br> <i>foe/friend/neutral</i> <br>small note.</center><br><br><br><br><a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  478. <center><b>- Name -</b><br> <i>foe/friend/neutral</i> <br>small note.</center><br><br><br><br><a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  479. <center><b>- Name -</b><br> <i>foe/friend/neutral</i> <br>small note.</center><br><br><br><br><a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  480. <center><b>- Name -</b><br> <i>foe/friend/neutral</i> <br>small note.</center><br><br><br><br>
  481. </div>
  482. </div>
  483. </div>
  484.  
  485. <div id="ooc">
  486. <div style="width: 15vw; height: 14vw; overflow-y: hidden;">
  487.  
  488. <div style="width: 15vw; height: 14vw; overflow: auto;" align="left">
  489. <h1>out of character</h1>
  490. <center><b>00</b>. Want a code? Go <a target="_blank" href="https://alliealgiere.neocities.org">here</a>. Refrain from stealing.</center><br>
  491. <b>01</b>. OOC.<br>
  492. <b>02</b>. OOC.<br>
  493. <b>03</b>. OOC.<br>
  494. <b>04</b>. OOC.<br>
  495. <b>05</b>. OOC.<br>
  496. </div>
  497. </div>
  498. </div>
  499. </div>
  500. </body>
  501. </html>
Add Comment
Please, Sign In to add comment