Advertisement
RageQxeen

Bakugo Katsuki

Feb 26th, 2020 (edited)
408
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.16 KB | None | 0 0
  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=Girassol|Bangers);
  50.  
  51. html, body {
  52. background-color: #b04a46;
  53. background-image: url("https://www.transparenttextures.com/patterns/dark-brick-wall.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. ::-webkit-scrollbar {
  71. height:60px;
  72. width:5px;
  73. background-color:#transparent;}
  74.  
  75. #image {
  76. width: 24vw;
  77. margin: 0px;
  78. border: none;
  79. height: 40vw;
  80. background-color:transparent;
  81. position: absolute;
  82. right: 20vw;
  83. bottom: 0vw;
  84. background-image:url("http://i.picpar.com/sWde.png");
  85. background-repeat:no-repeat;
  86. background-position: bottom;
  87. background-size: 100%;
  88. }
  89.  
  90. #stats {
  91. display: inline-block;
  92. background-color:#c0c0c0;
  93. width: 10vw;
  94. height: 25vw;
  95. margin:auto;
  96. position: absolute;
  97. padding: 5px;
  98. font-family: 'Girassol', cursive;
  99. font-size: 15px;
  100. color: #000;
  101. left: 10vw;
  102. bottom: 5vw;
  103. z-index:1;
  104. overflow: hidden;
  105. border: #000000 solid 2px;
  106. transition: 0.4s linear;
  107. -o-transition: 0.4s linear;
  108. -ms-transition: 0.4s linear;
  109. -moz-transition: 0.4s linear;
  110. -webkit-transition: 0.4s linear;
  111. }
  112.  
  113. #stats:hover {
  114. display: inline-block;
  115. width: 40vw;
  116. z-index: 2;
  117. transition: 0.4s linear;
  118. -o-transition: 0.4s linear;
  119. -ms-transition: 0.4s linear;
  120. -moz-transition: 0.4s linear;
  121. -webkit-transition: 0.4s linear;
  122. }
  123.  
  124. #quirk {
  125. display: inline-block;
  126. background-color:#c0c0c0;
  127. width: 10vw;
  128. height: 25vw;
  129. margin:auto;
  130. position: absolute;
  131. padding: 5px;
  132. font-family: 'Girassol', cursive;
  133. font-size: 15px;
  134. color: #000;
  135. left: 20vw;
  136. bottom: 5vw;
  137. z-index:1;
  138. overflow: hidden;
  139. border: #000000 solid 2px;
  140. transition: 0.4s linear;
  141. -o-transition: 0.4s linear;
  142. -ms-transition: 0.4s linear;
  143. -moz-transition: 0.4s linear;
  144. -webkit-transition: 0.4s linear;
  145. }
  146.  
  147. #quirk:hover {
  148. display: inline-block;
  149. width: 40vw;
  150. z-index: 2;
  151. transition: 0.4s linear;
  152. -o-transition: 0.4s linear;
  153. -ms-transition: 0.4s linear;
  154. -moz-transition: 0.4s linear;
  155. -webkit-transition: 0.4s linear;
  156. }
  157.  
  158. #friends {
  159. display: inline-block;
  160. background-color:#c0c0c0;
  161. width: 10vw;
  162. height: 25vw;
  163. margin:auto;
  164. position: absolute;
  165. padding: 5px;
  166. font-family: 'Girassol', cursive;
  167. font-size: 15px;
  168. color: #000;
  169. left: 30vw;
  170. bottom: 5vw;
  171. z-index:1;
  172. overflow: hidden;
  173. border: #000000 solid 2px;
  174. transition: 0.4s linear;
  175. -o-transition: 0.4s linear;
  176. -ms-transition: 0.4s linear;
  177. -moz-transition: 0.4s linear;
  178. -webkit-transition: 0.4s linear;
  179. }
  180.  
  181. #friends:hover {
  182. display: inline-block;
  183. width: 40vw;
  184. z-index: 2;
  185. transition: 0.4s linear;
  186. -o-transition: 0.4s linear;
  187. -ms-transition: 0.4s linear;
  188. -moz-transition: 0.4s linear;
  189. -webkit-transition: 0.4s linear;
  190. }
  191.  
  192. #ooc {
  193. display: inline-block;
  194. background-color:#c0c0c0;
  195. width: 10vw;
  196. height: 25vw;
  197. margin:auto;
  198. position: absolute;
  199. padding: 5px;
  200. font-family: 'Girassol', cursive;
  201. font-size: 15px;
  202. color: #000;
  203. left: 40vw;
  204. bottom: 5vw;
  205. z-index:1;
  206. overflow: hidden;
  207. border: #000000 solid 2px;
  208. transition: 0.4s linear;
  209. -o-transition: 0.4s linear;
  210. -ms-transition: 0.4s linear;
  211. -moz-transition: 0.4s linear;
  212. -webkit-transition: 0.4s linear;
  213. }
  214.  
  215. #ooc:hover {
  216. display: inline-block;
  217. width: 40vw;
  218. z-index: 2;
  219. transition: 0.4s linear;
  220. -o-transition: 0.4s linear;
  221. -ms-transition: 0.4s linear;
  222. -moz-transition: 0.4s linear;
  223. -webkit-transition: 0.4s linear;
  224. }
  225.  
  226. .name {position: absolute;
  227. font-family: 'Bangers';
  228. color: #fff;
  229. font-size: 4.5vw;
  230. bottom: 30vw;
  231. left: 10vw;
  232. width: 70vw;
  233. height: 6vw;
  234. border: 0px solid #000;
  235. text-align: justify;
  236. text-shadow: -1px 0 #00FFFF, 0 5px #000,5px 0 #000, 0 -1px #00FFFF;
  237. overflow: auto;
  238. padding:5px 5px 5px 5px;
  239. z-index: 2;}
  240.  
  241. .title { background: transparent;
  242. background:url('https://media1.giphy.com/media/lfAmTSkxUv9io/giphy.gif') no-repeat;
  243. background-position: center;
  244. background-size: 100%;
  245. position: absolute;
  246. font-family: 'Bangers';
  247. font-size: 4.5vw;
  248. bottom: 30vw;
  249. left: 10vw;
  250. width: 70vw;
  251. height: 6vw;
  252. text-align: justify;
  253. padding:5px 5px 5px 5px;
  254. -webkit-text-fill-color: transparent;
  255. -webkit-background-clip: text;
  256. z-index: 3;}
  257.  
  258. i{color: #990000;}
  259. b{color: #000;}
  260. a{color: #222; text-decoration: none;}
  261. h1{border-bottom: 1px solid #000; text-align: center; font-size: 30px; font-family: 'Bangers', cursive; color: #000;}
  262. </style>
  263.  
  264. <div id="image"></div>
  265.  
  266. <div class="name">Bakugo Katsuki</div>
  267. <div class="title">Bakugo Katsuki</div>
  268.  
  269. <div id="stats">
  270. <div style="width: 40vw; height: 25vw; overflow-y: hidden;">
  271.  
  272. <a name="one"></a>
  273. <div style="width: 40vw; height: 25vw; overflow: auto;" align="right">
  274. <img src="http://i.picpar.com/Lhee.jpg" style="float:left; width: 10vw; height:25vw; border: 1px solid #000;">
  275. <span style="float:left; padding: 5px;"><b>Name</b></span><span style="float:right;"></span><br><br>
  276. <span style="float:left; padding: 5px;"><b>Alias(es)</b></span><span style="float:right;"></span><br><br>
  277. <span style="float:left; padding: 5px;"><b>Gender</b></span><span style="float:right;">Male</span><br><br>
  278. <span style="float:left; padding: 5px;"><b>Age</b></span><span style="float:right;"></span><br><br>
  279. <span style="float:left; padding: 5px;"><b>Race</b></span><span style="float:right;">Human</span><br><br>
  280. <span style="float:left; padding: 5px;"><b>Class</b></span><span style="float:right;"></span><br><br><br>
  281. <span style="float:left; padding: 5px;"><b>Height</b></span><span style="float:right;"></span><br><br>
  282. <span style="float:left; padding: 5px;"><b>Blood Type</b></span><span style="float:right;"></span><br><br>
  283. <span style="float:left; padding: 5px;"><b>Eyes</b></span><span style="float:right;"></span><br><br>
  284. <span style="float:left; padding: 5px;"><b>Hair</b></span><span style="float:right;"></span><br><br><br>
  285. <span style="float:left; padding: 5px;"><b>Orientation</b></span><span style="float:right;"></span><br><br>
  286. <span style="float:left; padding: 5px;"><b>Relationship</b></span><span style="float:right;">Single</span><br><br><br>
  287. <span style="float:left; padding: 5px;"><b>Fighting Style</b></span><span style="float:right;"></span><br><br><br>
  288. <span style="float:left; padding: 5px;"><b>Affiliation</b></span><span style="float:right;">U.A.</span>
  289. </div>
  290. </div>
  291. </div>
  292.  
  293. <div id="quirk">
  294. <div style="width: 40vw; height: 25vw; overflow-y: hidden;">
  295.  
  296. <a name="one"></a>
  297. <div style="width: 40vw; height: 25vw; overflow: auto;" align="right">
  298. <img src="http://i.picpar.com/Mhee.jpg" style="float:left; width: 10vw; height:25vw; border: 1px solid #000;">
  299.  
  300. <h1>Combat</h1>
  301. <span style="float:left;"><b>Cooperation</b></span><span style="float:right;">●●●●○</span><br><br>
  302. <span style="float:left;"><b>Power</b></span><span style="float:right;">●●●●○</span><br><br>
  303. <span style="float:left;"><b>Speed</b></span><span style="float:right;">●●○○○</span><br><br>
  304. <span style="float:left;"><b>Intelligence</b></span><span style="float:right;">●●●○○</span><br><br>
  305. <span style="float:left;"><b>Technique</b></span><span style="float:right;">●●●○○</span><br><br>
  306.  
  307. <h2>Quirk</h2>
  308. <b>Quirk Name:</b> <br><br>
  309. <b>Quirk Type:</b> <br><br>
  310. <b>Quirk Description:</b>
  311.  
  312. <h3>Equipment</h3>
  313. <b>TBA</b>
  314. </div>
  315. </div>
  316. </div>
  317.  
  318. <div id="friends">
  319. <div style="width: 40vw; height: 25vw; overflow-y: hidden;">
  320.  
  321. <a name="one"></a>
  322. <div style="width: 40vw; height: 25vw; overflow: auto;" align="right">
  323. <img src="http://i.picpar.com/Nhee.jpg" style="float:left; width: 10vw; height:25vw; border: 1px solid #000;">
  324.  
  325. <h1>Friends</h1>
  326. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a><br>
  327. <center><b>- Name -</b><br> <i>foe/friend</i><br> small note.</center><br><br><br><br>
  328. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a><br>
  329. <center><b>- Name -</b><br> <i>foe/friend</i><br> small note.</center><br><br><br><br>
  330. </div>
  331. </div>
  332. </div>
  333.  
  334. <div id="ooc">
  335. <div style="width: 40vw; height: 25vw; overflow-y: hidden;">
  336.  
  337. <a name="one"></a>
  338. <div style="width: 40vw; height: 25vw; overflow: auto;" align="right">
  339. <img src="http://i.picpar.com/Ohee.jpg" style="float:left; width: 10vw; height:25vw; border: 1px solid #000;">
  340.  
  341. <h1>Out of Explosives</h1>
  342.  
  343. <center><b>00</b>. Code made by <a href="https://rageqxeen.neocities.org/vw_codes/rageqxeen.html" target="_blank">RageQxeen</a>, do not steal.<br><br></center>
  344.  
  345. <b>01</b>. OOC.<br><br>
  346. <b>02</b>. OOC.<br><br>
  347. <b>03</b>. OOC.<br><br>
  348. <b>04</b>. OOC.<br><br>
  349. <b>05</b>. OOC.<br><br>
  350. </div>
  351. </div>
  352. </div>
  353. </body>
  354. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement