RageQxeen

Wednesday

Mar 8th, 2020
391
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.30 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. @font-face {
  50. font-family: Name;
  51. src: url(https://dl.dropbox.com/s/661pf8mnsqinhpn/Reindeer%20Christmas%20-%20Personal%20Use.otf?dl=0);
  52. }
  53.  
  54. @import url('https://fonts.googleapis.com/css?family=Cinzel+Decorative|Forum|Rouge+Script|Special+Elite');
  55.  
  56. html, body {
  57. background: #BFBCCB;
  58. background-image:url("");
  59. background-size:400px;
  60. background-repeat:no-repeat;
  61. background-position:center bottom;
  62. }
  63.  
  64. ::-webkit-scrollbar-button:vertical:{
  65. background-color: #transparent;}
  66.  
  67. ::-webkit-scrollbar-thumb:vertical {
  68. background-color:#transparent;
  69. height:150px;}
  70.  
  71. ::-webkit-scrollbar-thumb:horizontal {
  72. background-color:#transparent;
  73. height:60px;}
  74.  
  75.  
  76. ::-webkit-scrollbar {
  77. height:60px;
  78. width:5px;
  79. background-color:#transparent;}
  80.  
  81. #image {
  82. width: 500px;
  83. margin: 0px;
  84. border: none;
  85. height: 700px;
  86. background-color:transparent;
  87. position: absolute;
  88. right: 0%;
  89. bottom: 0%;
  90. background-image:url("http://i.picpar.com/ssge.png");
  91. background-repeat:no-repeat;
  92. background-position: bottom;
  93. background-size: 100%;
  94. }
  95.  
  96. #content{
  97. width: 650px;
  98. height: 450px;
  99. margin: 0px;
  100. position: absolute;
  101. background-position: center;
  102. left: 15%;
  103. top: 8%;
  104. background-color: #4E2C53;
  105. box-shadow: 0px 0px 5px 5px #070707;
  106. -webkit-animation: hermove 3s; /* Safari 4.0 - 8.0 */
  107. animation: hermove 3s;
  108. -webkit-animation-timing-function: linear;
  109. animation-timing-function: linear;
  110. z-index: 1;
  111. }
  112.  
  113. #box{
  114. background-color: transparent;
  115. position: absolute;
  116. width: 600px;
  117. height: 370px;
  118. margin: auto;
  119. padding: 10px;
  120. text-align: justify;
  121. font-family: 'Forum';
  122. font-size: 18px;
  123. color: #fefefe;
  124. right: 2%;
  125. top: 2%;
  126. border: 3px solid #000;
  127. }
  128.  
  129. #friendlist{
  130. width: 100px;
  131. height: 450px;
  132. margin: 0px;
  133. position: absolute;
  134. background-position: center;
  135. left: 17%;
  136. top: 8%;
  137. background-color: #4E2C53;
  138. box-shadow: 0px 0px 5px 5px #070707;
  139. text-align: justify;
  140. font-family: 'Forum';
  141. font-size: 18px;
  142. color: #fefefe;
  143. left: 5.5%;
  144. top: 8%;
  145. -webkit-animation: hermove 3s; /* Safari 4.0 - 8.0 */
  146. animation: hermove 3s;
  147. -webkit-animation-timing-function: linear;
  148. animation-timing-function: linear;
  149. }
  150.  
  151. @-webkit-keyframes hermove {
  152. from {top: -100%}
  153. to {top: 5%;}
  154. }
  155.  
  156. @keyframes hermove {
  157. from {top: -100%;}
  158. to {top: 5%;}
  159. }
  160.  
  161. #nav {
  162. background-color: transparent;
  163. width: 300px;
  164. height:10px;
  165. margin:auto;
  166. position: absolute;
  167. left: -17%;
  168. bottom: 3%;
  169. text-align: center;
  170. text-decoration: none;
  171. z-index:1;
  172. }
  173.  
  174. #nav a, #nav a:link, #nav a:visited {
  175. display:inline-block;
  176. text-decoration: none;
  177. text-align: center;
  178. background: #4e2c53;
  179. color: transparent;
  180. box-shadow: 0px 0px 5px #000;
  181. padding: 4px;
  182. height: 4px;
  183. width: 4px;
  184. border-radius: 5px;
  185. }
  186.  
  187. #nav a:active, #nav a:hover {
  188. display:inline-block;
  189. height: 4px;
  190. width: 4px;
  191. text-decoration:none;
  192. background: #533359;
  193. box-shadow: 0px 0px 5px #000;
  194. color: transparent;
  195. margin: 0px;
  196. }
  197.  
  198. .name {position: absolute;
  199. font-family: 'Name';
  200. color: #000;
  201. font-size: 150px;
  202. bottom: 10%;
  203. left: 30%;
  204. width: 500px;
  205. border: 0px solid #000;
  206. text-align: center;
  207. text-shadow:
  208. #000 -3px 0px,
  209. #000 0px 2px,
  210. #605D9B 2px 0px,
  211. #605D9B 0px -2px;
  212. z-index: 2;
  213. }
  214.  
  215. .namebg { background: transparent;
  216. background:url('https://i.pinimg.com/originals/7a/79/a2/7a79a2885a548da22d2ad38a138ce0e4.gif')
  217. left left repeat;
  218. font-family: 'Rouge Script';
  219. position: absolute;
  220. text-align: center;
  221. font-size: 60px;
  222. top: 10%;
  223. left 100%;
  224. width: 880px;
  225. opacity:1;
  226. -webkit-text-fill-color: transparent;
  227. -webkit-background-clip: text;
  228. z-index:3;
  229. }
  230.  
  231. /*Code by Alikade, please keep this credit where it is, it will not interfere with the rest of the code.*/
  232.  
  233. #editthis{ position:fixed;height: 27px; width: 30px; bottom: 0%; right: 0%; margin: auto; z-index:99;}
  234.  
  235. #music1{ position:fixed; padding:2px; border-radius: 50%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
  236.  
  237. #music1:hover #music2{ opacity: 0; margin-top:-20px; z-index:-1;}
  238.  
  239. #music1:hover #music3{ opacity: .5; margin-top:-5px; z-index:99;}
  240.  
  241. #music1:hover #musiclist{ opacity: .5;}
  242.  
  243. #music2{ opacity: .5; background-color:#000000; padding:6px; border-radius: 50%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
  244.  
  245. #music3{ opacity: 0; position:fixed; background-color:#000000; background-image: url('https://www.pngkey.com/png/full/11-113290_playbutton-video-player-button-png.png'); background-repeat: no-repeat; background-size: 25px; border:1px dotted #b3b3e5; border-radius: 50%; width:25px; height:25px; z-index:99 margin-left:0px; overflow:hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  246.  
  247. i{color: #01BAEF;}
  248. b{color: #0D160B;}
  249. a{color: #111; text-decoration: none;}
  250. h1{border-bottom: 1px solid #000; text-align: center; font-size: 30px; font-family: 'Cinzel Decorative', cursive;}
  251. h2{text-align: left; font-size: 25px; font-family: 'Cinzel Decorative', cursive; border-bottom: 1px solid #000;}
  252. h3{text-align: right; font-size: 25px; font-family: 'Cinzel Decorative', cursive; border-bottom: 1px solid #000;}
  253. </style>
  254.  
  255. <div id="image"></div>
  256.  
  257. <div class="name">Wednesday</div>
  258.  
  259. <div id="content">
  260.  
  261. <div id="editthis"><div id="music1"><div id="music2">
  262. <img src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif" style="opacity: 0.8;"></div>
  263. <div id="music3"><Div style="margin-top:4px;">
  264. <audio controls style="opacity: 0;"><source src="http://k007.kiwi6.com/hotlink/bk0ujs85un/DIAMANTE_-_Had_Enough_Official_Video_.mp3"></audio>
  265. </div></div></div></div>
  266.  
  267. <div id="nav">
  268. <a href="#one">Main</a>
  269. <a href="#two">Seco</a>
  270. <a href="#three">Thir</a>
  271. <a href="#four">Four</a>
  272. </div>
  273.  
  274. <div id="box">
  275. <div style="width: 600px; height: 370px; overflow-y: hidden;">
  276.  
  277. <a name="one"></a>
  278. <div style="width: 600px; height: 370px; overflow: auto;" align="center">
  279. <h1>the usual</h1>
  280. <font style=float:left><b>Name</b></font> <font style=float:right>Wednesday</font><br>
  281. <font style=float:left><b>Moniker</b></font> <font style=float:right>Suiyobi</font><br>
  282. <font style=float:left><b>Gender</b></font> <font style=float:right>Enby</font><br>
  283. <font style=float:left><b>Apparent Age</b></font> <font style=float:right>23</font><br>
  284. <font style=float:left><b>Height</b></font> <font style=float:right>4'11"</font><br>
  285. <font style=float:left><b>Weight</b></font> <font style=float:right>135 lbs</font><br>
  286. <font style=float:left><b>Tresses</b></font> <font style=float:right>Black</font><br>
  287. <font style=float:left><b>Irises</b></font> <font style=float:right>Black</font><br>
  288. <font style=float:left><b>Marital</b></font> <font style=float:right><a target="_blank" href="https://roleplay.chat/profile.php?user=Suiyobi" target="_blank"> <u>Unattached</u></a></font><br>
  289. <font style=float:left><b>Orientation</b></font> <font style=float:right>Sapiosexual</font><br>
  290. <font style=float:left><b>Occupation</b></font> <font style=float:right>Professional Couch Potato</font><br>
  291. <font style=float:left><b>Theme</b></font> <font style=float:right><a target="_blank" href="https://www.youtube.com/watch?v=5cPW0ggFq04" target="_blank"> <u>♫</u></a></font>
  292.  
  293. </div>
  294.  
  295. <a name="two"></a>
  296. <div style="width: 600px; height: 370px; overflow: auto;" align="left">
  297. <h2>history</h2>
  298. TBA
  299. </div>
  300.  
  301. <a name="three"></a>
  302. <div style="width: 600px; height: 370px; overflow: auto;" align="left">
  303. <h2>connections</h2>
  304. TBA
  305. </div>
  306.  
  307. <a name="four"></a>
  308. <div style="width: 600px; height: 370px; overflow: auto;" align="left">
  309. <h2>out of character</h2>
  310. TBA
  311. </div>
  312. </div>
  313. </div>
  314. </div>
  315.  
  316.  
  317. <div id="friendlist">
  318. <div style="width: 100px; height: 450px; overflow-y: hidden;">
  319.  
  320. <div style="width: 100px; height: 450px; overflow: auto;" align="center">
  321. <br>
  322. <a target="_blank" href="https://roleplay.chat/profile.php?user=Monday" style="height:75px; width:100px; align: center; border: double #000 5px; background-color: #BA55D3;">Monday</a>
  323. <br><br>
  324. <a target="_blank" href="https://roleplay.chat/profile.php?user=Kayobi" style="height:75px; width:100px; align: center; border: double #000 5px; background-color: #BA55D3;">Tuesday</a>
  325. <br><br>
  326. <a target="_blank" href="https://roleplay.chat/profile.php?user=Mokuyobi" style="height:75px; width:100px; align: center; border: double #000 5px; background-color: #BA55D3;">Thursday</a>
  327. <br><br>
  328. <a target="_blank" href="https://roleplay.chat/profile.php?user=Kinyobi" style="height:75px; width:100px; align: center; border: double #000 5px; background-color: #BA55D3;">Friday</a>
  329. <br><br>
  330. <a target="_blank" href="https://roleplay.chat/profile.php?user=Saturday" style="height:75px; width:100px; align: center; border: double #000 5px; background-color: #BA55D3;">Saturday</a>
  331. <br><br>
  332. <a target="_blank" href="https://roleplay.chat/profile.php?user=Nichiyobi" style="height:75px; width:100px; align: center; border: double #000 5px; background-color: #BA55D3;">Sunday</a>
  333. </div>
  334. </div>
  335. </div>
  336. </body>
  337. </html>
Advertisement
Add Comment
Please, Sign In to add comment