API tools faq
paste
RageQxeen

Red Devil

RageQxeen
Apr 15th, 2020
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.36 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=Cinzel+Decorative|Philosopher|Playfair+Display+SC);
  50.  
  51. html, body {
  52. background-color: #a30d08;
  53. background-image: url("https://www.transparenttextures.com/patterns/broken-noise.png");
  54. background-size:400px;
  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: 33vw;
  78. margin: 0px;
  79. border: none;
  80. height: 40vw;
  81. background-color:transparent;
  82. position: absolute;
  83. left: 2vw;
  84. bottom: 0vw;
  85. background-image:url("http://i.picpar.com/u6re.png");
  86. background-repeat:no-repeat;
  87. background-position: bottom;
  88. background-size: 100%;
  89. z-index: 1;
  90. -webkit-animation: slide-in-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
  91. animation: slide-in-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
  92. }
  93.  
  94. #bar {
  95. width: 100%;
  96. height: 10vw;
  97. border: none;
  98. margin: 0px;
  99. position: absolute;
  100. left: 0px;
  101. bottom: 8vw;
  102. background: rgb(241,7,7);
  103. background: -moz-linear-gradient(90deg, rgba(241,7,7,1) 0%, rgba(0,0,0,1) 60%);
  104. background: -webkit-linear-gradient(90deg, rgba(241,7,7,1) 0%, rgba(0,0,0,1) 60%);
  105. background: linear-gradient(90deg, rgba(241,7,7,1) 0%, rgba(0,0,0,1) 60%);
  106. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f10707",endColorstr="#000000",GradientType=1);
  107. z-index: 0;
  108. }
  109.  
  110. #bar2 {
  111. width: 7vw;
  112. height: 100%;
  113. border: none;
  114. margin: 0px;
  115. position: absolute;
  116. right: 20vw;
  117. bottom: 0vw;
  118. background-color: #000;
  119. z-index: 0;
  120. }
  121.  
  122. #container {
  123. background-color: #000000;
  124. background-image: url("https://www.transparenttextures.com/patterns/leather.png");
  125. width: 50vw;
  126. height: 30vw;
  127. margin:auto;
  128. position: absolute;
  129. padding: 5px;
  130. left: 20vw;
  131. top: 5vw;
  132. box-shadow: 5px 5px 10px 5px #000;
  133. z-index: 0;
  134. }
  135.  
  136. #content {
  137. background-color:#808080;
  138. width: 42vw;
  139. height: 21vw;
  140. margin:auto;
  141. position: absolute;
  142. padding: 5px;
  143. font-family: 'Philosopher', cursive;
  144. font-size: 18px;
  145. color: #000;
  146. right: 1vw;
  147. top: 0.5vw;
  148. z-index:6;
  149. border: 5px double #000;
  150. }
  151.  
  152. #friends {
  153. background-color:#808080;
  154. width: 38vw;
  155. height: 6vw;
  156. margin:auto;
  157. position: absolute;
  158. padding: 5px;
  159. font-family: 'Philosopher', cursive;
  160. font-size: 18px;
  161. color: #000;
  162. right: 1vw;
  163. bottom: 0.5vw;
  164. z-index:6;
  165. border: 5px double #000;
  166. }
  167.  
  168. #nav {
  169. background-color: transparent;
  170. width: 15vw;
  171. height: 2vw;
  172. margin:auto;
  173. position: absolute;
  174. left: 0.5vw;
  175. top: 3vw;
  176. text-align:right;
  177. z-index:5;
  178. }
  179.  
  180. #nav a, #nav a:link, #nav a:visited {
  181. display:inline-block;
  182. height: 1vw;
  183. width: 10vw;
  184. text-decoration:none;
  185. background: #808080;
  186. margin: 5px;
  187. border: solid #000 1px;
  188. -webkit-transition: 0.5s linear;
  189. -moz-transition: 0.5s linear;
  190. -o-transition: 0.5s linear;
  191. transition: 0.5s linear;
  192. z-index:5;
  193. }
  194.  
  195. #nav a:active, #nav a:hover {
  196. display:inline-block;
  197. height: 1vw;
  198. width: 10vw;
  199. text-decoration:none;
  200. background: #333;
  201. margin: 5px;
  202. margin-right: 50px;
  203. box-shadow: #c0c0c0 0px 5px 10px;
  204. -webkit-transition: 0.5s linear;
  205. -moz-transition: 0.5s linear;
  206. -o-transition: 0.5s linear;
  207. transition: 0.5s linear;
  208. z-index:5;
  209. }
  210.  
  211. .name {position: absolute;
  212. font-family: 'Cinzel Decorative';
  213. color: #fff;
  214. font-size: 6vw;
  215. top: 22vw;
  216. right: -4vw;
  217. width: 40vw;
  218. height: 6vw;
  219. border: 0px solid #000;
  220. text-align: justify;
  221. text-shadow: -1px 0 #c0c0c0, 0 1px #000,1px 0 #000, 0 -1px #c0c0c0;
  222. overflow: auto;
  223. padding:5px 5px 5px 5px;
  224. transform: rotate(90deg);
  225. z-index: 2;}
  226.  
  227. .title { background: transparent;
  228. background:url('https://cdn.discordapp.com/attachments/699912711873757245/699912773014126652/Bloody_Rain.gif') repeat;
  229. background-position: center;
  230. position: absolute;
  231. font-family: 'Cinzel Decorative';
  232. font-size: 6vw;
  233. top: 22vw;
  234. right: -4vw;
  235. width: 40vw;
  236. height: 6vw;
  237. text-align: justify;
  238. padding:5px 5px 5px 5px;
  239. -webkit-text-fill-color: transparent;
  240. -webkit-background-clip: text;
  241. transform: rotate(90deg);
  242. z-index: 3;}
  243.  
  244. @-webkit-keyframes slide-in-right {
  245. 0% {
  246. -webkit-transform: translateX(1000px);
  247. transform: translateX(1000px);
  248. opacity: 0;
  249. }
  250. 100% {
  251. -webkit-transform: translateX(0);
  252. transform: translateX(0);
  253. opacity: 1;
  254. }
  255. }
  256. @keyframes slide-in-right {
  257. 0% {
  258. -webkit-transform: translateX(1000px);
  259. transform: translateX(1000px);
  260. opacity: 0;
  261. }
  262. 100% {
  263. -webkit-transform: translateX(0);
  264. transform: translateX(0);
  265. opacity: 1;
  266. }
  267. }
  268.  
  269. i{color: #443a59;}
  270. b{color: #000;}
  271. a{color: #444; text-decoration: none;}
  272. h1{border-bottom: 1px solid #000; text-align: center; font-size: 30px; font-family: 'Playfair Display SC', cursive; color: #000;}
  273. h2{border-bottom: 1px solid #000; text-align: left; font-size: 20px; font-family: 'Playfair Display SC', cursive; color: #000;}
  274. h3{text-align: right; font-size: 20px; font-family: 'Playfair Display SC', cursive; color: #000;}
  275. </style>
  276.  
  277. <div id="image"></div>
  278.  
  279. <div id="bar"></div>
  280. <div id="bar2"></div>
  281.  
  282. <div class="name">Red Devil</div>
  283. <div class="title">Red Devil</div>
  284.  
  285. <div id="container">
  286.  
  287. <div id="nav">
  288. <a href="#one"></a>
  289. <a href="#two"></a>
  290. <a href="#three"></a>
  291. <a href="#four"></a>
  292. </div>
  293.  
  294. <div id="content">
  295. <div style="width: 42vw; height: 21vw; overflow-y: hidden;">
  296.  
  297. <a name="one"></a>
  298. <div style="width: 42vw; height: 21vw; overflow: auto;">
  299.  
  300. <span style="float:left;"><b>Name</b></span><span style="float:right;">Aka Hotaru</span><br>
  301. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;"></span><br>
  302. <span style="float:left;"><b>Gender</b></span><span style="float:right;">Female</span><br>
  303. <span style="float:left;"><b>Age</b></span><span style="float:right;">19</span><br>
  304. <span style="float:left;"><b>Race</b></span><span style="float:right;">Human</span><br>
  305. <span style="float:left;"><b>Voice</b></span><span style="float:right;"></span><br><br>
  306. <span style="float:left;"><b>Height</b></span><span style="float:right;"></span><br>
  307. <span style="float:left;"><b>Weight</b></span><span style="float:right;"></span><br>
  308. <span style="float:left;"><b>Eyes</b></span><span style="float:right;">Red</span><br>
  309. <span style="float:left;"><b>Hair</b></span><span style="float:right;">Midnight Red</span><br>
  310. <span style="float:left;"><b>Build</b></span><span style="float:right;">Curvy</span><br><br>
  311. <span style="float:left;"><b>Orientation</b></span><span style="float:right;"></span><br>
  312. <span style="float:left;"><b>Relationship</b></span><span style="float:right;">None</span><br>
  313. <span style="float:left;"><b>Affiliation</b></span><span style="float:right;"></span><br><br>
  314.  
  315. </div>
  316.  
  317. <a name="two"></a>
  318. <div style="width: 42vw; height: 21vw; overflow: auto;" align="left">
  319. <h1>combat</h1>
  320. <span style="float:left;"><b>Cooperation</b></span><span style="float:right;">●○○○○</span><br><br>
  321. <span style="float:left;"><b>Power</b></span><span style="float:right;">●●●●●</span><br><br>
  322. <span style="float:left;"><b>Speed</b></span><span style="float:right;">●●●●●</span><br><br>
  323. <span style="float:left;"><b>Intelligence</b></span><span style="float:right;">●●●○○</span><br><br>
  324. <span style="float:left;"><b>Technique</b></span><span style="float:right;">●●●○○</span><br><br>
  325.  
  326. <h2>Quirk</h2>
  327. <b>Quirk Name:</b> <br><br>
  328. <b>Quirk Type:</b> Emitter<br><br>
  329. <b>Quirk Description:</b>
  330. <br>By consuming rubies, 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 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:Red Devil, consuming rubies allows her to manifest skeletal claws and a great sword with a golden blade leading to its tip. The sword has a long handle with a skull-like object on top and a hilt shaped like a crescent moon. Consuming an immense amount of rubies allows her to manifest a black and golden watering can; this allows the User to sprinkle dark water along a surface to create hooded creatures to do her bidding. The watering can also allows the user to create a mirror-like surface on the ground to "see" previous places she has been- she cannot "see" a place she has no memory of. Consuming a dangerous amount of rubies has the potential to allow her to "teleport" through these mirrors, but could be incredibly lethal. If the User consumes too much ruby at a time dark black/red horns grow upon her head, the skeletal claws on her hands increase in length, her skin shifts to an ash-grey color, and her raven black hair grows longer with crimson red tips.
  331.  
  332. </div>
  333.  
  334. <a name="three"></a>
  335. <div style="width: 42vw; height: 21vw; overflow: auto;" align="center">
  336. <h1>headcanons</h1>
  337. <ul>
  338. <li> Red Devil is seen as the Mother of the group even if she hates it, srrynotsrry.
  339. <li> Also can we discuss the idea of Red Devil being the one who has to release Diamond's true potential? thanks.
  340. <li>
  341. </ul>
  342. </div>
  343.  
  344.  
  345. <a name="four"></a>
  346. <div style="width: 42vw; height: 21vw; overflow: auto;" align="left">
  347. <h1>out of character</h1>
  348. <center><b>00</b>. Want a code? Go <a target="_blank" href="https://alliealgiere.neocities.org">here</a>. Refrain from stealing.</center><br>
  349. <b>01</b>. Do not approach me with a post, PM is for OOC only unless you are a friend or we have spoken about an RP idea.<br><br>
  350. <b>02</b>. I do adore that block button.<br><br>
  351. <b>03</b>. Leave your bullshit drama at the door, thank you.<br><br>
  352. <b>04</b>. RPing since March of 2008.<br><br>
  353. <b>05</b>. Smut with story, mindless and useless smut is nearly non-existent on my side.<br><br>
  354. <b>06</b>. Extremely light T1, still trying to find the use of it and still learning.<br><br>
  355. <b>07</b>. Typist is female and taken IRL.<br><br>
  356. <b>08</b>. There will be times when I randomly stop speaking, the likely cause is that I am taking care of my father IRL, patience is a virtue, if I miss you entirely just try again later.<br><br>
  357. <b>09</b>. IC =/= OOC<br><br>
  358. <b>10</b>. IRL comes before RP.<br><br>
  359. </div>
  360. </div>
  361. </div>
  362. <div id="friends">
  363. <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
  364. <a target="_blank" href="PROFILE LINK HERE"><img src="https://cdn2.iconfinder.com/data/icons/gaming-and-beyond-part-2-1/80/User_gray-512.png" height="100" width="100" align="left" border="5" title="WORDS"></a>
  365. </marquee>
  366. </div>
  367. </div>
  368. </body>
  369. </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!