sostler prod commit

2 files changed, 240 insertions, 7 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;}
+
+