API tools faq
paste
RageQxeen

Green Reaper

RageQxeen
Apr 16th, 2020
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.61 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=Cookie|Great+Vibes|Quicksand&display=swap');
  50.  
  51. html, body {
  52. background-color: #358a24;
  53. background-image: url("https://www.transparenttextures.com/patterns/buried.png");
  54. background-size: 100px;
  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:70px;}
  69.  
  70. ::-webkit-scrollbar {
  71. height:70px;
  72. width:5px;
  73. background-color:#transparent;}
  74.  
  75. #image {
  76. width: 32vw;
  77. margin: 0px;
  78. border: none;
  79. height: 44vw;
  80. background-color:transparent;
  81. position: absolute;
  82. right: 0vw;
  83. bottom: 0vw;
  84. background-image:url("http://i.picpar.com/E6re.png");
  85. background-repeat:no-repeat;
  86. background-position: bottom;
  87. background-size: 100%;
  88. z-index: 2;
  89. }
  90.  
  91. #container {
  92. background: rgb(106,255,89);
  93. background: -moz-linear-gradient(0deg, rgba(106,255,89,1) 0%, rgba(35,241,7,1) 50%, rgba(0,0,0,1) 100%);
  94. background: -webkit-linear-gradient(0deg, rgba(106,255,89,1) 0%, rgba(35,241,7,1) 50%, rgba(0,0,0,1) 100%);
  95. background: linear-gradient(0deg, rgba(106,255,89,1) 0%, rgba(35,241,7,1) 50%, rgba(0,0,0,1) 100%);
  96. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6aff59",endColorstr="#000000",GradientType=1);
  97. width: 59.5vw;
  98. height: 34vw;
  99. margin:auto;
  100. position: absolute;
  101. padding: 5px;
  102. right: 10vw;
  103. bottom: 5vw;
  104. z-index:0;
  105. box-shadow: 0px 5px 10px #000;
  106. }
  107.  
  108. #content {
  109. background-color:#f8f8ff;
  110. width: 39vw;
  111. height: 30vw;
  112. margin:auto;
  113. position: absolute;
  114. padding: 5px;
  115. font-family: 'Quicksand', cursive;
  116. font-size: 18px;
  117. color: #000;
  118. left: 1vw;
  119. top: 0.5vw;
  120. z-index:1;
  121. border: 5px double #000;
  122. }
  123.  
  124. #navi1 {position: absolute;
  125. left: -4vw;
  126. top: 3vw;}
  127.  
  128. #navi1 a {background-color: #600;
  129. background:url('http://i.picpar.com/iase.png')
  130. center center no-repeat;;
  131. background-size: 100%;
  132. display: inline-block;
  133. height: 100px;
  134. width: 70px;
  135. border: 0px solid #000;
  136. transition: .7s;
  137. -webkit-transition: .7s;
  138. -moz-transition: .7s;
  139. -ms-transition: .7s;
  140. -o-transition: .7s;
  141. }
  142.  
  143. #navi1:hover {
  144. transition: .7s;
  145. -webkit-transition: .7s;
  146. -moz-transition: .7s;
  147. -ms-transition: .7s;
  148. -o-transition: .7s;
  149. -webkit-transform: rotate(360deg);
  150. -moz-transform: rotate(360deg);
  151. -o-transform: rotate(360deg);
  152. -ms-transform: rotate(360deg);
  153. transform: rotate(360deg);
  154. }
  155.  
  156. #navi2 {position: absolute;
  157. left: -4vw;
  158. top: 9vw;}
  159.  
  160. #navi2 a {background-color: #600;
  161. background:url('http://i.picpar.com/iase.png')
  162. center center no-repeat;;
  163. background-size: 100%;
  164. display: inline-block;
  165. height: 100px;
  166. width: 70px;
  167. border: 0px solid #000;
  168. transition: .7s;
  169. -webkit-transition: .7s;
  170. -moz-transition: .7s;
  171. -ms-transition: .7s;
  172. -o-transition: .7s;
  173. }
  174.  
  175. #navi2:hover {
  176. transition: .7s;
  177. -webkit-transition: .7s;
  178. -moz-transition: .7s;
  179. -ms-transition: .7s;
  180. -o-transition: .7s;
  181. -webkit-transform: rotate(360deg);
  182. -moz-transform: rotate(360deg);
  183. -o-transform: rotate(360deg);
  184. -ms-transform: rotate(360deg);
  185. transform: rotate(360deg);
  186. }
  187.  
  188. #navi3 {position: absolute;
  189. left: -4vw;
  190. top: 15vw;}
  191.  
  192. #navi3 a {background-color: #600;
  193. background:url('http://i.picpar.com/iase.png')
  194. center center no-repeat;;
  195. background-size: 100%;
  196. display: inline-block;
  197. height: 100px;
  198. width: 70px;
  199. border: 0px solid #000;
  200. transition: .7s;
  201. -webkit-transition: .7s;
  202. -moz-transition: .7s;
  203. -ms-transition: .7s;
  204. -o-transition: .7s;
  205. }
  206.  
  207. #navi3:hover {
  208. transition: .7s;
  209. -webkit-transition: .7s;
  210. -moz-transition: .7s;
  211. -ms-transition: .7s;
  212. -o-transition: .7s;
  213. -webkit-transform: rotate(360deg);
  214. -moz-transform: rotate(360deg);
  215. -o-transform: rotate(360deg);
  216. -ms-transform: rotate(360deg);
  217. transform: rotate(360deg);
  218. }
  219.  
  220. #navi4 {position: absolute;
  221. left: -4vw;
  222. top: 21vw;}
  223.  
  224. #navi4 a {background-color: #600;
  225. background:url('http://i.picpar.com/iase.png')
  226. center center no-repeat;;
  227. background-size: 100%;
  228. display: inline-block;
  229. height: 100px;
  230. width: 70px;
  231. border: 0px solid #000;
  232. transition: .7s;
  233. -webkit-transition: .7s;
  234. -moz-transition: .7s;
  235. -ms-transition: .7s;
  236. -o-transition: .7s;
  237. }
  238.  
  239. #navi4:hover {
  240. transition: .7s;
  241. -webkit-transition: .7s;
  242. -moz-transition: .7s;
  243. -ms-transition: .7s;
  244. -o-transition: .7s;
  245. -webkit-transform: rotate(360deg);
  246. -moz-transform: rotate(360deg);
  247. -o-transform: rotate(360deg);
  248. -ms-transform: rotate(360deg);
  249. transform: rotate(360deg);}
  250.  
  251. #navi5 {position: absolute;
  252. left: -4vw;
  253. top: 27vw;}
  254.  
  255. #navi5 a {background-color: #600;
  256. background:url('http://i.picpar.com/iase.png')
  257. center center no-repeat;;
  258. background-size: 100%;
  259. display: inline-block;
  260. height: 100px;
  261. width: 70px;
  262. border: 0px solid #000;
  263. transition: .7s;
  264. -webkit-transition: .7s;
  265. -moz-transition: .7s;
  266. -ms-transition: .7s;
  267. -o-transition: .7s;
  268. }
  269.  
  270. #navi5:hover {
  271. transition: .7s;
  272. -webkit-transition: .7s;
  273. -moz-transition: .7s;
  274. -ms-transition: .7s;
  275. -o-transition: .7s;
  276. -webkit-transform: rotate(360deg);
  277. -moz-transform: rotate(360deg);
  278. -o-transform: rotate(360deg);
  279. -ms-transform: rotate(360deg);
  280. transform: rotate(360deg);}
  281.  
  282. .name {position: absolute;
  283. font-family: 'Great Vibes';
  284. color: #fff;
  285. font-size: 6vw;
  286. top: -6vw;
  287. left: 3vw;
  288. width: 36vw;
  289. height: 9vw;
  290. border: 0px solid #000;
  291. text-align: justify;
  292. text-shadow: -1px 0 #c0c0c0, 0 1px #000,1px 0 #000, 0 -1px #c0c0c0;
  293. overflow: auto;
  294. padding:5px 5px 5px 5px;
  295. z-index: 5;}
  296.  
  297. .title { background: transparent;
  298. background:url('https://media3.giphy.com/media/MoHFXoX23cGFq/source.gif') 50px 50px repeat;
  299. background-position: center;
  300. position: absolute;
  301. font-family: 'Great Vibes';
  302. font-size: 6vw;
  303. top: -6vw;
  304. left: 3vw;
  305. width: 36vw;
  306. height: 9vw;
  307. text-align: justify;
  308. padding:5px 5px 5px 5px;
  309. -webkit-text-fill-color: transparent;
  310. -webkit-background-clip: text;
  311. z-index: 6;}
  312.  
  313. .alias {position: absolute;
  314. font-family: 'Cookie';
  315. color: #013220;
  316. font-size: 3.5vw;
  317. bottom: 10vw;
  318. right: -3.5vw;
  319. width: 25vw;
  320. height: 3.7vw;
  321. border: 0px solid #000;
  322. text-align: center;
  323. text-shadow: -1px 0 #c0c0c0, 0 1px #000,1px 0 #000, 0 -1px #c0c0c0;
  324. overflow: auto;
  325. padding:5px 5px 5px 5px;
  326. transform: rotate(34deg);
  327. z-index: 5;}
  328.  
  329. i{color: #013220;}
  330. b{color: #000;}
  331. a{color: #444; text-decoration: none;}
  332. h1{border-bottom: 1px solid #000; text-align: center; font-size: 50px; font-family: 'Cookie', cursive; color: #000;}
  333. h2{border-bottom: 1px solid #000; text-align: left; font-size: 40px; font-family: 'Cookie', cursive; color: #000;}
  334. h3{text-align: right; font-size: 35px; font-family: 'Cookie', cursive; color: #000;}
  335. </style>
  336.  
  337. <div id="image"></div>
  338.  
  339. <div id="container">
  340. <div id="navi5"><a href="#one"></a></div>
  341. <div id="navi4"><a href="#four"></a></div>
  342. <div id="navi3"><a href="#three"></a></div>
  343. <div id="navi2"><a href="#two"></a></div>
  344. <div id="navi1"><a href="#one"></a></div>
  345.  
  346.  
  347. <div class="name">Green Reaper</div>
  348. <div class="title">Green Reaper</div>
  349. <div class="alias">Don't fear the Reaper</div>
  350.  
  351. <div id="content">
  352. <div style="width: 39vw; height: 30vw; overflow-y: hidden;">
  353.  
  354. <a name="one"></a>
  355. <div style="width: 39vw; height: 30vw; overflow: auto;">
  356.  
  357. <span style="float:left;"><b>Name</b></span><span style="float:right;">Hirayama Ainu</span><br>
  358. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;">Color Hero: Green Reaper</span><br>
  359. <span style="float:left;"><b>Gender</b></span><span style="float:right;">Female</span><br>
  360. <span style="float:left;"><b>Age</b></span><span style="float:right;"></span><br>
  361. <span style="float:left;"><b>Race</b></span><span style="float:right;">Human</span><br>
  362. <span style="float:left;"><b>Voice</b></span><span style="float:right;"><a href="LINK HERE" target="_blank">Name of VC</a></span><br><br>
  363. <span style="float:left;"><b>Height</b></span><span style="float:right;"> </span><br>
  364. <span style="float:left;"><b>Weight</b></span><span style="float:right;"> </span><br>
  365. <span style="float:left;"><b>Eyes</b></span><span style="float:right;">Green</span><br>
  366. <span style="float:left;"><b>Hair</b></span><span style="float:right;">Midnight Green</span><br>
  367. <span style="float:left;"><b>Build</b></span><span style="float:right;"> </span><br><br>
  368. <span style="float:left;"><b>Orientation</b></span><span style="float:right;"> </span><br>
  369. <span style="float:left;"><b>Relationship</b></span><span style="float:right;"> </span><br>
  370. <span style="float:left;"><b>Affiliation</b></span><span style="float:right;"> </span><br><br>
  371. <span style="float:left;"><b>Class</b></span><span style="float:right;"> </span><br>
  372. <span style="float:left;"><b>Year</b></span><span style="float:right;"> </span><br><br>
  373.  
  374. </div>
  375.  
  376. <a name="two"></a>
  377. <div style="width: 39vw; height: 30vw; overflow: auto;" align="left">
  378. <h1>combat</h1>
  379. <span style="float:left;"><b>Cooperation</b></span><span style="float:right;">●●○○○</span><br><br>
  380. <span style="float:left;"><b>Power</b></span><span style="float:right;">●●●●○</span><br><br>
  381. <span style="float:left;"><b>Speed</b></span><span style="float:right;">●●●●○</span><br><br>
  382. <span style="float:left;"><b>Intelligence</b></span><span style="float:right;">●●●○○</span><br><br>
  383. <span style="float:left;"><b>Technique</b></span><span style="float:right;">●●●●○</span><br><br>
  384.  
  385. <h2>Quirk</h2>
  386. <b>Quirk Name:</b> <br><br>
  387. <b>Quirk Type:</b> Emitter<br><br>
  388. <b>Quirk Description:</b>
  389. <br>By consuming sapphires, the User is capable of transforming the minerals into an energy similar to plasma that they can freely manipulate, depending on the amount ingested also affects the size of it. There are five who own a similar quirk, but each consumes a different gem or element and manifests it differently. Consuming too much could lead to poisoning, which in turn expels itself by turning the users appearance into something less than human. Normally the eyes are what are changed first, allowing others to know the moment the user activates their Quirk by expelling excess energy from the pupil of the left eye, which has been noted to look incredibly similar to colored fire. For the User that is Codenamed: Blue Queen, consuming sapphires allows her to manifest either a sword that stands at three quarters her height, and can be lit up with excess energy to leave a burning aftereffect on those she is attacking. The other weapon manifested takes a nearly fatal dose of sapphires, but it isn't impossible for her to manifest a massive gun that expels exploding rounds of energy as its' "bullets". She can quickly run out of energy doing this however, and it is at the cost of losing all her stamina for the time being.
  390. </div>
  391.  
  392. <a name="three"></a>
  393. <div style="width: 39vw; height: 30vw; overflow: auto;" align="center">
  394. <h1>headcanons</h1>
  395. <ul>
  396. <li>
  397. </ul>
  398. </div>
  399.  
  400.  
  401. <a name="four"></a>
  402. <div style="width: 39vw; height: 30vw; overflow: auto;" align="left">
  403. <h1>out of character</h1>
  404. <center><b>00</b>. Want a code? Go <a target="_blank" href="https://alliealgiere.neocities.org">here</a>. Refrain from stealing.</center><br>
  405. <b>01</b>. OOC.<br>
  406. <b>02</b>. OOC.<br>
  407. <b>03</b>. OOC.<br>
  408. <b>04</b>. OOC.<br>
  409. <b>05</b>. OOC.<br>
  410. </div>
  411. </div>
  412. </div>
  413. </div>
  414. </body>
  415. </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!