diff options
Diffstat (limited to 'static/index.html')
| -rwxr-xr-x | static/index.html | 213 |
1 files changed, 120 insertions, 93 deletions
diff --git a/static/index.html b/static/index.html index 8ee70db..38d4977 100755 --- a/static/index.html +++ b/static/index.html @@ -4,8 +4,29 @@ <script type="text/javascript" src="/static/js/sha1.js"></script> <script type="text/javascript" src="/static/js/home.js"></script> - <script> - $(document).ready(initLoginForm); + <script> +$(document).ready(initLoginForm); +function MM_swapImgRestore() { //v3.0 + var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; +} +function MM_preloadImages() { //v3.0 + var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); + var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) + if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} +} + +function MM_findObj(n, d) { //v4.01 + var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { + d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} + if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; + for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); + if(!x && d.getElementById) x=d.getElementById(n); return x; +} + +function MM_swapImage() { //v3.0 + var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) + if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} +} </script> <link rel="stylesheet" type="text/css" href="static/reset.css"> @@ -15,6 +36,12 @@ <style type="text/css"> + + + + + + <!-- .white a:link { text-decoration: none; @@ -38,77 +65,40 @@ text-shadow: -1px 1px 1px #ccc; color: #504F61; } -#header7{ - background-attachment:fixed; - margin: 0px auto -1px auto; - top: 0px; - width:100%; - left: 0px; - height: 60px; -} -#bar7{ - top:32px; - position:absolute; - font-family: Arial, Helvetica, sans-serif; - font-weight: bold; - width: 500px; - font-size: 20px; - left: 170px; - margin-left: 10%; - margin-right: 8%; - letter-spacing: -1px; - z-index: 999; -} #main { - background-position:center; - width:500px; + width:460px; margin: 0px auto -1px auto; - top:150px; - height:380px; - z-index:2; - opacity:0.9; - border-top-left-radius:10px; - border-top-right-radius:10px; - -webkit-border-top-left-radius:10px; - -webkit-border-top-right-radius:10px; - -moz-border-radius-topleft:10px; - -moz-border-radius-topright:10px; - border-bottom-left-radius:10px; - border-bottom-right-radius:10px; - -webkit-border-bottom-left-radius:10px; - -webkit-border-bottom-right-radius:10px; - -moz-border-radius-bottomleft:10px; - -moz-border-radius-bottomright:10px; - border:solid 4px #F5F5F5; + height:372px; +padding-top:12; + border-top-left-radius:15px; + border-top-right-radius:15px; + -webkit-border-top-left-radius:15px; + -webkit-border-top-right-radius:15px; + -moz-border-radius-topleft:15px; + -moz-border-radius-topright:15px; + border-bottom-left-radius:15px; + border-bottom-right-radius:15px; + -webkit-border-bottom-left-radius:15px; + -webkit-border-bottom-right-radius:15px; + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; + border:solid 1px #fff; position: relative; - background-color: #FFF; - background-position:center; - background-repeat:no-repeat; + box-shadow: 5px 5px 100px #c8cbce; +-webkit-box-shadow: 5px 5px 100px #c8cbce; +-moz-box-shadow: 5px 5px 100px #c8cbce; } -#logout7{ - top:5px; - position:relative; - font-size:13px; - margin-right: 10px; - float:right; - z-index: 999; - font-family: "Times New Roman", Times, serif; -} -#logo7{ - top:20px; - margin-left: 10%; - margin-right: 10%; - z-index:1000; - float:left; -} -#rapper7{ - top: 0px; - left:0px; - position:absolute; - width: 100%; - height: 78px; - z-index: 1000; +#horse { + width:460px; + + height:372px; +padding-top:1; + position: relative; +background:url(/static/flyhorse.gif); + background-position:right -10; + background-repeat:no-repeat; + } #bottombar{ top: 69px; @@ -130,16 +120,15 @@ td { } .btnav { border: 0px #000000 solid;} body { - background-color:#e3e3e3; - background-image:url(static/shaq.gif); - background-position:center; + background:#EEF2FF url(/static/fade-blue.png) top center repeat-x; + background-repeat:repeat-x; + background-position:top; overflow:hidden; +margin:5%; } .submit { - text-shadow: -1px 1px 1px #ccc; - font-size:15px; } .feild { @@ -155,16 +144,18 @@ body { } .txt { font-family:Arial, Helvetica, sans-serif; - font-size:12px; - text-shadow: -1px 1px 1px #ccc; + font-size:14px; +line-height:1.2; + text-shadow:1px 1px 0.5px #ccc; + word-spacing: 3px; } .line { font-family:Arial, Helvetica, sans-serif; - - letter-spacing: -1px; + letter-spacing:0px; +line-height:-1; + color:#000; - font-size:18px; - + font-size:17px; } #nickInput {color:#000; } @@ -172,8 +163,41 @@ body { .invisible { display: none !important; } #cursor-big { position: absolute; z-index: 1000; } +#signin-submit { + display:inline-block; + width:300px; +height:37px; +font-size:20px; +background-image:url(/static/btngrad1.png); +font-weight:bold; +word-spacing:7; +padding-top:6px; + text-align:center; + z-index:100; + font-size:18px; + color:#fff; + text-shadow:1px 1px 3px rgba(0,0,0,1); + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + border:solid 1px #eee; +} --> + + + + + </style> <body> @@ -181,8 +205,7 @@ body { <div id="header7"> <div id="bottombar"></div> <div align="center"> - <p><img src="static/wordlogo2.gif" width="500" height="239"><br> - </p> +<br> </div> <div class="white"></div> @@ -190,31 +213,35 @@ body { </div> </div> </div> -<div id="main" align="center"> +<div id="main" align="center"><div id="horse"> + + <p align="center"> - <p align="center"><br /> - </p> <div id="registerbox"> - <p align="right" class="line"> </p> - <p align="right" class="line"> </p> - <p align="center" class="line">Talk with pictures. </p> + <div align="center"><a href="/chat")"><img src="/static/dumpmod1.png" border="0"></a></div> + </p> + + <p align="center" class="line">Talk with pictures!</p> + <div align="right" class="txt"> +<br> + <div align="center">Right now dump.fm is invite only...<br> + If you have registration code, <a href="/register" style="text-decoration:none;">click here!</a> <br> + </div> + </div> <h1 align="center"> </h1> - <h1 align="center"><br /> + <h1 align="center"> <input type="text" class="feild" id="nickInput" size="17" /> <br /> <input id="passwordInputLabel" name="passwordInputLabel" size="17" type="text" class="invisible feild"> <input type="password" class="feild" id="passwordInput" size="17" /> </h1> <h1 align="center"> <br /> - <img src="/static/signin.gif" id="signin-submit"> + <input id="signin-submit" value="Sign In"> <!-- <input type="submit" class="submit" id="loginSubmit" value="Log In" /> --> </h1> <p align="center"> </p> <p> </p> - <div align="right" class="txt"> - <div align="center"></div> - <div align="center"><a href="javascript:void(0);" onclick="javascript:alert('dump.fm is invite only, you must be really really really really really really cool. ok?');return false;" style="text-decoration:line-through;">Register</a></div> - </div> + <div align="center"></div> </div> </div> |