sostler prod commit

5 files changed, 246 insertions, 223 deletions

diff --git a/static/css/dump.css b/static/css/dump.css
index 9c8b945..a587ed3 100755
--- a/static/css/dump.css
+++ b/static/css/dump.css
@@ -189,25 +189,31 @@ border-right:0px;
 	font-size:12px;
 	color:#000;
 }
-#prevbutton {		
+#prevbutton {	
+border:1px solid #000;
 	position:absolute;
 	display:inline-block;
-	width:120px;
+	width:50%;
 height:35px;
 background-position:center;
-right:125px;
+left:0px;
 top:0;
 font-weight:bold;
 background-color:#eff5fb;
+	border-top-left-radius:10px;
+	-webkit-border-top-left-radius:5px;
+	-moz-border-radius-topleft:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-moz-border-radius-bottomleft:5px;
 padding-bottom:1;
 	text-align:center;
 	z-index:100;
 	cursor:pointer;
 	font-size:12px;
 	color:#000;
-border:1px solid #000;border-right:0px;
+border-right:0px;
 }
-
 #webcam-button-upload{
 		border-top-right-radius:10px;
 	-webkit-border-top-right-radius:5px;background-color:#eff5fb;
@@ -231,6 +237,7 @@ padding-bottom:1;
 	color:#000;
 }
 #nextbutton{
+border:1px solid #000;
 		border-top-right-radius:10px;
 	-webkit-border-top-right-radius:5px;
 	-moz-border-radius-topright:5px;
@@ -239,12 +246,11 @@ padding-bottom:1;
 	-moz-border-radius-bottomright:5px;
 	position:absolute;
 	display:inline-block;
-	width:120px;
+	width:50%;
 height:35px;
 font-weight:bold;
 background-position:center;
 right:5px;background-color:#eff5fb;
-border:1px solid #000;
 top:0;
 padding-bottom:1;
 	text-align:center;
@@ -253,6 +259,7 @@ padding-bottom:1;
 	font-size:12px;
 	color:#000;
 }
+
 #webcam-button-snap{
 		border-top-right-radius:10px;
 	-webkit-border-top-right-radius:5px;
diff --git a/static/css/top.css b/static/css/top.css
new file mode 100644
index 0000000..184edd0
--- /dev/null
+++ b/static/css/top.css
@@ -0,0 +1,226 @@
+
+
+
+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;
+border-bottom:0px 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;}
+a.img_roll:link, .img_roll{
+	width:800px;
+	height:283px;
+	display:block;
+	background-image:url(http://dump.fm/static/img/dumppixellarge.png);
+}
+a.img_roll:hover{
+	width:800px;
+	height:283px;
+	display:block;
+	background-image:url(http://dump.fm/static/img/dumppixellargeover.png);
+}
+
+
+	/*
+		 * 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;}
+
+
diff --git a/static/img/dumppixellargeover.png b/static/img/dumppixellargeover.png
new file mode 100644
index 0000000..9d381fc
--- /dev/null
+++ b/static/img/dumppixellargeover.png
diff --git a/static/index.html b/static/index.html
index a62c761..720f7e3 100644
--- a/static/index.html
+++ b/static/index.html
@@ -7,6 +7,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/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>
@@ -36,227 +37,15 @@ 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 src="/static/img/dumppixellarge.png">
+<img style="visibility:hidden;width:0px;height:0px;"/><style type='text/css'>
+
+</style>
+<a class="img_roll" href="/register"></a>
 <div id="lilflag">
 HOME OF THE SLOTHGOTH!!!!!
 </div>
diff --git a/static/js/invalid_domains.js b/static/js/invalid_domains.js
index c7788cd..e0159d0 100644
--- a/static/js/invalid_domains.js
+++ b/static/js/invalid_domains.js
@@ -64,6 +64,7 @@ var InvalidDomains = [
     "http://fortunecity.com",
     "http://geneology2.com",
     "http://www.geneology2.com",
+    "http://img.waffleimages.com",
     "http://www.onemetal.com",
     "http://static.funnyjunk.com",
     "http://www.whimsical-wits.com",