API tools faq
paste
Advertisement
QueenOfGeckos

Iza

QueenOfGeckos
Jul 25th, 2020
52
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.27 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=Gotu|Cinzel|Cinzel+Decorative);
  50.  
  51. html, body {
  52. background: #804b4b;
  53. background-image:url("https://cdn130.picsart.com/299273552235211.png?type=webp&to=min&r=640");
  54. background-size: cover;
  55. background-repeat:no-repeat;
  56. background-position:center top;
  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: 27vw;
  78. margin: 0px;
  79. border: none;
  80. height: 40vw;
  81. background-color:transparent;
  82. position: absolute;
  83. right: 0vw;
  84. bottom: 0vw;
  85. background-image:url("http://i.picpar.com/LF2e.png");
  86. background-repeat:no-repeat;
  87. background-position: bottom;
  88. background-size: 100%;
  89. }
  90.  
  91. #container {
  92. background: rgb(128,128,128);
  93. background: -moz-linear-gradient(309deg, rgba(128,128,128,1) 0%, rgba(128,64,64,1) 50%, rgba(128,32,32,1) 100%);
  94. background: -webkit-linear-gradient(309deg, rgba(128,128,128,1) 0%, rgba(128,64,64,1) 50%, rgba(128,32,32,1) 100%);
  95. background: linear-gradient(309deg, rgba(128,128,128,1) 0%, rgba(128,64,64,1) 50%, rgba(128,32,32,1) 100%);
  96. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#802020",GradientType=1);
  97. width: 50vw;
  98. height: 28.5vw;
  99. margin:auto;
  100. position: absolute;
  101. padding: 5px;
  102. right: 30vw;
  103. bottom: 5vw;
  104. z-index:1;
  105. border: 3px solid #000;
  106. box-shadow: #000 0px 5px 10px;
  107. z-index: 2;
  108. }
  109.  
  110. #container2 {
  111. background: rgb(128,128,128);
  112. background: -moz-linear-gradient(309deg, rgba(128,128,128,1) 0%, rgba(128,100,100,1) 73%, rgba(128,64,64,1) 100%);
  113. background: -webkit-linear-gradient(309deg, rgba(128,128,128,1) 0%, rgba(128,100,100,1) 73%, rgba(128,64,64,1) 100%);
  114. background: linear-gradient(309deg, rgba(128,128,128,1) 0%, rgba(128,100,100,1) 73%, rgba(128,64,64,1) 100%);
  115. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#804040",GradientType=1);
  116. width: 17vw;
  117. height: 28.5vw;
  118. margin:auto;
  119. position: absolute;
  120. padding: 5px;
  121. right: -18vw;
  122. bottom: -0.15vw;
  123. z-index:1;
  124. border: 3px solid #000;
  125. box-shadow: #000 0px 5px 10px;
  126. z-index: 2;
  127. }
  128.  
  129. #content {
  130. background: rgb(128,128,128);
  131. background: -moz-linear-gradient(309deg, rgba(128,128,128,1) 0%, rgba(128,0,0,1) 100%);
  132. background: -webkit-linear-gradient(309deg, rgba(128,128,128,1) 0%, rgba(128,0,0,1) 100%);
  133. background: linear-gradient(309deg, rgba(128,128,128,1) 0%, rgba(128,0,0,1) 100%);
  134. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#800000",GradientType=1);
  135. width: 23vw;
  136. height: 26vw;
  137. margin:auto;
  138. position: absolute;
  139. padding: 5px;
  140. font-family: 'Gotu', cursive;
  141. font-size: 18px;
  142. color: #000;
  143. left: 1vw;
  144. top: 1vw;
  145. z-index:6;
  146. border: 5px double #000;
  147. }
  148.  
  149. #content2 {
  150. background: rgb(128,128,128);
  151. background: -moz-linear-gradient(309deg, rgba(128,128,128,1) 0%, rgba(128,0,0,1) 100%);
  152. background: -webkit-linear-gradient(309deg, rgba(128,128,128,1) 0%, rgba(128,0,0,1) 100%);
  153. background: linear-gradient(309deg, rgba(128,128,128,1) 0%, rgba(128,0,0,1) 100%);
  154. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#800000",GradientType=1);
  155. width: 15vw;
  156. height: 26vw;
  157. margin:auto;
  158. position: absolute;
  159. padding: 5px;
  160. font-family: 'Gotu', cursive;
  161. font-size: 18px;
  162. color: #000;
  163. left: 0.5vw;
  164. top: 1vw;
  165. z-index:6;
  166. border: 5px double #000;
  167. }
  168.  
  169. #nav {
  170. background-color: transparent;
  171. width: 12vw;
  172. height: .5vw;
  173. margin:auto;
  174. position: absolute;
  175. right: 2.5vw;
  176. top: -2.2vw;
  177. z-index:3;
  178. }
  179.  
  180. #nav a, #nav a:link, #nav a:visited {
  181. display:inline-block;
  182. height: 1vw;
  183. width: 1.5vw;
  184. text-align: center;
  185. font-family: 'Aref Ruqaa';
  186. font-size: 15px;
  187. text-decoration: none;
  188. color: #000;
  189. background: #68707c;
  190. margin: 5px;
  191. background-image: url("https://i.imgur.com/oJUsgm3.png");
  192. border: double #000 5px;
  193. border-radius: 50px;
  194. -webkit-transition: 0.5s linear;
  195. -moz-transition: 0.5s linear;
  196. -o-transition: 0.5s linear;
  197. transition: 0.5s linear;
  198. }
  199.  
  200. #nav a:active, #nav a:hover {
  201. display:inline-block;
  202. height: 1vw;
  203. width: 1.5vw;
  204. text-align: center;
  205. font-family: 'Aref Ruqaa';
  206. font-size: 15px;
  207. text-decoration: none;
  208. color: #c0c0c0;
  209. background: #8b0000;
  210. margin: 5px;
  211. background-image: url("https://i.imgur.com/oJUsgm3.png");
  212. border: double #778899 5px;
  213. border-radius: 50px;
  214. -webkit-transition: 0.5s linear;
  215. -moz-transition: 0.5s linear;
  216. -o-transition: 0.5s linear;
  217. transition: 0.5s linear;
  218. }
  219.  
  220.  
  221. .name {position: absolute;
  222. font-family: 'Cinzel Decorative';
  223. color: #fff;
  224. font-size: 4vw;
  225. top: -4.5vw;
  226. left: 1vw;
  227. width: 35vw;
  228. height: 9vw;
  229. border: 0px solid #000;
  230. text-align: justify;
  231. text-shadow: -1px 0 #c0c0c0, 0 1px #000,1px 0 #000, 0 -1px #c0c0c0;
  232. overflow: auto;
  233. padding:5px 5px 5px 5px;
  234. z-index: 2;}
  235.  
  236. .title { background: transparent;
  237. background:url('https://media2.giphy.com/media/10GiOuVYYmSGI0/source.gif') repeat;
  238. background-position: bottom;
  239. position: absolute;
  240. font-family: 'Cinzel Decorative';
  241. font-size: 4vw;
  242. top: -4.5vw;
  243. left: 1vw;
  244. width: 35vw;
  245. height: 9vw;
  246. text-align: justify;
  247. padding:5px 5px 5px 5px;
  248. -webkit-text-fill-color: transparent;
  249. -webkit-background-clip: text;
  250. z-index: 3;}
  251.  
  252. .alias {position: absolute;
  253. font-family: 'Cinzel';
  254. color: #000;
  255. font-size: 1.8vw;
  256. bottom: -3vw;
  257. left: 13vw;
  258. width: 40vw;
  259. height: 2.8vw;
  260. border: 0px solid #000;
  261. text-align: center;
  262. text-shadow: -1px 0 #c0c0c0, 0 1px #000,1px 0 #000, 0 -1px #c0c0c0;
  263. overflow: auto;
  264. padding:5px 5px 5px 5px;
  265. z-index: 7;}
  266.  
  267. /*Code by Alikade, please keep this credit where it is, it will not interfere with the rest of the code.*/
  268.  
  269. #editthis{ position:fixed;height: 27px; width: 30px; bottom: 0vw; right: 0vw; margin: auto; z-index:99;}
  270.  
  271. #music1{ position:fixed; padding:2px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
  272.  
  273. #music1:hover #music2{ opacity: 0; margin-top:-20px; z-index:-1;}
  274.  
  275. #music1:hover #music3{ opacity: .5; margin-top:-5px; z-index:99;}
  276.  
  277. #music1:hover #musiclist{ opacity: .5;}
  278.  
  279. #music2{ opacity: .5; background-color:#000000; padding:6px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
  280.  
  281. #music3{ opacity: 0; position:fixed; background-color:#000000; background-image: url('http://assets.clickmotive.com/Designs/LEMidnight/playButton.png'); background-repeat: no-repeat; background-size: 25px; border:1px dotted #b3b3e5; width:25px; height:25px; z-index:99 margin-left:0px; overflow:hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  282.  
  283. i{color: #660000;}
  284. b{color: #000;}
  285. a{color: #222; text-decoration: none;}
  286. h1{border-bottom: 1px solid #000; text-align: center; font-size: 30px; font-family: 'Cinzel Decorative', cursive; color: #000;}
  287. h2{border-bottom: 1px solid #000; text-align: left; font-size: 30px; font-family: 'Cinzel Decorative', cursive; color: #000;}
  288. h3{border-bottom: 1px solid #000; text-align: right; font-size: 30px; font-family: 'Cinzel Decorative', cursive; color: #000;}
  289. </style>
  290. <div id="editthis"><div id="music1"><div id="music2">
  291. <img src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif" style="opacity: 0.8;"></div>
  292. <div id="music3"><Div style="margin-top:4px;">
  293. <audio controls style="opacity: 0;"><source src="https://cdn.discordapp.com/attachments/449639385046974476/714003030084681848/IM_STILL_HERE_Treasure_Planet_-_Disney_Cover_by_Caleb_Hyles_2019.mp3"></audio>
  294. </div></div></div></div>
  295.  
  296.  
  297. <div id="container">
  298. <div id="image"></div>
  299.  
  300. <div class="name">Izanagi</div>
  301. <div class="title">Izanagi</div>
  302. <div class="alias">A will forged of blood and steel</div>
  303.  
  304. <div id="content">
  305. <div style="width: 23vw; height: 26vw; overflow-y: hidden;">
  306.  
  307. <a name="one"></a>
  308. <div style="width: 23vw; height: 26vw; overflow: auto;">
  309.  
  310. <span style="float:left;"><b>Name</b></span><span style="float:right;">Izanagi Fujiie</span><br>
  311. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;">Akira</span><br>
  312. <span style="float:left;"><b>Gender</b></span><span style="float:right;">Male</span><br>
  313. <span style="float:left;"><b>Age</b></span><span style="float:right;">26</span><br><br>
  314. <span style="float:left;"><b>Height</b></span><span style="float:right;">6ft4inch</span><br>
  315. <span style="float:left;"><b>Weight</b></span><span style="float:right;">176.3lbs</span><br>
  316. <span style="float:left;"><b>Orientation</b></span><span style="float:right;">Heterosexual</span><br>
  317. <span style="float:left;"><b>Relationship</b></span><span style="float:right;">Single</span><br>
  318. <span style="float:left;"><b>Race</b></span><span style="float:right;">Quirked Human</span><br><br>
  319. <span style="float:left;"><b>Eyes</b></span><span style="float:right;">Green</span><br>
  320. <span style="float:left;"><b>Hair</b></span><span style="float:right;">Red</span><br>
  321. <span style="float:left;"><b>Affiliation</b></span><span style="float:right;">Tachibuko Hero Agency</span><br>
  322. <span style="float:left;"><b>Voice Claim</b></span><span style="float:right;"><a target="_blank" href="https://www.youtube.com/watch?v=wOOGYAX0hCM" target="_blank">⛓️</a></span><br>
  323. <h1>Personality</h1>
  324. <p> Izanagi normally comes off as a 'Goes with the flow' kind of dude. Normally when off duty he's fairly chill, and nonchalant in his approach to almost everything. Even when in action, he tends to give off the same air. But not to the same capacity. That isn't to say he's the type to not take a job seriously, in fact just the opposite.</p>
  325. <p>Often he's the one coming up with a plan, and thinking things over, counting how many villains are present vs. How many civilians are in danger. Normally making way for some solid attempt. That is to say all of those attempts aren't successful. But mistakes are made. </p>
  326. <p>Normally he's a bit too chummy even with the villains he might be engaging. But he doesn't see the point in witty banter or one liners. In fact some villains he might face off with might be too familiar with him. And vice versa or so it would seem. Like exchanging blows "Hey man, how've you been?" "Oh just fine. Wife walked out on me... so..." "Ah man I totally get it... but you can't go robbing banks and snatching hostages." Even in the heat of battle. Mind you... this won't break up a fight.. but he has had a time or two where he has talked down a lower criminal no one got hurt. But that is a rare few.</p>
  327. <p>That is to say despite his mannerisms he is capable of putting on a poker face. Sometimes a little too well. This in fact sometimes fools even himself. If something bothers him he won't speak up if he feels it isn't important.</p>
  328.  
  329. </div>
  330.  
  331. <a name="two"></a>
  332. <div style="width: 23vw; height: 26vw; overflow: auto;" align="left">
  333. <h1>Combat</h1>
  334. <span style="float:left;"><b>Cooperation</b></span><span style="float:right;">●●●○○</span><br><br>
  335. <span style="float:left;"><b>Power</b></span><span style="float:right;">●●●○○</span><br><br>
  336. <span style="float:left;"><b>Speed</b></span><span style="float:right;">●●●●○</span><br><br>
  337. <span style="float:left;"><b>Intelligence</b></span><span style="float:right;">●●●●○</span><br><br>
  338. <span style="float:left;"><b>Technique</b></span><span style="float:right;">●●●●●●</span><br><br>
  339.  
  340. <h2>Quirk</h2>
  341. <b>Quirk Name:</b>Iron Overload<br><br>
  342. <b>Quirk Type:</b> Emitter<br><br>
  343. <b>Quirk Description:</b>
  344. <p>This quirk lets its users pull the iron from their blood to form almost anything they can think of, but the blood has to be outside of their body when the do. If it coagulates the blood becomes useless.</p>
  345.  
  346. <p>Thanks to his quirk his body also creates an excess amount of iron and allows him to naturally store it up without suffering from Hemochromatosis. Which normally can poison a person and lead to fatal results.</p>
  347. <b>Drawback:</b>
  348. <p>The larger the object he creates the more iron he uses, the more iron he uses, the more he will suffer from Iron deficiency and the more fatigued he becomes on top of any problems from the potential blood loss.</p>
  349. <p>His iron can only be drawn out of his own blood, and that blood can only come out via an open wound.</p>
  350. <p>Any puddles of fresh blood he creates he needs to be aware of them in order to use them. </p>
  351. <p>He has to constantly intake food rich in iron as well as iron pills. His body is on either side of the extreme. Either his iron levels are beyond extreme with Hemochromatosis, or he is suffering from iron-deficiency anemia.</p>
  352. <a target="_blank" href="https://docs.google.com/document/d/1Hs103KpRjnd0zVwm229DLXJ3UE_wdK713WEEh9JSKlo/edit?usp=sharing">Support Gear</a>
  353.  
  354. </div>
  355.  
  356. <a name="three"></a>
  357. <div style="width: 23vw; height: 26vw; overflow: auto;" align="center">
  358. <h1>History</h1>
  359. TBA
  360. </div>
  361.  
  362. <a name="four"></a>
  363. <div style="width: 23vw; height: 26vw; overflow: auto;" align="left">
  364. <h1>Friends</h1>
  365. <marquee behavior="scroll" direction="up" onmouseover="this.stop();" onmouseout="this.start();">
  366. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  367. <center><b>- Name -</b><br> <i>foe/friend</i><br> small note.</center><br><br><br><br>
  368. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  369. <center><b>- Name -</b><br> <i>foe/friend</i><br> small note.</center><br><br><br><br>
  370. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  371. <center><b>- Name -</b><br> <i>foe/friend</i><br> small note.</center><br><br><br><br>
  372. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  373. <center><b>- Name -</b><br> <i>foe/friend</i><br> small note.</center><br><br><br><br>
  374. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  375. <center><b>- Name -</b><br> <i>foe/friend</i><br> small note.</center><br><br><br><br>
  376. </marquee>
  377. </div>
  378. </div>
  379. </div>
  380. <div id="container2">
  381. <div id="nav">
  382. <a href="#one"></a>
  383. <a href="#two"></a>
  384. <a href="#three"></a>
  385. <a href="#four"></a>
  386. </div>
  387.  
  388. <div id="content2">
  389. <div style="width: 15vw; height: 26vw; overflow-y: hidden;">
  390.  
  391. <a name="one"></a>
  392. <div style="width: 15vw; height: 26vw; overflow: auto;">
  393. <h1>out of character</h1>
  394. <center><b>00</b>. Want a code? Go <a target="_blank" href="https://roleplay.chat/profile.php?user=RageQxeen">here</a>. Refrain from stealing.</center><br>
  395. <b>01</b>. Izanagi is a laid back prick. But he's a nice guy.<br>
  396. <b>02</b>. I'm DM friendly most of the time.<br>
  397. <b>03</b>. Story > Smut. But I'm not against it however unless stated otherwise all smut will be treated for character development.<br>
  398. <b>04</b>. Izanagi is a pretty boy. But he is not your bitch.<br>
  399. <b>05</b>. Discord and skype are not options. Kay thanks.<br>
  400. </div>
  401. </div>
  402. </div>
  403. </body>
  404. </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!