From e03dedba4c113a87d35e5ddf00e8ccf9acfc760b Mon Sep 17 00:00:00 2001
From: dumpfmprod <dumpfmprod@ubuntu.(none)>
Date: Mon, 1 Feb 2010 15:14:30 -0500
Subject: timb merging ryder's changes

---
 static/index.html | 213 ++++++++++++++++++++++++++++++------------------------
 1 file changed, 120 insertions(+), 93 deletions(-)

(limited to 'static/index.html')

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">&nbsp;</p>
-    <p align="right" class="line">&nbsp;</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">&nbsp;</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">&nbsp;</p>
     <p>&nbsp;</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>
-- 
cgit v1.2.3-70-g09d2