API tools faq
paste
RageQxeen

Kayoshi

RageQxeen
Mar 7th, 2020
343
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.42 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=Comfortaa|Righteous');
  50.  
  51. @font-face {
  52. font-family: soupleaf;
  53. src: url(https://dl.dropbox.com/s/1zmiizw5yd76j4f/Magic%20Spring.otf?dl=0);
  54. }
  55.  
  56. @font-face {
  57. font-family: gillmore;
  58. src: url(https://dl.dropbox.com/s/bcitntyapzfgqf3/Gillimore.ttf?dl=0);
  59. }
  60.  
  61.  
  62. html, body {
  63. background: #B7C68B;
  64. background-image:url("");
  65. background-size:400px;
  66. background-repeat:no-repeat;
  67. background-position:center bottom;
  68. }
  69.  
  70. ::-webkit-scrollbar-button:vertical:{
  71. background-color: #transparent;}
  72.  
  73. ::-webkit-scrollbar-thumb:vertical {
  74. background-color:#transparent;
  75. height:150px;}
  76.  
  77. ::-webkit-scrollbar-thumb:horizontal {
  78. background-color:#transparent;
  79. height:60px;}
  80.  
  81.  
  82. ::-webkit-scrollbar {
  83. height:60px;
  84. width:5px;
  85. background-color:#transparent;}
  86.  
  87. #image {
  88. width: 20vw;
  89. margin: 0px;
  90. border: none;
  91. height: 40vw;
  92. background-color:transparent;
  93. position: absolute;
  94. right: 10vw;
  95. bottom: 0vw;
  96. background-image:url("http://i.picpar.com/Fdge.png");
  97. background-repeat:no-repeat;
  98. background-position: bottom;
  99. background-size: 100%;
  100. animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite; -o-animation: bounce 3s infinite;
  101. }
  102.  
  103. @keyframes bounce{
  104. 0% {bottom: 0vw;}
  105. 50% {bottom: 2vw;}
  106. 100% {bottom: 0vw;}}
  107.  
  108. @-webkit-keyframes bounce {
  109. 0% {bottom: 0vw;}
  110. 50% {bottom: 2vw;}
  111. 100% {bottom: 0vw;}}
  112.  
  113.  
  114. #line {
  115. background-color: #A29574;
  116. width: 2vw;
  117. height: 100%;
  118. margin:auto;
  119. position: absolute;
  120. padding: 0px;
  121. left: 20vw;
  122. bottom: 0vw;
  123. box-shadow: #000 0px 5px 10px;
  124. z-index: 0;
  125. }
  126.  
  127. #line2 {
  128. background-color: #A29574;
  129. width: 100%;
  130. height: 2vw;
  131. margin:auto;
  132. position: absolute;
  133. padding: 0px;
  134. left: 0vw;
  135. top: 7vw;
  136. box-shadow: #000 0px 5px 10px;
  137. z-index: 2;
  138. }
  139.  
  140. #icon {
  141. width: 7vw;
  142. margin: 0px;
  143. border: 5px solid #A29574;
  144. height: 7vw;
  145. background-color: #A29574;
  146. position: absolute;
  147. left: -2.8vw;
  148. bottom: 10vw;
  149. background-image:url("http://i.picpar.com/Hdge.gif");
  150. background-repeat:no-repeat;
  151. background-position: center;
  152. background-size: cover;
  153. border-radius: 50%;
  154. }
  155.  
  156. #icon2 {
  157. width: 7vw;
  158. margin: 0px;
  159. border: 5px solid #A29574;
  160. height: 7vw;
  161. background-color: #A29574;
  162. position: absolute;
  163. left: -2.8vw;
  164. bottom: 18vw;
  165. background-image:url("http://i.picpar.com/Idge.gif");
  166. background-repeat:no-repeat;
  167. background-position: center;
  168. background-size: cover;
  169. border-radius: 50%;
  170. }
  171.  
  172. #icon3 {
  173. width: 7vw;
  174. margin: 0px;
  175. border: 5px solid #A29574;
  176. height: 7vw;
  177. background-color: #A29574;
  178. position: absolute;
  179. left: -2.8vw;
  180. bottom: 26vw;
  181. background-image:url("http://i.picpar.com/Jdge.gif");
  182. background-repeat:no-repeat;
  183. background-position: center;
  184. background-size: cover;
  185. border-radius: 50%;
  186. }
  187.  
  188. #icon4 {
  189. width: 7vw;
  190. margin: 0px;
  191. border: 5px solid #A29574;
  192. height: 7vw;
  193. background-color: #A29574;
  194. position: absolute;
  195. left: -2.8vw;
  196. bottom: 34vw;
  197. background-image:url("http://i.picpar.com/Ldge.gif");
  198. background-repeat:no-repeat;
  199. background-position: center;
  200. background-size: cover;
  201. border-radius: 50%;
  202. }
  203.  
  204. #vines {
  205. width: 35vw;
  206. margin: 0px;
  207. border: none;
  208. height: 30vw;
  209. background-color:transparent;
  210. position: absolute;
  211. right: 33vw;
  212. top: 0vw;
  213. background-image:url("http://i.picpar.com/Mdge.png");
  214. background-repeat:no-repeat;
  215. background-position: bottom;
  216. background-size: 100%;
  217. z-index: 0;
  218. }
  219.  
  220. #flowers {
  221. width: 10vw;
  222. margin: 0px;
  223. border: none;
  224. height: 10vw;
  225. background-color:transparent;
  226. position: absolute;
  227. left: 15vw;
  228. bottom: -3vw;
  229. background-image:url("https://cdn140.picsart.com/280042966046211.png");
  230. background-repeat:no-repeat;
  231. background-position: bottom;
  232. background-size: 100%;
  233. z-index: 2;
  234. }
  235.  
  236. #container {
  237. background-color: #B3A580;
  238. width: 40vw;
  239. height: 25vw;
  240. margin:auto;
  241. position: absolute;
  242. padding: 5px;
  243. right: 30vw;
  244. bottom: 9vw;
  245. border: 3px solid #000;
  246. z-index: 2;
  247. }
  248.  
  249. #content {
  250. background-color:#f8f8ff;
  251. width: 38vw;
  252. height: 18vw;
  253. margin:auto;
  254. position: absolute;
  255. padding: 5px;
  256. font-family: 'Righteous', cursive;
  257. font-size: 18px;
  258. color: #000;
  259. right: 0.7vw;
  260. bottom: 0.5vw;
  261. z-index:6;
  262. border: 5px double #000;
  263. }
  264.  
  265. .title { position: absolute;
  266.  
  267. background-color: transparent;
  268. color: #213514;
  269. font-family: 'soupleaf';
  270. font-size: 48px;
  271. font-weight: bold;
  272. letter-spacing:1px;
  273. left:10px;
  274. top:9px;
  275. line-height: 20px;
  276. text-align: justify;
  277. padding: 5px;
  278. overflow: none;
  279. z-index:0;}
  280.  
  281. .lyricz {position: absolute;
  282. font-family: 'gillmore';
  283. color: #333;
  284. font-size: 2vw;
  285. top: 1.8vw;
  286. left: 8vw;
  287. width: 30vw;
  288. height: 2.9vw;
  289. border: 0px solid #000;
  290. text-align: center;
  291. text-shadow: -1px 0 #c0c0c0, 0 1px #000,1px 0 #000, 0 -1px #c0c0c0;
  292. overflow: auto;
  293. padding:5px 5px 5px 5px;
  294. z-index: 2;}
  295.  
  296. .header{
  297. position:absolute;
  298. width: 50vw;
  299. background:#transparent;
  300. height: 2vw;
  301. top: 0.5vw;
  302. right: 25vw;
  303. overflow:hidden;
  304. font-family: 'Comfortaa', cursive;
  305. font-size: 1.3vw;
  306. font-weight:lighter;
  307. font-style:none;
  308. color:#fefefe;
  309. letter-spacing: 0px;
  310. text-transform:none;
  311. text-align:center;
  312. }
  313.  
  314. #nav {
  315. background-color: transparent;
  316. width: 100px;
  317. height:40px;
  318. margin:auto;
  319. position: absolute;
  320. left: 0vw;
  321. top: 5vw;
  322. text-align: center;
  323. z-index: 10;
  324. }
  325.  
  326. #nav a, #nav a:link, #nav a:visited {
  327. display:inline-block;
  328. background: #213514;
  329. color: #213514;
  330. margin-top: 0px;
  331. margin-bottom: 0px;
  332. margin-left: 0px;
  333. height: 10px;
  334. width: 10px;
  335. border-radius: 100%;
  336. box-shadow: 0px 0px 7px #254c23;
  337. }
  338.  
  339. #nav a:active, #nav a:hover {
  340. display:inline-block;
  341. height: 10px;
  342. width: 10px;
  343. border-radius: 100%;
  344. text-decoration:none;
  345. background: #254c23;
  346. color: #254c23;
  347. margin: 0px;
  348. box-shadow: 0px 0px 5px #213514;
  349. }
  350.  
  351. h1 {font-family: 'Righteous', cursive; text-align: left; border-bottom: 1px solid #000; font-size: 25px;}
  352. h2 {font-family: 'Righteous', cursive; text-align: right; border-bottom: 1px solid #000; font-size: 25px;}
  353. a {text-decoration: none; color: #111;}
  354. i {color: #0000FF; font-weight: bold;}
  355. </style>
  356.  
  357. <div id="image"></div>
  358.  
  359. <div id="line">
  360. <div id="icon"></div>
  361. <div id="icon2"></div>
  362. <div id="icon3"></div>
  363. <div id="icon4"></div>
  364. </div>
  365. <div id="line2">
  366. <div id="vines"></div>
  367. <div id="flowers"></div>
  368.  
  369.  
  370. <div class="header">"I am more myself in a garden than anywhere else on earth."</div>
  371. </div>
  372.  
  373. <div id="container">
  374. <div class="title"> K a y o s h i ❁ F u r u k a w a</div>
  375. <div class="lyricz">the plant based hero: mother nature</div>
  376.  
  377. <div id="nav">
  378. <a href="#one"></a>
  379. <a href="#two"></a>
  380. <a href="#three"></a>
  381. <a href="#four"></a>
  382. <a href="#five"></a>
  383. </div>
  384.  
  385. <div id="content">
  386. <div style="width: 38vw; height: 18vw; overflow-y: hidden;">
  387.  
  388. <a name="one"></a>
  389. <div style="width: 38vw; height: 18vw; overflow: auto;">
  390. <span style="float:left;"><b>Name</b></span><span style="float:right;">Kayoshi Furukawa</span><br>
  391. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;"><a title="Yoshi, Mother Nature, Leaf, Tiny Plant (Given to her by the villian Braith)">hover.</a></span><br>
  392. <span style="float:left;"><b>Hero Name</b></span><span style="float:right;">Mother Nature</span><br>
  393. <span style="float:left;"><b>Gender</b></span><span style="float:right;">Female</span><br>
  394. <span style="float:left;"><b>Age</b></span><span style="float:right;">Seventeen</span><br>
  395. <span style="float:left;"><b>Race</b></span><span style="float:right;">Japanese</span><br>
  396. <span style="float:left;"><b>Voice</b></span><span style="float:right;"><a target="_blank" href="https://www.youtube.com/watch?v=PJfsjDQ3XHo" target="_blank">click here.</a></span><br>
  397. <span style="float:left;"><b>Class</b></span><span style="float:right;">2A</span><br>
  398. <span style="float:left;"><b>Height</b></span><span style="float:right;">5'11" (180.33cm)</span><br>
  399. <span style="float:left;"><b>Weight</b></span><span style="float:right;">158lbs (71.67 kg)</span><br>
  400. <span style="float:left;"><b>Eyes</b></span><span style="float:right;">Sky Blue</span><br>
  401. <span style="float:left;"><b>Hair</b></span><span style="float:right;">Fire Engine Red</span><br>
  402. <span style="float:left;"><b>Build</b></span><span style="float:right;">Voluptuously Toned</span><br>
  403. <span style="float:left;"><b>Orientation</b></span><span style="float:right;">Panromantic</span><br>
  404. <span style="float:left;"><b>Relationship</b></span><span style="float:right;">Getting Married at 40</span><br>
  405.  
  406. <h1>headcanons</h1>
  407. <ul>
  408. <li>She is very atheletic and able to keep up with most heroes.
  409. <li>She has major hobbies of Singing, Dancing and Drawing.
  410. <li>She has an unhealthy obsession with Boba and Energy Drinks.
  411. </ul>
  412. </div>
  413.  
  414. <a name="two"></a>
  415. <div style="width: 38vw; height: 18vw; overflow: auto;" align="left">
  416. <span style="float:left;"><b>Quirk</b></span><span style="float:right;"><a title="Quirk Name: Gaia Calling
  417.  
  418. Quirk Description: The quirk grants Kayoshi the abilitiy to manipulate plant life into growing and shrinking at whim by using the oxygen and energy she stores in her body. She had a quirk awakening after her quirk was shut off by an erasure type quirk that left her exploding with pure oxygen once the quirk was back to normal and working. This left the user overall more sensitive to toxins in the air within a half mile radius.
  419.  
  420. Quirk Drawbacks/Weaknesses: The quirk is used by the oxygen she breathes in and the energy she saves up so when she overuses her quirk, she is left gasping for air and/or passing out depending on which she used more.
  421.  
  422. The Wrath of Gaia: Kayoshi has finishing move called the wrath of Gaia, which is when Kayoshi expels the pure oxygen in her body and suffocates a opponent with oxygen poisoning, depending on long she uses this move it can kill her opponent.">hover.</a></span><br>
  423. <span style="float:left;"><b>Affiliation</b></span></span><span style="float:right;"><a title="She is known to associate with the group her and her two best friends created named 3K.">hover.</a></span><br>
  424. <center>scroll for more information.</center>
  425. <h2>combat</h2>
  426. <span style="float:left;"><b>Cooperation</b></span><span style="float:right;">●●○○○</span><br><br>
  427. <span style="float:left;"><b>Power</b></span><span style="float:right;">●●●○○</span><br><br>
  428. <span style="float:left;"><b>Speed</b></span><span style="float:right;">●●●●○</span><br><br>
  429. <span style="float:left;"><b>Intelligence</b></span><span style="float:right;">●●●●●</span><br><br>
  430. </div>
  431.  
  432. <a name="three"></a>
  433. <div style="width: 38vw; height: 18vw; overflow: auto;" align="center">
  434. <h2>history</h2>
  435. to be written, there's a lot of details. be patient, i'm lazy.
  436. </div>
  437.  
  438.  
  439. <a name="four"></a>
  440. <div style="width: 38vw; height: 18vw; overflow: auto;" align="left">
  441. <h2>connections</h2>
  442. <a target="_blank" href="https://roleplay.chat/profile.php?user=Watanabe+Katori" title="Katori Watanabe - Her Goat Girl"><img style="border-radius: 50%" src="http://i.picpar.com/hDfe.jpg" align="left" height="100" width="100"></a>
  443. <a target="_blank" href="https://roleplay.chat/profile.php?user=Katsumi+Aizada" title="Katsumi Aizada - Her Song Writer"><img style="border-radius: 50%" src="http://i.picpar.com/mDfe.jpg" align="left" height="100" width="100"></a>
  444. <a target="_blank" href="https://roleplay.chat/profile.php?user=Kana" title="Kana Yoshiba - Her 'Mother'"><img style="border-radius: 50%" src="http://i.picpar.com/nDfe.png" align="left" height="100" width="100"></a>
  445. <a target="_blank" href="/profile.php?user=HERE" title="HERE"><img style="border-radius: 50%" src="HERE" align="left" height="100" width="100"></a>
  446. <a target="_blank" href="/profile.php?user=HERE" title="HERE"><img style="border-radius: 50%" src="HERE" align="left" height="100" width="100"></a>
  447. <a target="_blank" href="/profile.php?user=HERE" title="HERE"><img style="border-radius: 50%" src="HERE" align="left" height="100" width="100"></a>
  448.  
  449. </div>
  450.  
  451. <a name="five"></a>
  452. <div style="width: 38vw; height: 18vw; overflow: auto;" align="left">
  453. <h1>out of character</h1>
  454. <center><b>00</b>. Want a code? Go <a target="_blank" href="https://alliealgiere.neocities.org">here</a>. Refrain from stealing.</center><br>
  455. <b>01</b>. OOC.<br>
  456. <b>01</b>. OOC.<br>
  457. <b>03</b>. OOC.<br>
  458. <b>04</b>. OOC.<br>
  459. <b>05</b>. OOC.<br>
  460. </div>
  461. </div>
  462. </div>
  463. </div>
  464. </body>
  465. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!