summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rwxr-xr-xstatic/index.html267
-rwxr-xr-xtemplate/head.st2
2 files changed, 82 insertions, 187 deletions
diff --git a/static/index.html b/static/index.html
index dd04249..e761927 100755
--- a/static/index.html
+++ b/static/index.html
@@ -1,10 +1,8 @@
-</html><head>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
- <script type="text/javascript" src="/static/js/underscore-min.js"></script>
- <script type="text/javascript" src="/static/js/sha1.js"></script>
- <script type="text/javascript" src="/static/js/home.js"></script>
-
- <script>
+<html><head>
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/sha1.js"></script>
+<script type="text/javascript" src="/static/js/home.js"></script>
+<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;
@@ -27,8 +25,8 @@ 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">
+</script>
+<link rel="stylesheet" type="text/css" href="static/reset.css">
<link rel="shortcut icon" href="static/favicon.ico">
@@ -36,143 +34,74 @@ function MM_swapImage() { //v3.0
<style type="text/css">
-
-
-.white a:link {
- text-decoration: none;
- text-shadow: -1px 1px 1px #ccc;
- color: #504F61;
-}
-.white a:visited {
- text-decoration: none;
- text-shadow: -1px 1px 1px #ccc;
- color: #504F61;
-}
-.white a:hover {
- text-decoration: none;
- text-shadow: -1px 1px 1px #ccc;
- background-color:#e3e3e3;
-
- color: #fff;
-}
-.white a:active {
- text-decoration: none;
- text-shadow: -1px 1px 1px #ccc;
- color: #504F61;
+body {
+ background:#EEF2FF url(/static/fade-blue.png) top center repeat-x;
+ background-repeat:repeat-x;
+ background-position:top;
+ margin:5%;
}
-
#main {
width:460px;
- margin: 0px auto -1px auto;
- 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;
+ margin: 100px auto 0 auto;
+ padding: 20px 0;
+ border-radius: 15px;
+ -webkit-border-radius: 15px;
+ -moz-border-radius: 15px;
border:solid 1px #fff;
position: relative;
- box-shadow: 5px 5px 100px #c8cbce;
--webkit-box-shadow: 5px 5px 100px #c8cbce;
--moz-box-shadow: 5px 5px 100px #c8cbce;
+ box-shadow: 0 0 10px #d8dbde, 5px 5px 20px #d8dbde;
+ -webkit-box-shadow: 0 0 10px #d8dbde, 5px 5px 20px #d8dbde;
+ -moz-box-shadow: 0 0 10px #d8dbde, 5px 5px 20px #d8dbde;
}
-#info {
- width:460px;
- margin: 0px auto -1px auto;
- height:372px;
-padding-top:10;
-padding-left:53;
-
- position: relative;
-
+#logo-and-text {
+ position: relative;
+ z-index: 20;
+ padding-bottom: 20px;
}
-#horse {
- width:460px;
- height:372px;
-padding-top:1;
- position: relative;
-background:url(/static/flyhorse.gif);
- background-position:right -10;
- background-repeat:no-repeat;
+#horse {
+ position: absolute;
+ z-index: 10;
+ top: 12px;
+ left: 140px;
}
-#babe {
-
-}
#customer {
- width:150px;
-opacity:;
-left:-90;
-padding-top:160;
-margin-top:-100;
-
-z-index:2;
- position: absolute;
-background:url(/static/guaranteed_customer_satisfaction.gif);
- background-repeat:no-repeat;
-
+ position: absolute;
+ left: -90px;
+ top: -85px;
+ z-index: 10;
}
-#riskfreee {
+#info {
width:460px;
-opacity:;
-left:-80;
-padding-top:570;
-margin-top:-100;
+ margin: 0px auto -1px auto;
+ padding-top:10;
+ padding-left:53;
+ position: relative;
+ vertical-align: bottom;
+}
- position: absolute;
-background:url(/static/guarantee_risk_free.pn);
- background-position:fixed;
- background-repeat:no-repeat;
-}
-#bottombar{
- top: 69px;
- left:0px;
- position:absolute;
- width: 100%;
- height: 20px;
- z-index: 1000;
-}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
}
-td {
- font-family: Arial, Helvetica, sans-serif;
- letter-spacing:-1px;
- font-size: 12px;
- color: #000000;
-}
+
.btnav { border: 0px #000000 solid;}
-body {
- 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 {
+
+input {
height:40px;
width:300px;
border:3px #000;
background:#e3e3e3;
margin:10px;
color:#000;
-
font-size:30px;
}
@@ -191,99 +120,65 @@ line-height:-1;
color:#000;
font-size:17px;
}
-#nickInput {color:#000;
-}
+
.no-cursor { cursor: none; }
.invisible { display: none !important; }
#cursor-big { position: absolute; z-index: 1000; }
#signin-submit {
- display:inline-block;
+ display: block;
width:300px;
-height:37px;
-font-size:20px;
-background-image:url(/static/btngrad1.png);
-font-weight:bold;
-word-spacing:7;
-padding-top:6px;
+ 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;
+ text-shadow:1px 1px 3px #000;
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
border:solid 1px #eee;
}
-
-
-
</style>
-
+</head>
<body>
-<div id="rapper7">
-<div id="header7">
- <div id="bottombar"></div>
- <div align="center">
-<br>
- </div>
-
- <div class="white"></div>
- <div align="center"><br /></div>
-</div>
-</div>
-</div>
-<div id="main" align="center"><div id="horse"><div id="babe"><div id="customer"></div><div id="riskfree"></div>
-
- <p align="center">
+<div id="main" align="center">
+
+ <img src="/static/flyhorse.gif" id="horse" />
+ <img src="/static/guaranteed_customer_satisfaction.gif" id="customer" />
+
<div id="registerbox">
- <div align="center"><a href="/")"><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 id="logo-and-text">
+ <a href="/"><img src="/static/dumpmod1.png"></a>
+ <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>
</div>
- <h1 align="center">&nbsp;</h1>
- <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 />
- <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="center"></div>
+ <input type="text" id="nickInput" size="17" />
+ <input id="passwordInputLabel" name="passwordInputLabel" size="17" type="text" class="invisible">
+ <input type="password" id="passwordInput" size="17" />
+ <!-- <br /><a id="signin-submit">Sign In</a> -->
+ <input id="signin-submit" value="Sign In" />
</div>
</div>
- </div></div>
-
-</div>
- </h1>
- <div id="info"> <img src="/static/vxhtml.gif"> <img src="/static/html_3_2.gif"> <img src="/static/validator-w3-org_vh40.gif"><img src="/static/geocities.gif"> <img src="/static/valid_html.gif" border="0"></div>
+<div id="info">
+ <img src="/static/vxhtml.gif">
+ <img src="/static/html_3_2.gif">
+ <img src="/static/validator-w3-org_vh40.gif">
+ <img src="/static/geocities.gif">
+ <img src="/static/valid_html.gif">
</div>
-
-
</body>
</html>
diff --git a/template/head.st b/template/head.st
index 2d68d2b..46ce6a5 100755
--- a/template/head.st
+++ b/template/head.st
@@ -2,7 +2,7 @@
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<!-- <script type="text/javascript" src="/static/jquery-1.3.2.min.js"></script> -->
-<script type="text/javascript" src="/static/js/underscore-min.js"></script>
+<!--<script type="text/javascript" src="/static/js/underscore-min.js"></script> -->
<script type="text/javascript" src="/static/js/sha1.js"></script>
<script type="text/javascript" src="/static/js/pichat.js"></script>
<script type="text/javascript" src="/static/js/jquery.lavalamp.js"></script>