RageQxeen

Leafa

Mar 28th, 2020
208
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.74 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=Cinzel|Cinzel+Decorative|Aref+Ruqaa);
  50.  
  51. html, body {
  52. background-color: #668a6d;
  53. background-image: url("https://www.transparenttextures.com/patterns/pixel-weave.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:60px;}
  69.  
  70.  
  71. ::-webkit-scrollbar {
  72. height:60px;
  73. width:5px;
  74. background-color:#transparent;}
  75.  
  76. #image {
  77. width: 35vw;
  78. margin: 0px;
  79. border: none;
  80. height: 40vw;
  81. background-color:transparent;
  82. position: absolute;
  83. right: 0vw;
  84. bottom: 0vw;
  85. background-image:url("http://i.picpar.com/kFle.png");
  86. background-repeat:no-repeat;
  87. background-position: bottom;
  88. background-size: 100%;
  89. -webkit-animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  90. animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  91. }
  92.  
  93. #stats {
  94. background-color:#c0c0c0;
  95. width: 40vw;
  96. height: 12vw;
  97. margin:auto;
  98. position: absolute;
  99. padding: 5px;
  100. font-family: 'Aref Ruqaa', cursive;
  101. font-size: 15px;
  102. color: #000;
  103. left: 10vw;
  104. bottom: 26vw;
  105. z-index:1;
  106. border: #000000 solid 2px;
  107. }
  108.  
  109. #power {
  110. background-color:#c0c0c0;
  111. width: 19vw;
  112. height: 23vw;
  113. margin:auto;
  114. position: absolute;
  115. padding: 5px;
  116. font-family: 'Aref Ruqaa', cursive;
  117. font-size: 15px;
  118. color: #000;
  119. left: 31vw;
  120. bottom: 1vw;
  121. z-index:1;
  122. border: #000000 solid 2px;
  123. }
  124.  
  125. #friends {
  126. background-color:#c0c0c0;
  127. width: 20vw;
  128. height: 10vw;
  129. margin:auto;
  130. position: absolute;
  131. padding: 5px;
  132. font-family: 'Aref Ruqaa', cursive;
  133. font-size: 15px;
  134. color: #000;
  135. left: 10vw;
  136. bottom: 14vw;
  137. z-index:1;
  138. border: #000000 solid 2px;
  139. }
  140.  
  141. #ooc {
  142. background-color:#c0c0c0;
  143. width: 20vw;
  144. height: 11.5vw;
  145. margin:auto;
  146. position: absolute;
  147. padding: 5px;
  148. font-family: 'Aref Ruqaa', cursive;
  149. font-size: 15px;
  150. color: #000;
  151. left: 10vw;
  152. bottom: 1vw;
  153. z-index:1;
  154. border: #000000 solid 2px;
  155. }
  156.  
  157. .name {position: absolute;
  158. font-family: 'Cinzel Decorative';
  159. color: #fff;
  160. font-size: 6vw;
  161. bottom: 0vw;
  162. right: 0vw;
  163. width: 30vw;
  164. height: 9vw;
  165. border: 0px solid #000;
  166. text-align: justify;
  167. text-shadow: -1px 0 #c0c0c0, 0 1px #000,1px 0 #000, 0 -1px #c0c0c0;
  168. overflow: auto;
  169. padding:5px 5px 5px 5px;
  170. z-index: 2;}
  171.  
  172. .title { background: transparent;
  173. background:url('https://i.pinimg.com/originals/74/35/62/743562f03c1b6a8a86c740cd9e4367fd.gif') 50px 50px repeat;
  174. background-position: center;
  175. position: absolute;
  176. font-family: 'Cinzel Decorative';
  177. font-size: 6vw;
  178. bottom: 0vw;
  179. right: 0vw;
  180. width: 30vw;
  181. height: 9vw;
  182. text-align: justify;
  183. padding:5px 5px 5px 5px;
  184. -webkit-text-fill-color: transparent;
  185. -webkit-background-clip: text;
  186. z-index: 3;}
  187.  
  188. @-webkit-keyframes slide-in-left {
  189. 0% {
  190. -webkit-transform: translateX(-1000px);
  191. transform: translateX(-1000px);
  192. opacity: 0;
  193. }
  194. 100% {
  195. -webkit-transform: translateX(0);
  196. transform: translateX(0);
  197. opacity: 1;
  198. }
  199. }
  200. @keyframes slide-in-left {
  201. 0% {
  202. -webkit-transform: translateX(-1000px);
  203. transform: translateX(-1000px);
  204. opacity: 0;
  205. }
  206. 100% {
  207. -webkit-transform: translateX(0);
  208. transform: translateX(0);
  209. opacity: 1;
  210. }
  211. }
  212.  
  213. i{color: #443a59;}
  214. b{color: #000;}
  215. a{color: #444; text-decoration: none;}
  216. h1{border-bottom: 1px solid #000; text-align: center; font-size: 30px; font-family: 'Cinzel', cursive; color: #000;}
  217. h2{border-bottom: 1px solid #000; text-align: left; font-size: 30px; font-family: 'Cinzel', cursive; color: #000;}
  218. h3{border-bottom: 1px solid #000; text-align: right; font-size: 30px; font-family: 'Cinzel', cursive; color: #000;}
  219. </style>
  220.  
  221. <div class="name">Kirigaya</div>
  222. <div class="title">Kirigaya</div>
  223.  
  224. <div id="image"></div>
  225.  
  226. <div id="stats">
  227. <div style="width: 40vw; height: 12vw; overflow-y: hidden;">
  228.  
  229. <a name="one"></a>
  230. <div style="width: 40vw; height: 12vw; overflow: auto;" align="center">
  231. <span style="float:left;"><b>Name</b></span><span style="float:right;"></span><br>
  232. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;"></span><br>
  233. <span style="float:left;"><b>Gender</b></span><span style="float:right;"></span><br>
  234. <span style="float:left;"><b>Age</b></span><span style="float:right;"></span><br>
  235. <span style="float:left;"><b>Race</b></span><span style="float:right;"></span><br>
  236. <span style="float:left;"><b>Occupation</b></span><span style="float:right;"></span><br><br>
  237. <span style="float:left;"><b>Height</b></span><span style="float:right;"></span><br>
  238. <span style="float:left;"><b>Blood Type</b></span><span style="float:right;"></span><br>
  239. <span style="float:left;"><b>Eyes</b></span><span style="float:right;"></span><br>
  240. <span style="float:left;"><b>Hair</b></span><span style="float:right;"></span><br><br>
  241. <span style="float:left;"><b>Orientation</b></span><span style="float:right;"></span><br>
  242. <span style="float:left;"><b>Relationship</b></span><span style="float:right;"></span><br><br>
  243. <span style="float:left;"><b>Fighting Style</b></span><span style="float:right;"></span><br><br>
  244. <span style="float:left;"><b>Affiliation</b></span><span style="float:right;"></span>
  245. </div>
  246. </div>
  247. </div>
  248.  
  249. <div id="power">
  250. <div style="width: 19vw; height: 23vw; overflow-y: hidden;">
  251.  
  252. <a name="one"></a>
  253. <div style="width: 19vw; height: 23vw; overflow: auto;" align="left">
  254. <h1>Power</h1>
  255.  
  256. </div>
  257. </div>
  258. </div>
  259.  
  260. <div id="friends">
  261. <div style="width: 20vw; height: 10vw; overflow-y: hidden;">
  262.  
  263. <a name="one"></a>
  264. <div style="width: 20vw; height: 10vw; overflow: auto;" align="center">
  265. <h1>Friends</h1>
  266. <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="70" width="70" align="left" border="5" title="WORDS"></a>
  267. </div>
  268. </div>
  269. </div>
  270.  
  271. <div id="ooc">
  272. <div style="width: 20vw; height: 11.5vw; overflow-y: hidden;">
  273.  
  274. <a name="one"></a>
  275. <div style="width: 20vw; height: 11.5vw; overflow: auto;" align="left">
  276. <h1>OOC</h1>
  277. <center><b>00</b>. Code made by <a href="/profile.php?user=RageQxeen" target="_blank">RageQxeen</a>, do not steal.<br><br></center>
  278. <b>01</b>. OOC.<br>
  279. <b>02</b>. OOC.<br>
  280. <b>03</b>. OOC.<br>
  281. <b>04</b>. OOC.<br>
  282. <b>05</b>. OOC.<br>
  283. </div>
  284. </div>
  285. </div>
  286. </body>
  287. </html>
Advertisement
Add Comment
Please, Sign In to add comment