API tools faq
paste
Advertisement
RageQxeen

The Villain

RageQxeen
Jan 18th, 2020
287
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.99 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=Indie+Flower|Great+Vibes|Aref+Ruqaa);
  50.  
  51. html, body {
  52. background: #444;
  53. background-image:url("");
  54. background-size:400px;
  55. background-repeat:no-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: 400px;
  78. margin: 0px;
  79. border: none;
  80. height: 700px;
  81. background-color:transparent;
  82. position: absolute;
  83. right: 22%;
  84. bottom: 0%;
  85. background-image:url("http://i.picpar.com/P4id.png");
  86. background-repeat:no-repeat;
  87. background-position: bottom;
  88. background-size: 100%;
  89. }
  90.  
  91. #name {
  92. z-index:15;
  93. position: absolute;
  94. left: 6%;
  95. top: 2%;
  96. margin: auto;
  97. background: #transparent;
  98. width: 300px;
  99. height: 100px;
  100. font-family: Great Vibes;
  101. font-size: 60px;
  102. background: url(https://avatars.mds.yandex.net/get-pdb/777813/c391b2a8-a11e-4d48-8518-950aec45f588/orig) 0px 0px repeat;
  103. -webkit-text-fill-color: transparent;
  104. -webkit-background-clip: text;
  105. background-position: center;
  106. display:block;
  107. text-align: center;
  108. letter-spacing: 1px;
  109. -webkit-transition:opacity 2s linear;
  110. line-height:3.6vw;
  111. }
  112.  
  113. #nameunder{
  114. z-index:15;
  115. position: absolute;
  116. left: 6%;
  117. top: 2%;
  118. margin: auto;
  119. background: #transparent;
  120. width: 300px;
  121. height: 100px;
  122. font-family: Great Vibes;
  123. font-size: 60px;
  124. -webkit-text-fill-color: #5b0000;
  125. text-transform: none;
  126. -webkit-background-clip: text;
  127. display:block;
  128. text-shadow: -1px 0 #990000, 0 1px #000,1px 0 #000, 0 -1px #990000;
  129. text-align: center;
  130. letter-spacing: 1px;
  131. -webkit-transition:opacity 2s linear;
  132. line-height:3.6vw;
  133. }
  134.  
  135. #container {
  136. background-color:#999;
  137. width: 1000px;
  138. height: 500px;
  139. margin:auto;
  140. position: absolute;
  141. padding: 5px;
  142. font-family: 'Indie Flower', cursive;
  143. color: #000;
  144. right: 13%;
  145. bottom: 10%;
  146. z-index:1;
  147. border: #000000 solid 4px;
  148. }
  149.  
  150. #content {
  151. background-color:#c28285;
  152. width: 360px;
  153. height: 170px;
  154. margin:auto;
  155. position: absolute;
  156. padding: 5px;
  157. font-family: 'Aref Ruqaa', cursive;
  158. color: #000;
  159. left: 3%;
  160. top: 20%;
  161. z-index:1;
  162. border: #000000 solid 2px;
  163. }
  164.  
  165. #content2 {
  166. background-color:#c28285;
  167. width: 360px;
  168. height: 170px;
  169. margin:auto;
  170. position: absolute;
  171. padding: 5px;
  172. font-family: 'Aref Ruqaa', cursive;
  173. color: #000;
  174. left: 3%;
  175. bottom: 5%;
  176. z-index:1;
  177. border: #000000 solid 2px;
  178. }
  179.  
  180. #friendlist {
  181. background-color:#c28285;
  182. width: 150px;
  183. height: 400px;
  184. margin:auto;
  185. position: absolute;
  186. padding: 5px;
  187. font-family: 'Aref Ruqaa', cursive;
  188. color: #000;
  189. right: 5%;
  190. bottom: 3%;
  191. z-index:1;
  192. border: #000000 solid 2px;
  193. }
  194.  
  195. #nav {
  196. background-color: transparent;
  197. width: 300px;
  198. height: 15px;
  199. margin:auto;
  200. position: absolute;
  201. left: 6.9%;
  202. bottom: 0.8%;
  203. text-align: center;
  204. text-decoration: none;
  205. z-index:1;
  206. }
  207.  
  208. #nav a, #nav a:link, #nav a:visited {
  209. display:inline-block;
  210. text-decoration: none;
  211. text-align: center;
  212. background: #000;
  213. color: transparent;
  214. box-shadow: 0px 0px 5px #800000;
  215. padding: 4px;
  216. height: 4px;
  217. width: 30px;
  218. border-radius: 5px;
  219. }
  220.  
  221. #nav a:active, #nav a:hover {
  222. display:inline-block;
  223. height: 4px;
  224. width: 30px;
  225. text-decoration:none;
  226. background: #800000;
  227. box-shadow: 0px 0px 5px #000;
  228. color: transparent;
  229. margin: 0px;
  230. }
  231.  
  232. #editthis{ position:fixed;height: 27px; width: 30px; top: 20%; right: 21.8%; margin: auto; z-index:99;}
  233.  
  234. #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;}
  235.  
  236. #music1:hover #music2{ opacity: 0; margin-top:-20px; z-index:-1;}
  237.  
  238. #music1:hover #music3{ opacity: .5; margin-top:-5px; z-index:99;}
  239.  
  240. #music1:hover #musiclist{ opacity: .5;}
  241.  
  242. #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;}
  243.  
  244. #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;}
  245.  
  246. i{color: #111;}
  247. b{color: #222;}
  248. a{color: #000; text-decoration: none;}
  249.  
  250. #Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  251.  
  252. .credit{
  253. position: fixed;
  254. bottom: 0px;
  255. left: 2px;
  256. height: 25px;
  257. width: 25px;
  258. line-height: 15px;
  259. font-size: 10px;
  260. color: #000;
  261. text-align: center;
  262. font-family: roboto;
  263. }
  264. </style>
  265. <div id="Layout" oncontextmenu="return false;">
  266.  
  267. <div class="credit" title="Profile by RageQxeen">♛</div>
  268.  
  269. <div id="container">
  270.  
  271. <div id="nav">
  272. <a href="#one">Main</a>
  273. <a href="#two">Seco</a>
  274. <a href="#three">Thir</a>
  275. <a href="#four">Four</a>
  276. </div>
  277.  
  278. <div id="nameunder">Tomura Shigaraki</div><div id="name">Tomura Shigaraki</div>
  279.  
  280. <div id="image"></div>
  281.  
  282. <div id="content">
  283. <div style="width: 360px; height: 170px; overflow-y: hidden;">
  284.  
  285. <a name="one"></a>
  286. <div style="width: 360px; height: 170px; overflow: auto;" align="center">
  287. <span style="float:left;"><b>Name</b></span><span style="float:right;">Shimura Tenko</span><br>
  288. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;">Tomura Shigaraki</span><br>
  289. <span style="float:left;"><b>Gender</b></span><span style="float:right;">Male</span><br>
  290. <span style="float:left;"><b>Age</b></span><span style="float:right;">20's</span><br><br>
  291. <span style="float:left;"><b>Height</b></span><span style="float:right;">6'</span><br>
  292. <span style="float:left;"><b>Weight</b></span><span style="float:right;">190 lbs</span><br>
  293. <span style="float:left;"><b>Orientation</b></span><span style="float:right;">Hetero</span><br>
  294. <span style="float:left;"><b>Relationship</b></span><span style="float:right;">Single</span><br>
  295. <span style="float:left;"><b>Race</b></span><span style="float:right;">Human</span><br>
  296. <span style="float:left;"><b>Mentality</b></span><span style="float:right;">Unstable</span><br><br>
  297. <span style="float:left;"><b>Eyes</b></span><span style="float:right;">Gunmetal</span><br>
  298. <span style="float:left;"><b>Hair</b></span><span style="float:right;">Silver</span><br>
  299. <span style="float:left;"><b>Quirk</b></span><span style="float:right;">Decay</span><br>
  300. <span style="float:left;"><b>Affiliation</b></span><span style="float:right;"><a href="" target="_blank">All For One</a></span><br>
  301. </div>
  302.  
  303. <a name="two"></a>
  304. <div style="width: 360px; height: 170px; overflow: auto;" align="center">
  305. <b><center><big>Decay</b></center></big><br>
  306. Tomura's Quirk allows him to disintegrate whatever he touches with his hands. Whether the target is organic or not, it will work without fail. The disintegration will spread through their whole body if a victim doesn't amputate the decaying body part, as shown with Chisaki's arm. Tomura's control over his Quirk has improved over time, as its speed has become noticeably faster in subsequent usages.
  307. <br><br>
  308. However, Decay will only work when all five of his fingers touch the target, indicating that the activation of the Quirk isn't voluntary. As such, Tomura is often careful with his hands when touching objects he doesn't want to destroy. Because the Quirk has to touch a solid object in order to be activated, it is possible to counter it through manipulation of fluids or particles, such as Snatch's sand body.
  309. </div>
  310. </div>
  311. </div>
  312.  
  313.  
  314. <div id="content2">
  315. <div style="width: 360px; height: 170px; overflow-y: hidden;">
  316.  
  317. <a name="three"></a>
  318. <div style="width: 360px; height: 170px; overflow: auto;" align="center">
  319. HISTORY HERE
  320. </div>
  321.  
  322.  
  323.  
  324. <a name="four"></a>
  325. <div style="width: 360px; height: 170px; overflow: auto;" align="center">
  326. <b>00</b>. Code made by RageQxeen, do not steal; codes found <a href="/profile.php?user=RageQxeen" target="_blank">here</a>!<br><br>
  327. <b>01</b>.
  328. </div>
  329. </div>
  330. </div>
  331.  
  332. <div id="friendlist">
  333. <div style="width: 150px; height: 400px; overflow: auto;" align="center">
  334.  
  335. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  336. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  337. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  338. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  339. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  340. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  341. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  342. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  343. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  344. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.
  345. </div>
  346. </div>
  347. </div>
  348.  
  349. <div id="editthis"><div id="music1"><div id="music2">
  350. <img src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif" style="opacity: 0.8;"></div>
  351. <div id="music3"><Div style="margin-top:4px;">
  352. <audio controls style="opacity: 0;"><source src="http://k007.kiwi6.com/hotlink/yrci4nsq88/Echos_-_Vacant.mp3"></audio>
  353. </div></div></div></div>
  354. </div>
  355. </body>
  356. </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!