API tools faq
paste
RageQxeen

DeltaRune 2

RageQxeen
May 26th, 2020
58
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.95 KB | None | 0 0
raw download clone embed print report
  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. html, body {
  50. background: #000;
  51. background-image:url("");
  52. background-size:400px;
  53. background-repeat:no-repeat;
  54. background-position:center bottom;
  55. }
  56.  
  57. ::-webkit-scrollbar-button:vertical:{
  58. background-color: #transparent;}
  59.  
  60. ::-webkit-scrollbar-thumb:vertical {
  61. background-color:#transparent;
  62. height:150px;}
  63.  
  64. ::-webkit-scrollbar-thumb:horizontal {
  65. background-color:#transparent;
  66. height:60px;}
  67.  
  68. ::-webkit-scrollbar {
  69. height:60px;
  70. width:5px;
  71. background-color:#transparent;}
  72.  
  73. #image {
  74. width: 800px;
  75. margin: 0px;
  76. border: none;
  77. height: 500px;
  78. background-color:transparent;
  79. position: absolute;
  80. right: 15%;
  81. bottom: 10%;
  82. background-image:url("http://i.picpar.com/yfYc.png");
  83. background-repeat:no-repeat;
  84. background-position: bottom;
  85. background-size: 100%;
  86. }
  87.  
  88. #image2 {
  89. width: 300px;
  90. margin: 0px;
  91. border: none;
  92. height: 360px;
  93. background-color:transparent;
  94. position: absolute;
  95. left: 5.5%;
  96. bottom: 20%;
  97. background-image:url("https://pre00.deviantart.net/9874/th/pre/f/2018/305/d/9/delta_rune___kris_by_elihedgie95-dcqyf90.png");
  98. background-repeat:no-repeat;
  99. background-position: bottom;
  100. background-size: 100%;
  101. border: 3px #fff solid;
  102. }
  103.  
  104. #box1{
  105. background-color: #transparent;
  106. position: absolute;
  107. width: 260px;
  108. height: 140px;
  109. margin: auto;
  110. padding: 10px;
  111. text-align: justify;
  112. font-family: 'Determination Mono', cursive;
  113. font-size: 23px;
  114. color: #fff;
  115. left: 25%;
  116. top: 37%;
  117. }
  118.  
  119. #box2{
  120. background-color: #transparent;
  121. position: absolute;
  122. width: 323px;
  123. height: 220px;
  124. margin: auto;
  125. padding: 10px;
  126. text-align: justify;
  127. font-family: 'Determination Mono', cursive;
  128. font-size: 33px;
  129. color: #fff;
  130. left: 29.5%;
  131. top: 57%;
  132. }
  133.  
  134. #box3{
  135. background-color: #transparent;
  136. position: absolute;
  137. width: 390px;
  138. height: 140px;
  139. margin: auto;
  140. padding: 10px;
  141. text-align: justify;
  142. font-family: 'Determination Mono', cursive;
  143. font-size: 35px;
  144. color: #fff;
  145. right: 18.8%;
  146. top: 37%;
  147. }
  148.  
  149. #box4{
  150. background-color: #transparent;
  151. position: absolute;
  152. width: 318px;
  153. height: 220px;
  154. margin: auto;
  155. padding: 10px;
  156. text-align: center;
  157. font-family: 'Determination Mono', cursive;
  158. font-size: 35px;
  159. color: #fff;
  160. right: 19%;
  161. top: 57%;
  162. }
  163.  
  164. h1{
  165. font-family: 'Determination Mono';
  166. font-size: 25px;
  167. color: #fff;
  168. font-weight: none;
  169. }
  170.  
  171. h2{
  172. font-family: 'Determination Mono';
  173. font-size: 40px;
  174. color: #fff;
  175. }
  176.  
  177. #navi1 {position: absolute;
  178. left: 39%;
  179. top: 5%;}
  180.  
  181. #navi1 a {
  182. background-color: #fff;
  183. background:url('http://i.picpar.com/GgYc.png')
  184. center center no-repeat;;
  185. background-size: 100%;
  186. display: inline-block;
  187. height: 65px;
  188. width: 68px;
  189. border: 1px solid #000;
  190. }
  191.  
  192. #navi2 {position: absolute;
  193. left: 45%;
  194. top: 5%;}
  195.  
  196. #navi2 a {
  197. background-color: #666;
  198. background:url('http://i.picpar.com/HgYc.png')
  199. center center no-repeat;;
  200. background-size: 100%;
  201. display: inline-block;
  202. height: 65px;
  203. width: 68px;
  204. border: 1px solid #000;
  205. }
  206.  
  207. #navi3 {position: absolute;
  208. left: 51%;
  209. top: 5%;}
  210.  
  211. #navi3 a {
  212. background-color: #666;
  213. background:url('http://i.picpar.com/IgYc.png')
  214. center center no-repeat;;
  215. background-size: 100%;
  216. display: inline-block;
  217. height: 65px;
  218. width: 68px;
  219. border: 1px solid #000;
  220. }
  221.  
  222. #navi4 {position: absolute;
  223. left: 57%;
  224. top: 5%;}
  225.  
  226. #navi4 a {
  227. background-color: #666;
  228. background:url('http://i.picpar.com/JgYc.png')
  229. center center no-repeat;;
  230. background-size: 100%;
  231. display: inline-block;
  232. height: 65px;
  233. width: 68px;
  234. border: 1px solid #000;
  235. }
  236.  
  237. div.a{
  238. text-align: right;
  239. }
  240.  
  241. div.b{
  242. text-align: left;
  243. }
  244.  
  245. div.c{
  246. text-align: center;
  247. }
  248.  
  249. /*Code by Alikade, please keep this credit where it is, it will not interfere with the rest of the code.*/
  250.  
  251. #editthis{ position:fixed;height: 27px; width: 30px; top: 25%; right: 15.5%; margin: auto; z-index:99;}
  252.  
  253. #music1{ position:fixed; padding:2px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
  254.  
  255. #music1:hover #music2{ opacity: 0; margin-top:-20px; z-index:-1;}
  256.  
  257. #music1:hover #music3{ opacity: .5; margin-top:-5px; z-index:99;}
  258.  
  259. #music1:hover #musiclist{ opacity: .5;}
  260.  
  261. #music2{ opacity: .5; background-color:#000000; padding:6px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
  262.  
  263. #music3{ opacity: 0; position:fixed; background-color:#000000; background-image: url('http://assets.clickmotive.com/Designs/LEMidnight/playButton.png'); background-repeat: no-repeat; background-size: 25px; border:1px dotted #b3b3e5; 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;}
  264.  
  265. .credit{
  266. position: fixed;
  267. top: 0px;
  268. right: 2px;
  269. height: 25px;
  270. width: 25px;
  271. line-height: 15px;
  272. font-size: 10px;
  273. color: #fff;
  274. text-align: center;
  275. font-family: roboto;
  276. }
  277.  
  278. i{color: #FFF;}
  279. b{color: #404040;}
  280. a{color: #FFF; text-decoration: none;}
  281.  
  282. </style>
  283. <link rel="stylesheet" type="text/css" href="//undertalefonts.duodecima.technology/webfonts/stylesheet.css">
  284.  
  285. <div class="credit" title="By RageQxeen">♛</div>
  286.  
  287. <div id="navi1"><a href="#one"></a></div>
  288. <div id="navi2"><a href="#four"></a></div>
  289. <div id="navi3"><a href="#five"></a></div>
  290. <div id="navi4"><a href="#six"></a></div>
  291.  
  292. <div id="image"></div>
  293. <div id="image2"></div>
  294.  
  295. <div id="editthis"><div id="music1"><div id="music2">
  296. <img src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif" style="opacity: 0.8;"></div>
  297. <div id="music3"><Div style="margin-top:4px;">
  298. <audio controls style="opacity: 0;"><source src="KIWI LINK HERE"></audio>
  299. </div></div></div></div>
  300.  
  301.  
  302. <div id="box1">
  303. <div style="width: 260px; height: 140px; overflow-y: hidden;">
  304.  
  305. <a name="one"></a>
  306. <div style="width: 260px; height: 140px; overflow: auto;" align="center">
  307. <h1>Kris</h1>
  308. <img src="http://i.picpar.com/AkYc.png" alt="Kris" height="66" width="44">
  309. </div>
  310. </div>
  311. </div>
  312.  
  313. <div id="box2">
  314. <div style="width: 323px; height: 220px; overflow-y: hidden;">
  315.  
  316. <a name="two"></a>
  317. <div style="width: 323px; height: 220px; overflow: auto;" align="center">
  318. <img src="http://i.picpar.com/UkYc.png" style="float:left; width: 43px; height: 180px;">
  319. <div class="b">
  320. <font style:float:left>Attack:</font> <font style:float:right>12</font><br>
  321. Defense: <font style:float:right>5</font><br>
  322. Magic: <font style:float:right>0</font><br>
  323. Spookiness UP<br>
  324. Cuteness<br>
  325. <b>(No Ability.)</b>
  326. </div>
  327. </div>
  328. </div>
  329. </div>
  330.  
  331. <div id="box3">
  332. <div style="width: 390px; height: 140px; overflow-y: hidden;">
  333.  
  334. <a name="three"></a>
  335. <div style="width: 390px; height: 140px; overflow: auto;" align="left">
  336. <img src="http://i.picpar.com/BkYc.png" style="float:left; width:77px; height: 110px;">
  337. <div class="a">Spookysword<br>
  338. White Ribbon<br>
  339. Amber Card<br>
  340. </div>
  341. </div>
  342. </div>
  343. </div>
  344.  
  345. <div id="box4">
  346. <div style="width: 318px; height: 220px; overflow-y: hidden;">
  347.  
  348. <a name="four"></a>
  349. <div style="width: 318px; height: 220px; overflow: auto;" align="center">
  350. <b>_________</b>
  351. <b>_________</b>
  352. <b>_________</b>
  353. <b>_________</b>
  354. <b>_________</b>
  355. <b>_________</b>
  356. </div>
  357.  
  358. <a name="five"></a>
  359. <div style="width: 318px; height: 220px; overflow: auto;" align="left">
  360. CONTACTS CAN GO HERE
  361. </div>
  362.  
  363. <a name="six"></a>
  364. <div style="width: 318px; height: 220px; overflow: auto;" align="left">
  365. <font size="5px">
  366. <b>00</b>. Code belongs to Kriss, made by <a href="http://alliealgiere.neocities.org" target="_blank">RageQxeen</a>. Want a free code? Click the name of the code creator!<br><br>
  367. <b>01</b>. OOC<br>
  368. <b>02</b>. OOC<br>
  369. <b>03</b>. OOC<br>
  370. <b>04</b>. OOC<br>
  371. <b>05</b>. OOC<br>
  372. </font>
  373. </div>
  374. </div>
  375. </div>
  376. </div>
  377.  
  378. </body>
  379. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!