Advertisement
RageQxeen

Princess of Annihilation

Jul 25th, 2022 (edited)
190
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.77 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=Baskervville|IM+Fell+Great+Primer+SC|Libre+Baskerville&display=swap');
  50.  
  51. html, body {
  52. background: #fff0f3;
  53. background-image:url("https://data.whicdn.com/images/123177880/original.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: 26vw;
  78. margin: 0px;
  79. border: none;
  80. height: 46vw;
  81. background-color:transparent;
  82. position: absolute;
  83. right: 10vw;
  84. bottom: 0vw;
  85. background-image:url("http://i.picpar.com/UO5e.png");
  86. background-repeat:no-repeat;
  87. background-position: bottom;
  88. background-size: 100%;
  89. z-index: 2;
  90. -webkit-transition: 0.5s linear;
  91. -moz-transition: 0.5s linear;
  92. -o-transition: 0.5s linear;
  93. transition: 0.5s linear;
  94. }
  95.  
  96. #image:hover {
  97. background-image:url("http://i.picpar.com/VO5e.png");
  98. background-repeat:no-repeat;
  99. background-position: bottom;
  100. background-size: 100%;
  101. -webkit-transition: 0.5s linear;
  102. -moz-transition: 0.5s linear;
  103. -o-transition: 0.5s linear;
  104. transition: 0.5s linear;
  105. }
  106.  
  107. #container {
  108. background-color:#4c4c4c;
  109. width: 65vw;
  110. height: 32vw;
  111. margin:auto;
  112. position: absolute;
  113. padding: 5px;
  114. left: 15vw;
  115. bottom: 5vw;
  116. z-index:1;
  117. box-shadow: 0px 5px 10px #e8e0cf;
  118. -webkit-animation: scale-in-ver-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  119. animation: scale-in-ver-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  120. }
  121.  
  122. #content {
  123. background-color:#e8e0cf;
  124. width: 45vw;
  125. height: 20vw;
  126. margin:auto;
  127. position: absolute;
  128. padding: 5px;
  129. font-family: 'Baskervville', cursive;
  130. font-size: 18px;
  131. color: #000;
  132. left: 3.5vw;
  133. top: 1.5vw;
  134. z-index:1;
  135. border: #000000 solid 2px;
  136. }
  137.  
  138. #friendlist {
  139. background-color:#e8e0cf;
  140. width: 45vw;
  141. height: 8vw;
  142. margin:auto;
  143. position: absolute;
  144. padding: 5px;
  145. font-family: 'Baskervville', cursive;
  146. font-size: 18px;
  147. color: #000;
  148. left: 3.5vw;
  149. bottom: 1vw;
  150. z-index:1;
  151. border: #000000 solid 2px;
  152. }
  153.  
  154.  
  155. #nav {
  156. background-color: transparent;
  157. width: .5vw;
  158. height: 1.7vw;
  159. margin:auto;
  160. position: absolute;
  161. left: 0.3vw;
  162. top: 9vw;
  163. text-align:right;
  164. z-index:1;
  165. }
  166.  
  167. #nav a, #nav a:link, #nav a:visited {
  168. display:inline-block;
  169. height: 1.8vw;
  170. width: 1.8vw;
  171. text-decoration:none;
  172. background: #632f2f;
  173. margin: 5px;
  174. border: double #000 5px;
  175. -webkit-transition: 0.5s linear;
  176. -moz-transition: 0.5s linear;
  177. -o-transition: 0.5s linear;
  178. transition: 0.5s linear;
  179. }
  180.  
  181. #nav a:active, #nav a:hover {
  182. display:inline-block;
  183. height: 1.8vw;
  184. width: 1.8vw;
  185. text-decoration:none;
  186. background: #650707;
  187. margin: 5px;
  188. border: double #000 5px;
  189. -webkit-transition: 0.5s linear;
  190. -moz-transition: 0.5s linear;
  191. -o-transition: 0.5s linear;
  192. transition: 0.5s linear;
  193. }
  194.  
  195. #name {
  196. z-index:15;
  197. position: absolute;
  198. left: -5vw;
  199. top: -2vw;
  200. margin: auto;
  201. background: #transparent;
  202. width: 60vw;
  203. height: 4vw;
  204. font-family: 'IM Fell Great Primer SC', cursive;
  205. font-size: 4.5vw;
  206. background: url(https://66.media.tumblr.com/3bc253ffd4f7e9750f668ed263843bff/tumblr_mszcadns5z1s5x6jgo1_400.gif) 50px 50px repeat;
  207. -webkit-text-fill-color: transparent;
  208. -webkit-background-clip: text;
  209. background-position: center;
  210. display:block;
  211. text-align: center;
  212. letter-spacing: 1px;
  213. -webkit-transition:opacity 2s linear;
  214. line-height:3.6vw;
  215. -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.5s both;
  216. animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.5s both;
  217. }
  218.  
  219. #nameunder{
  220. z-index:15;
  221. position: absolute;
  222. left: -5vw;
  223. top: -2vw;
  224. margin: auto;
  225. background: #transparent;
  226. width: 60vw;
  227. height: 4vw;
  228. font-family: 'IM Fell Great Primer SC', cursive;
  229. font-size: 4.5vw;
  230. -webkit-text-fill-color: #A9A9A9;
  231. text-transform: none;
  232. -webkit-background-clip: text;
  233. display:block;
  234. text-shadow: -1px 0 #c0c0c0, 0 1px #000,1px 0 #000, 0 -1px #c0c0c0;
  235. text-align: center;
  236. letter-spacing: 1px;
  237. -webkit-transition:opacity 2s linear;
  238. line-height:3.6vw;
  239. -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.5s both;
  240. animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.5s both;
  241. }
  242.  
  243. @-webkit-keyframes scale-in-ver-center {
  244. 0% {
  245. -webkit-transform: scaleY(0);
  246. transform: scaleY(0);
  247. opacity: 1;
  248. }
  249. 100% {
  250. -webkit-transform: scaleY(1);
  251. transform: scaleY(1);
  252. opacity: 1;
  253. }
  254. }
  255. @keyframes scale-in-ver-center {
  256. 0% {
  257. -webkit-transform: scaleY(0);
  258. transform: scaleY(0);
  259. opacity: 1;
  260. }
  261. 100% {
  262. -webkit-transform: scaleY(1);
  263. transform: scaleY(1);
  264. opacity: 1;
  265. }
  266. }
  267.  
  268. @-webkit-keyframes fade-in {
  269. 0% {
  270. opacity: 0;
  271. }
  272. 100% {
  273. opacity: 1;
  274. }
  275. }
  276. @keyframes fade-in {
  277. 0% {
  278. opacity: 0;
  279. }
  280. 100% {
  281. opacity: 1;
  282. }
  283. }
  284.  
  285. i{color: #443a59;}
  286. b{color: #000;}
  287. a{color: #444; text-decoration: none;}
  288. h1{border-bottom: 1px solid #000; text-align: center; font-size: 30px; font-family: 'Libre Baskerville', cursive; color: #000;}
  289. h2{border-bottom: 1px solid #000; text-align: left; font-size: 30px; font-family: 'Libre Baskerville', cursive; color: #000;}
  290. h3{border-bottom: 1px solid #000; text-align: right; font-size: 30px; font-family: 'Libre Baskerville', cursive; color: #000;}
  291. </style>
  292.  
  293. <div id="image"></div>
  294.  
  295. <div id="container">
  296. <div id="nameunder">daughter of the dragon</div><div id="name">daughter of the dragon</div>
  297.  
  298. <div id="nav">
  299. <a href="#one"></a>
  300. <a href="#two"></a>
  301. <a href="#three"></a>
  302. <a href="#four"></a>
  303. <a href="#five"></a>
  304. </div>
  305.  
  306. <div id="content">
  307. <div style="width: 45vw; height: 20vw; overflow-y: hidden;">
  308.  
  309. <a name="one"></a>
  310. <div style="width: 45vw; height: 20vw; overflow: auto;" align="center">
  311. <span style="float:left;"><b>Name</b></span><span style="float:right;"> </span><br>
  312. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;"><a title=" ">hover</a></span><br>
  313. <span style="float:left;"><b>Gender</b></span><span style="float:right;"> </span><br>
  314. <span style="float:left;"><b>Age</b></span><span style="float:right;"> </span><br>
  315. <span style="float:left;"><b>Apparent Age</b></span><span style="float:right;"> </span><br>
  316. <span style="float:left;"><b>Race</b></span><span style="float:right;"> </span><br>
  317. <span style="float:left;"><b>Voice</b></span><span style="float:right;"><a href="HERE" target="_blank">Click~</a></span><br><br>
  318. <span style="float:left;"><b>Height</b></span><span style="float:right;"> </span><br>
  319. <span style="float:left;"><b>Weight</b></span><span style="float:right;"> </span><br>
  320. <span style="float:left;"><b>Eyes</b></span><span style="float:right;"> </span><br>
  321. <span style="float:left;"><b>Hair</b></span><span style="float:right;"> </span><br>
  322. <span style="float:left;"><b>Build</b></span><span style="float:right;"> </span><br><br>
  323. <span style="float:left;"><b>Orientation</b></span><span style="float:right;"> </span><br>
  324. <span style="float:left;"><b>Relationship</b></span><span style="float:right;"> </span><br>
  325. <span style="float:left;"><b>Affiliation</b></span><span style="float:right;"> </span><br><br>
  326. </div>
  327.  
  328. <a name="two"></a>
  329. <div style="width: 45vw; height: 20vw; overflow: auto;" align="left">
  330. <h1>Family Tree</h1>
  331.  
  332.  
  333. </div>
  334.  
  335. <a name="three"></a>
  336. <div style="width: 45vw; height: 20vw; overflow: auto;" align="left">
  337. <h1>Abilities</h1>
  338.  
  339. </div>
  340.  
  341.  
  342. <a name="four"></a>
  343. <div style="width: 45vw; height: 20vw; overflow: auto;" align="left">
  344. <h1>History</h1>
  345.  
  346. </div>
  347.  
  348. <a name="five"></a>
  349. <div style="width: 45vw; height: 20vw; overflow: auto;" align="left">
  350. <h1>Out of Character</h1>
  351. <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>
  352.  
  353. </div>
  354. </div>
  355. </div>
  356.  
  357. <div id="friendlist">
  358. <div style="width: 45vw; height: 8vw; overflow: auto;" align="center">
  359. <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
  360. <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>
  361. </marquee>
  362. </div>
  363. </div>
  364. </div>
  365. </body>
  366. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement