sostler prod commit

1 files changed, 218 insertions, 6 deletions

diff --git a/static/index.html b/static/index.html
index 720f7e3..479355f 100644
--- a/static/index.html
+++ b/static/index.html
@@ -5,9 +5,7 @@
     <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board">
     <META NAME="description" CONTENT="Talk with pictures!">
     <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>
-    <link rel="stylesheet" href="static/css/top.css" type="text/css" media="screen" />
     <link rel="shortcut icon" href="/static/favicon.ico">
 	<script src="/static/js/loopedslider.js" type="text/javascript" charset="utf-8"></script>
     <script>
@@ -37,18 +35,232 @@ jQuery(window).load(function() {
 	});
 });
 </script>
+<style>
+
+
+body{margin:0px;
+background-color:#fff;
+	font-family:Arial, Helvetica, sans-serif;	background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x;
+}
+A:link {text-decoration: none}
+A:visited {text-decoration: none}
+A:active {text-decoration: none}
+#rapper{
+width:800px;
+	margin: 0 auto 0 auto;
+
+background-position:top center;
+	background-repeat:no-repeat;
+	box-shadow: 0 0 10px #000;
+  -webkit-box-shadow: 0 0 10px #000;
+  -moz-box-shadow: 0 0 10px #000;
+}
+#toplogo{
+top:0px;
+width:800px;
+background-image:url(/static/img/blue2fade.png);
+}
+#bottomcontainer{
+width:800px;
+
+}
+#signin{
+background-color:#eff5fb;
+float:right;
+width:201px;
+height:225px;
+top:0px;
+padding:15px;
+padding-top:10px;
+font-size:10px;
+text-indent:5px;
+border:1px solid #000;border-right:0px solid #000;
+
+}
+#membertxt{
+background-color:#fff;
+padding:5px;
+border:1px solid black;
+margin-top:-22px;
+z-index:5;
+width:100;
+}
+
+#wtftxt{
+background-color:#fff;
+padding:5px;
+padding-left:15px;
+padding-right:15px;
+font-size:24px;
+border:1px solid black;
+margin-top:-56px;
+z-index:5;
+float:left;
+background-image:url(/static/img/ylgrad.png);
+}
+#previewdump{
+background-color:#fff;
+padding:5px;
+padding-left:15px;
+padding-right:15px;
+font-size:16px;
+border:1px solid #ccc;
+margin-top:-300px;
+z-index:5;
+float:right;
+margin-right:-210px;
+	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;
+background-image:url(/static/img/grgrad.png);
+}
+#previewdump a:hover{
+color:#000000;
+}
+input {
+	height:40px;
+	width:190px;
+float:right;
+padding-left:2px;
+	border:0px;
+border:1px solid #000;
+	margin:5px;
+	color:#000;z-index:20;
+	font-size:20px;
+	
+}
+.no-cursor { cursor: none; }
+.invisible { display: none !important; }
+#cursor-big { position: absolute; z-index: 1000; }
+
+label {
+ display:inline-block;
+ font-size: 13px;
+ color: #222;
+float:right;
+margin-bottom:4px;
+}
+#signin-submit {
+	display:inline-block;
+
+  height:33px;float:left;
+  font-size:20px;
+width:190px;
+  font-weight:bold;
+  word-spacing:7;
+	text-align:center;
+	z-index:100;
+	font-size:16px;
+	color:#000;
+float:right;
+border:1px solid #000;
+	border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+
+z-index:20;
+}
+#remember{
+float:right;padding-top:5px;
+top:0px;display:block;
+margin-right:5px;
+}
+#remember a{text-decoration:none;font-size:11px;float:right;}
+#remembermeInput {
+ width: 15px;
+ height: 15px;
+ margin: 1px;
+}
+#wtf{
+float:left;
+width:538px;
+position:absolute;
+border:1px solid #000;
+border-left:0px solid #000;
+padding:15px;
+height:220px;
+background-color:#eff5fb;
+}
+#toptxt{
+padding:10px;
+text-align:center;
+}
+#lilflag{
+background-image:url(/static/img/lilflag.png);
+width: 173px; height: 59px;
+top:15px;
+padding-left:20px;
+position:absolute;
+color:#fff;
+padding-top:1px;
+text-align:left;
+word-spacing:8px;padding-right:10px;
+font-size:19px;
+margin-left:-13px;text-decoration:none;
+}
+#lilflag a:link {
+text-decoration:none;
+}
+#footer{
+padding-bottom:5px;
+padding-top:15px;
+text-align: center;
+color:#000;
+font-size:11px;
+word-spacing:30px;
+	margin: 0 auto 0 auto;
+background-color:#eff5fb;
+margin-top:250px;
+width:798px;
+}
+#bottomrow img{
+background-image:url(/static/img/grgrad.png);
+	border-radius: 15px;
+border:5px solid #ccc;
+padding:5px;
+	-webkit-border-radius: 15px;
+	-moz-border-radius: 15px;
+}
+#footer a{color:#000;text-decoration:none;}
+
+
+
+	/*
+		 * Required 
+		*/
+		.container { margin-top:8px;border:01px solid #666;width:538px; height:205px; overflow:hidden; position:relative; cursor:pointer; }
+		.slides { position:absolute; top:0; left:0; }
+		.slides div { position:absolute; top:0; width:538px; display:none; }
+		/*
+		 * Optional
+		*/
+
+		blockquote, q { quotes: none; }
+		:focus { outline: 0; }
+		ins { text-decoration: none; }
+		del { text-decoration: line-through; }
+		table { border-collapse: collapse; border-spacing: 0; }
+		#loopedSlider {width:610px; position:relative; clear:both; }
+		ul.pagination { list-style-type:none; margin:0; padding:0; margin:9px auto; width:132px; }
+		ul.pagination li { float:left; margin:0 5px;display:none; }	
+		ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(/static/img/pagination.png); background-position:0 0; background-repeat:no-repeat;}
+
+
+</style>
 </head>
 <body>
 
 <div id="rapper">
 <div id="toplogo">
-<img style="visibility:hidden;width:0px;height:0px;"/><style type='text/css'>
-
-</style>
-<a class="img_roll" href="/register"></a>
+<img src="/static/img/dumppixellarge.png">
+<a href="/static/slowthgoth.html">
 <div id="lilflag">
 HOME OF THE SLOTHGOTH!!!!!
 </div>
+</a>
 </div>
 
 <div id="bottomcontainer">