404.html (2093B)
1 <!DOCTYPE html> 2 <html id="space"> 3 <head> 4 <title>spaaaaaaaaaace</title> 5 <style> 6 * {margin:0;padding:0;} 7 html { 8 background-image: url(http://i.nanner.co/stardust.png); 9 background-position: center; 10 background-repeat: repeat; 11 } 12 a { 13 text-decoration: none; 14 color:#555; 15 -o-transition:color .2s ease-out; 16 -ms-transition:color .2s ease-out; 17 -moz-transition:color .2s ease-out; 18 -webkit-transition:color .2s ease-out; 19 transition:color .2s ease-out; 20 } 21 a:hover { 22 color:#F22; 23 } 24 a * { 25 -o-transition:color .2s ease-out; 26 -ms-transition:color .2s ease-out; 27 -moz-transition:color .2s ease-out; 28 -webkit-transition:color .2s ease-out; 29 transition:color .2s ease-out; 30 31 } 32 a *:hover { 33 color:#DB5800; 34 } 35 #text { 36 position: fixed; 37 top:100px; 38 left:200px; 39 padding:5px; 40 border:1px solid #333; 41 border-radius:5px; 42 background-color:#333; 43 background-color:rgba(0,0,0,.8); 44 color:#EEE; 45 display:inline; 46 } 47 </style> 48 <script type="text/javascript"> 49 var isIE = document.all ? true : false; 50 var cent = [window.innerWidth/2,window.innerHeight/2]; 51 window.onload = function(e) { 52 var x = cent[0], y = cent[1]; 53 document.getElementById("space").style.backgroundPosition = (((4500/cent[0])-(x/100))-10)+"px "+(((2521.5/cent[1])-(y/100))-10)+"px" 54 } 55 window.onmousemove = function(e) { 56 if (!isIE) { 57 var x = e.pageX; 58 var y = e.pageY; 59 } else { 60 var x = event.clientX + document.body.scrollLeft; 61 var y = event.clientY + document.body.scrollTop; 62 } 63 document.getElementById("space").style.backgroundPosition = (((4500/cent[0])-(x/100))-10)+"px "+(((2521.5/cent[1])-(y/100))-10)+"px" 64 document.getElementById("text").style.top = ((100-(y*.05))-10) + "px"; 65 document.getElementById("text").style.left = ((200-(x*.05))-10) + "px"; 66 } 67 </script> 68 </head> 69 <body> 70 <div id="text"> 71 <h1>404!</h1> 72 <p>Page is not exist.</p> 73 <br /> 74 <p>Maybe going back to the <a href="http://nanner.co">main page</a> will help?</p> 75 </div> 76 </body> 77 </html>