Advertisement
RageQxeen

Sinful Resort

Jul 25th, 2022 (edited)
119
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.65 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=Berkshire+Swash|Cinzel+Decorative|Overlock|Yesteryear');
  50.  
  51. html, body {
  52. background: #fff0f3;
  53. background-image:url("https://i.ytimg.com/vi/ei6tEUqgXT8/maxresdefault.jpg");
  54. background-size: 100%;
  55. background-repeat:no-repeat;
  56. background-position:center;
  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. #name {
  77. z-index:15;
  78. position: absolute;
  79. right: 10%;
  80. top: 5%;
  81. margin: auto;
  82. background: #transparent;
  83. width: 500px;
  84. height: 70px;
  85. font-family: 'Berkshire Swash';
  86. font-size: 60px;
  87. background: url(https://thumbs.gfycat.com/BetterEnchantingCrane-size_restricted.gif) 0px 0px repeat;
  88. -webkit-text-fill-color: transparent;
  89. -webkit-background-clip: text;
  90. background-position: top;
  91. display:block;
  92. text-align: center;
  93. letter-spacing: 1px;
  94. -webkit-transition:opacity 2s linear;
  95. line-height:3.6vw;
  96. }
  97.  
  98. #nameunder{
  99. z-index:15;
  100. position: absolute;
  101. right: 10%;
  102. top: 5%;
  103. margin: auto;
  104. background: #transparent;
  105. width: 500px;
  106. height: 50px;
  107. font-family: 'Berkshire Swash';
  108. font-size: 60px;
  109. -webkit-text-fill-color: #000;
  110. text-transform: none;
  111. -webkit-background-clip: text;
  112. display:block;
  113. text-shadow: -1px 0 #999, 0 1px #000,1px 0 #000, 0 -1px #999;
  114. text-align: center;
  115. letter-spacing: 1px;
  116. -webkit-transition:opacity 2s linear;
  117. line-height:3.6vw;
  118. }
  119.  
  120. .header{
  121. position:absolute;
  122. width:500px;
  123. background:#transparent;
  124. height:100px;
  125. overflow:hidden;
  126. font-family: 'Great Vibes', cursive;
  127. font-size: 50px;
  128. font-weight:lighter;
  129. font-style:none;
  130. color:#000000;
  131. letter-spacing: 0px;
  132. text-transform:none;
  133. text-align:center;
  134. }
  135.  
  136. #container {
  137. background-color:#D0D4C2;
  138. width: 1000px;
  139. height: 560px;
  140. margin:auto;
  141. position: absolute;
  142. padding: 5px;
  143. font-family: 'Overlock', cursive;
  144. color: #000;
  145. right: 13%;
  146. bottom: 5%;
  147. z-index:1;
  148. border: #000000 solid 2px;
  149. box-shadow: 0px 0px 5px 5px #000;
  150. opacity: .95;
  151. }
  152.  
  153. #content {
  154. background-color:#cde7f0;
  155. width: 600px;
  156. height: 410px;
  157. margin:auto;
  158. position: absolute;
  159. padding: 5px;
  160. font-family: 'Overlock', cursive;
  161. color: #000;
  162. right: 3%;
  163. top: 23%;
  164. z-index:1;
  165. border: #000000 solid 2px;
  166. }
  167.  
  168. #friendlist {
  169. background-color:#cde7f0;
  170. width: 300px;
  171. height: 500px;
  172. margin:auto;
  173. position: absolute;
  174. padding: 5px;
  175. font-family: 'Overlock', cursive;
  176. color: #000;
  177. left: 3%;
  178. bottom: 3%;
  179. z-index:1;
  180. border: #000000 solid 2px;
  181. }
  182.  
  183. #nav {
  184. background-color: transparent;
  185. width: 250px;
  186. height:40px;
  187. margin:auto;
  188. position: absolute;
  189. right: 20.8%;
  190. top: 18%;
  191. text-align: center;
  192. z-index:1;
  193. }
  194.  
  195. #nav a, #nav a:link, #nav a:visited {
  196. display:inline-block;
  197. background: #ce2029;
  198. color: #ce2029;
  199. margin-top: 0px;
  200. margin-bottom: 0px;
  201. margin-left: 0px;
  202. height: 10px;
  203. width: 30px;
  204. border-radius: 5px;
  205. box-shadow: 0px 0px 5px #000;
  206. }
  207.  
  208. #nav a:active, #nav a:hover {
  209. display:inline-block;
  210. height: 10px;
  211. width: 30px;
  212. text-decoration:none;
  213. background: #000;
  214. color: #000;
  215. margin: 0px;
  216. box-shadow: 0px 0px 5px #ce2029;
  217. }
  218.  
  219. i{color: #9167a9;}
  220. b{color: #5fa970;}
  221. a{color: #b84887; text-decoration: none;}
  222. h1{ font-size: 25px; font-family: 'Cinzel Decorative', cursive; border-bottom: 1px solid #000; color: #000;}
  223. h2{ font-size: 20px; font-family: 'Cinzel Decorative', cursive; border-bottom: 1px solid #000; color: #000; text-align: left;}
  224. h3{ font-size: 15px; font-family: 'Cinzel Decorative', cursive; border-bottom: 1px solid #000; color: #000; text-align: right;}
  225.  
  226. </style>
  227. <div id="container">
  228. <div id="nameunder"> </div><div id="name"> </div>
  229.  
  230.  
  231. <div id="nav">
  232. <a href="#one"></a>
  233. <a href="#two"></a>
  234. <a href="#three"></a>
  235. <a href="#four"></a>
  236. <a href="#five"></a>
  237. <a href="#six"></a>
  238. </div>
  239.  
  240. <div id="content">
  241. <div style="width: 600px; height: 410px; overflow-y: hidden;">
  242.  
  243. <a name="one"></a>
  244. <div style="width: 600px; height: 410px; overflow: auto;" align="center">
  245. <h1> </h1><br><br>
  246.  
  247. </div>
  248.  
  249. <a name="two"></a>
  250. <div style="width: 600px; height: 410px; overflow: auto;" align="center">
  251. <h1>Places of Interest</h1>
  252.  
  253. <br><br>
  254. </div>
  255.  
  256.  
  257. <a name="three"></a>
  258. <div style="width: 600px; height: 410px; overflow: auto;" align="center">
  259. <h1>Rules</h1>
  260. <ul>
  261.  
  262. </ul>
  263. <br><br>
  264.  
  265. <h1>Coders</h1>
  266. <ul>
  267. <li> Room code made by <a target="_blank" href="https://rageqxeen.neocities.org/vw_codes/rageqxeen.html">RageQxeen!</a>
  268. <li> CODER.
  269. <li> CODER.
  270. <li> CODER.
  271. <li> CODER.
  272. </ul>
  273. </div>
  274.  
  275. <a name="four"></a>
  276. <div style="width: 600px; height: 410px; overflow: auto;" align="center">
  277. <h1>Events</h1>
  278. To Be Announced!
  279. </div>
  280. </div>
  281. </div>
  282.  
  283. <div id="friendlist">
  284. <div style="width: 300px; height: 500px; overflow-y: hidden;">
  285.  
  286. <a name="five"></a>
  287. <div style="width: 300px; height: 500px; overflow: auto;" align="center">
  288. <h1>The Staff</h1>
  289. <a target="_blank" href="/profile.php?user=Acedia"><img src="https://snag.gy/oLapYe.jpg" height="75" width="75" align="left" border="3"></a>
  290. <center><b>- Zaleth -</b><br> <i>The Sin Of Sloth</i></center> admin of the sinful resort.<br><br><br><br>
  291. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  292. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  293. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  294. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  295. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  296. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  297. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  298. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  299. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  300. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  301. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  302. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  303. </div>
  304.  
  305.  
  306.  
  307. <a name="six"></a>
  308. <div style="width: 300px; height: 500px; overflow: auto;" align="center">
  309. <h1>The Residents</h1>
  310. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  311. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  312. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  313. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  314. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  315. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  316. </div>
  317. </div>
  318. </div>
  319. </div>
  320. </body>
  321. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement