API tools faq
paste
RageQxeen

Renyo

RageQxeen
Apr 2nd, 2020
210
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.01 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=Cherry+Swash|Cormorant+Garamond|Lancelot&display=swap');
  50.  
  51. html, body {
  52. background-color: #ffb98a;
  53. background-image: url("https://www.transparenttextures.com/patterns/brushed-alum-dark.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: 25vw;
  78. margin: 0px;
  79. border: none;
  80. height: 42vw;
  81. background-color:transparent;
  82. position: absolute;
  83. left: 0vw;
  84. bottom: 0vw;
  85. background-image:url("http://i.picpar.com/VKke.png");
  86. background-repeat:no-repeat;
  87. background-position: bottom;
  88. background-size: 100%;
  89. }
  90.  
  91. #cross1 {
  92. background-color: #000;
  93. width: 50vw;
  94. height: 3vw;
  95. margin:auto;
  96. position: absolute;
  97. padding: 5px;
  98. right: 10vw;
  99. top: 15vw;
  100. box-shadow: 0px 5px 10px #800800;
  101. z-index:2;
  102. }
  103.  
  104. #cross2 {
  105. background-color: #000;
  106. width: 3vw;
  107. height: 23vw;
  108. margin:auto;
  109. position: absolute;
  110. padding: 5px;
  111. right: 10vw;
  112. bottom: -10vw;
  113. box-shadow: 0px 5px 10px #000;
  114. z-index:2;
  115. }
  116.  
  117.  
  118. .name {position: absolute;
  119. font-family: 'Cormorant Garamond';
  120. color: #fff;
  121. font-size: 3vw;
  122. top: 0vw;
  123. left: 8vw;
  124. width: 30vw;
  125. height: 5vw;
  126. border: 0px solid #000;
  127. text-align: justify;
  128. text-shadow: -1px 0 #c0c0c0, 0 3px #000,3px 0 #000, 0 -1px #c0c0c0;
  129. overflow: auto;
  130. padding:5px 5px 5px 5px;
  131. z-index: 2;}
  132.  
  133. .title { background: transparent;
  134. background:url('https://i.pinimg.com/originals/37/46/33/3746334c4596fe540639150232ff0698.gif') repeat;
  135. background-position: center;
  136. position: absolute;
  137. font-family: 'Cormorant Garamond';
  138. font-size: 3vw;
  139. top: 0vw;
  140. left: 8vw;
  141. width: 30vw;
  142. height: 5vw;
  143. text-align: justify;
  144. padding:5px 5px 5px 5px;
  145. -webkit-text-fill-color: transparent;
  146. -webkit-background-clip: text;
  147. z-index: 3;}
  148.  
  149. .alias {position: absolute;
  150. font-family: 'Cherry Swash';
  151. color: #000;
  152. font-size: 1.8vw;
  153. bottom: -3.5vw;
  154. left: 2.5vw;
  155. width: 32vw;
  156. height: 2.8vw;
  157. border: 0px solid #000;
  158. text-align: center;
  159. text-shadow: -1px 0 #c0c0c0, 0 1px #000,1px 0 #000, 0 -1px #c0c0c0;
  160. overflow: auto;
  161. padding:5px 5px 5px 5px;
  162. z-index: 7;}
  163.  
  164. #container {
  165. background-color:#000;
  166. width: 45vw;
  167. height: 28.5vw;
  168. margin:auto;
  169. position: absolute;
  170. padding: 5px;
  171. left: 25vw;
  172. bottom: 2vw;
  173. z-index:1;
  174. border: 3px solid #000;
  175. z-index: 2;
  176. }
  177.  
  178. #content {
  179. background-color:#f8f8ff;
  180. width: 43.5vw;
  181. height: 26vw;
  182. margin:auto;
  183. position: absolute;
  184. padding: 5px;
  185. font-family: 'Lancelot', cursive;
  186. font-size: 18px;
  187. color: #000;
  188. right: .5vw;
  189. top: 1vw;
  190. z-index:6;
  191. border: 5px double #000;
  192. }
  193.  
  194. #nav {
  195. background-color: transparent;
  196. width: 10px;
  197. height: 120px;
  198. margin:auto;
  199. position: absolute;
  200. left: 1vw;
  201. bottom: 8.5vw;
  202. text-align: center;
  203. text-decoration: none;
  204. z-index:1;
  205. }
  206.  
  207. #nav a, #nav a:link, #nav a:visited {
  208. display:inline-block;
  209. text-decoration: none;
  210. text-align: center;
  211. background: #000;
  212. color: transparent;
  213. box-shadow: 0px 0px 5px #DC143C;
  214. padding: 4px;
  215. height: 15px;
  216. width: 15px;
  217. border-radius: 20px;
  218. margin: 3px;
  219. }
  220.  
  221. #nav a:active, #nav a:hover {
  222. display:inline-block;
  223. height: 15px;
  224. width: 15px;
  225. text-decoration:none;
  226. background: #800800;
  227. box-shadow: 0px 0px 5px #000;
  228. color: transparent;
  229. margin: 3px;
  230. }
  231.  
  232. i{color: #660000;}
  233. b{color: #000;}
  234. a{color: #222; text-decoration: none;}
  235. h1{border-bottom: 1px solid #000; text-align: center; font-size: 30px; font-family: 'Cherry Swash', cursive; color: #000;}
  236. h2{border-bottom: 1px solid #000; text-align: left; font-size: 30px; font-family: 'Cherry Swash', cursive; color: #000;}
  237. </style>
  238.  
  239. <div id="image"></div>
  240.  
  241. <div id="cross1">
  242. <div class="name">The Forsaken Seer</div>
  243. <div class="title">The Forsaken Seer</div>
  244. <div class="alias">Shatter Fate and reclaim the Future</div>
  245. <div id="cross2">
  246. <div id="nav">
  247. <a href="#one"></a>
  248. <a href="#two"></a>
  249. <a href="#three"></a>
  250. <a href="#four"></a>
  251. </div>
  252. </div>
  253. </div>
  254.  
  255. <div id="container">
  256.  
  257. <div id="content">
  258. <div style="width: 43.5vw; height: 26vw; overflow-y: hidden;">
  259.  
  260. <a name="one"></a>
  261. <div style="width: 43.5vw; height: 26vw; overflow: auto;">
  262.  
  263. <span style="float:left;"><b>Name</b></span><span style="float:right;"><a title="From Japanese 廉 (ren) meaning 'bargain, reason, charge, suspicion, point, account, purity, honest, low price, cheap, rested, contented, peaceful' combined with 代 (yo) meaning 'world, society, age, generation, era of rule'">Renyo</a></span><br>
  264. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;">Jamie, The Seer, Big Sister</span><br>
  265. <span style="float:left;"><b>Gender</b></span><span style="float:right;">Female</span><br>
  266. <span style="float:left;"><b>Age</b></span><span style="float:right;">16</span><br><br>
  267. <span style="float:left;"><b>Height</b></span><span style="float:right;">5'8"</span><br>
  268. <span style="float:left;"><b>Weight</b></span><span style="float:right;">150 lbs</span><br>
  269. <span style="float:left;"><b>Orientation</b></span><span style="float:right;">Hetero</span><br>
  270. <span style="float:left;"><b>Relationship</b></span><span style="float:right;">Single</span><br>
  271. <span style="float:left;"><b>Race</b></span><span style="float:right;">Human</span><br>
  272. <span style="float:left;"><b>Mentality</b></span><span style="float:right;">Unstable</span><br><br>
  273. <span style="float:left;"><b>Eyes</b></span><span style="float:right;">Crimson</span><br>
  274. <span style="float:left;"><b>Hair</b></span><span style="float:right;">Blonde</span><br>
  275. <span style="float:left;"><b>Quirk</b></span><span style="float:right;">The Seer</span><br>
  276. <span style="float:left;"><b>Affiliation</b></span><span style="float:right;"><a href="" target="_blank">The Queen, Mother</a></span><br>
  277. </div>
  278.  
  279. <a name="two"></a>
  280. <div style="width: 43.5vw; height: 26vw; overflow: auto;" align="left">
  281. <h1>combat</h1>
  282. <span style="float:left;"><b>Cooperation</b></span><span style="float:right;">●●●○○</span><br><br>
  283. <span style="float:left;"><b>Power</b></span><span style="float:right;">●●●●○</span><br><br>
  284. <span style="float:left;"><b>Speed</b></span><span style="float:right;">●●●●○</span><br><br>
  285. <span style="float:left;"><b>Intelligence</b></span><span style="float:right;">●●●○○</span><br><br>
  286. <span style="float:left;"><b>Technique</b></span><span style="float:right;">●●○○○</span><br><br>
  287.  
  288. <h2>Quirk</h2>
  289. <b>Quirk Name:</b> The Seer of Fate<br><br>
  290. <b>Quirk Type:</b> Emitter<br><br>
  291. <b>Quirk Description:</b>
  292. Due to the strange nature of this Quirk, the User isn't capable of fully controlling it. Upon her creation, her genes were specifically designed to enhance an aspect of her Quirk, allowing the user to randomly - and with no reason - peer into the future. If the user has something to concentrate on, she can somewhat guide her future sight on a certain aspect, however the one thing that will constantly repeat is the "End of the World". Another aspect of this Quirk is that the user is capable - after holding someone's gaze for five to ten seconds - of changing their Alignment temporarily. ( Good vs Bad Guys )
  293. <br><br>
  294.  
  295. <b>Strengths</b>: With the capability to temporarily look into future events, the user can be prepared for anything; along with the very real fact that she can turn your allies into your enemies with a smile on her face.<br>
  296. <b>Weaknesses</b>: User goes further and further insane the more the "End of the World" prophecy is shown to her, those with a strong willset to stay on their designated path ( Example: Izuku wouldn't easily turn without conditioning involved. All Might and AFO are impossible to switch the alignments of. )<br>
  297. <b>Drawbacks</b>: Future Sight cannot be used again for twenty four hours after the first use, and the Alignment Change can only last for a certain amount of time. It is possible for the victim of the Alignment change to stay that way, though it is dependent on the personality and determination of the victim.<br><br>
  298. </div>
  299.  
  300. <a name="three"></a>
  301. <div style="width: 43.5vw; height: 26vw; overflow: auto;" align="center">
  302. <h1>History</h1>
  303. TBA
  304. </div>
  305.  
  306. <a name="four"></a>
  307. <div style="width: 43.5vw; height: 26vw; overflow: auto;" align="left">
  308. <h1>out of character</h1>
  309. <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>
  310. <b>01</b>. OOC.<br>
  311. <b>02</b>. OOC.<br>
  312. <b>03</b>. OOC.<br>
  313. <b>04</b>. OOC.<br>
  314. <b>05</b>. OOC.<br>
  315. </div>
  316. </div>
  317. </div>
  318. </body>
  319. </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!