Advertisement
RageQxeen

Teach

Oct 7th, 2022
268
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.73 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: #db7672;
  53. background-image: url("https://www.transparenttextures.com/patterns/inflicted.png");
  54. background-size: 150px;
  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: 30vw;
  78. margin: 0px;
  79. border: none;
  80. height: 42vw;
  81. background-color:transparent;
  82. position: absolute;
  83. left: 10vw;
  84. bottom: 0vw;
  85. background-image:url("http://i.picpar.com/p7de.png");
  86. background-repeat:no-repeat;
  87. background-position: bottom;
  88. background-size: 100%;
  89. }
  90.  
  91. #banner {
  92. width: 40vw;
  93. margin: 0px;
  94. border: none;
  95. height: 12vw;
  96. background-color:transparent;
  97. position: absolute;
  98. right: 6vw;
  99. bottom: 26vw;
  100. padding: 5px;
  101. border: 2px solid #000;
  102. background-image:url("http://i.picpar.com/s7de.jpg");
  103. background-repeat:no-repeat;
  104. background-position: bottom;
  105. background-size: cover;
  106. }
  107.  
  108. #stats {
  109. background-color:#c0c0c0;
  110. width: 40vw;
  111. height: 12vw;
  112. margin:auto;
  113. position: absolute;
  114. padding: 5px;
  115. font-family: 'Aref Ruqaa', cursive;
  116. font-size: 15px;
  117. color: #000;
  118. right: 6vw;
  119. bottom: 26vw;
  120. z-index:1;
  121. border: #000000 solid 2px;
  122. }
  123.  
  124. #quirk {
  125. background-color:#c0c0c0;
  126. width: 19vw;
  127. height: 23vw;
  128. margin:auto;
  129. position: absolute;
  130. padding: 5px;
  131. font-family: 'Aref Ruqaa', cursive;
  132. font-size: 15px;
  133. color: #000;
  134. right: 27vw;
  135. bottom: 1vw;
  136. z-index:1;
  137. border: #000000 solid 2px;
  138. }
  139.  
  140. #friends {
  141. background-color:#c0c0c0;
  142. width: 20vw;
  143. height: 10vw;
  144. margin:auto;
  145. position: absolute;
  146. padding: 5px;
  147. font-family: 'Aref Ruqaa', cursive;
  148. font-size: 15px;
  149. color: #000;
  150. right: 6vw;
  151. bottom: 14vw;
  152. z-index:1;
  153. border: #000000 solid 2px;
  154. }
  155.  
  156. #ooc {
  157. background-color:#c0c0c0;
  158. width: 20vw;
  159. height: 11.5vw;
  160. margin:auto;
  161. position: absolute;
  162. padding: 5px;
  163. font-family: 'Aref Ruqaa', cursive;
  164. font-size: 15px;
  165. color: #000;
  166. right: 6vw;
  167. bottom: 1vw;
  168. z-index:1;
  169. border: #000000 solid 2px;
  170. }
  171.  
  172. .fade {
  173. opacity: 0;
  174. -webkit-transition: opacity 1s ease-in-out;
  175. -moz-transition: opacity 1s ease-in-out;
  176. -o-transition: opacity 1s ease-in-out;
  177. -ms-transition: opacity 1s ease-in-out;
  178. transition: opacity 1s ease-in-out;
  179. }
  180.  
  181. .fade:hover {
  182. opacity: 1;
  183. }
  184.  
  185. i{color: #443a59;}
  186. b{color: #000;}
  187. a{color: #444; text-decoration: none;}
  188. h1{border-bottom: 1px solid #000; text-align: center; font-size: 30px; font-family: 'Cinzel Decorative', cursive; color: #000;}
  189. </style>
  190.  
  191. <div id="image"></div>
  192. <div id="banner"></div>
  193.  
  194. <div id="stats" class="fade">
  195. <div style="width: 40vw; height: 12vw; overflow-y: hidden;">
  196.  
  197. <a name="one"></a>
  198. <div style="width: 40vw; height: 12vw; overflow: auto;" align="center">
  199. <span style="float:left;"><b>Name</b></span><span style="float:right;">Takanashi Miwa</span><br>
  200. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;">The Crimson Hero: Euphoria</span><br>
  201. <span style="float:left;"><b>Gender</b></span><span style="float:right;">Female</span><br>
  202. <span style="float:left;"><b>Age</b></span><span style="float:right;">28</span><br>
  203. <span style="float:left;"><b>Race</b></span><span style="float:right;">Human</span><br>
  204. <span style="float:left;"><b>Occupation</b></span><span style="float:right;">Sexual Education Teacher</span><br><br>
  205. <span style="float:left;"><b>Height</b></span><span style="float:right;">5'7"</span><br>
  206. <span style="float:left;"><b>Blood Type</b></span><span style="float:right;">140 lbs</span><br>
  207. <span style="float:left;"><b>Eyes</b></span><span style="float:right;">Crimson</span><br>
  208. <span style="float:left;"><b>Hair</b></span><span style="float:right;">Crimson</span><br><br>
  209. <span style="float:left;"><b>Orientation</b></span><span style="float:right;">Demisexual</span><br>
  210. <span style="float:left;"><b>Relationship</b></span><span style="float:right;">Single</span><br><br>
  211. <span style="float:left;"><b>Fighting Style</b></span><span style="float:right;">Kendo</span><br><br>
  212. <span style="float:left;"><b>Affiliation</b></span><span style="float:right;">U.A.</span>
  213. </div>
  214. </div>
  215. </div>
  216.  
  217. <div id="quirk">
  218. <div style="width: 19vw; height: 23vw; overflow-y: hidden;">
  219.  
  220. <a name="one"></a>
  221. <div style="width: 19vw; height: 23vw; overflow: auto;" align="left">
  222. <h1>Quirk</h1>
  223.  
  224. </div>
  225. </div>
  226. </div>
  227.  
  228. <div id="friends">
  229. <div style="width: 20vw; height: 10vw; overflow-y: hidden;">
  230.  
  231. <a name="one"></a>
  232. <div style="width: 20vw; height: 10vw; overflow: auto;" align="center">
  233. <h1>Friends</h1>
  234. <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>
  235. </div>
  236. </div>
  237. </div>
  238.  
  239. <div id="ooc">
  240. <div style="width: 20vw; height: 11.5vw; overflow-y: hidden;">
  241.  
  242. <a name="one"></a>
  243. <div style="width: 20vw; height: 11.5vw; overflow: auto;" align="left">
  244. <h1>OOC</h1>
  245. <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>
  246. <b>01</b>. OOC.<br>
  247. </div>
  248. </div>
  249. </div>
  250. </div>
  251. </body>
  252. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement