sostler prod commit

3 files changed, 315 insertions, 18 deletions

diff --git a/static/css/dump.css b/static/css/dump.css
index f6e4bce..e5c22de 100755
--- a/static/css/dump.css
+++ b/static/css/dump.css
@@ -166,7 +166,7 @@ font-size:20px;
 }
 .msgInput {
     min-width:500px;width:100%;
-	z-index:100;background-image:url(/static/img/e9.png);
+	z-index:100;background-color:#eff5fb;
 }
 #msginputrapper{
 margin-right:374;
@@ -179,20 +179,19 @@ height:0px;
 	width:120px;
 height:35px;
 right:285px;
-font-size:20px;background-image:url(/static/img/e9.png);
+font-size:20px;background-color:#eff5fb;
 top:0;
 	text-align:center;
 	z-index:100;
 border:1px solid #000;
 border-right:0px;
 	cursor:pointer;
-	background-color:#ffffff;
 	font-size:12px;
 	color:#000;
 }
 #webcam-button-upload{
 		border-top-right-radius:10px;
-	-webkit-border-top-right-radius:5px;background-image:url(/static/img/e9.png);
+	-webkit-border-top-right-radius:5px;background-color:#eff5fb;
 	-moz-border-radius-topright:5px;
 	border-bottom-right-radius:5px;
 	-webkit-border-bottom-right-radius:5px;
@@ -209,7 +208,6 @@ padding-bottom:1;
 	text-align:center;
 	z-index:100;
 	cursor:pointer;
-background-color:#fff;
 	font-size:12px;
 	color:#000;
 }
@@ -271,12 +269,11 @@ height:35px;
 background-position:center;
 right:125px;
 top:0;
-background-image:url(/static/img/e9.png);
+background-color:#eff5fb;
 padding-bottom:1;
 	text-align:center;
 	z-index:100;
 	cursor:pointer;
-background-color:#fff;
 	font-size:12px;
 	color:#000;
 border:1px solid #000;border-right:0px;
@@ -303,7 +300,7 @@ opacity:1;
 }
 
 #palette-button {
-border:1px solid #000;background-image:url(/static/img/e9.png);
+border:1px solid #000;background-color:#eff5fb;
 background-position:top right;
 	position:absolute;
 /*	display:inline-block;*/
@@ -315,7 +312,6 @@ background-position:top right;
 	text-align:center;
 	z-index:100;
 	cursor:pointer;
-  background-color:#fff;
 	font-size:12px;
 	color:#fff;
 border-right:0px;
@@ -475,6 +471,7 @@ background-color:#f3f3f3;
 	-moz-border-radius-bottomright:5px;
 }  
 #userList img{
+
     max-width:30px;
     width: expression(this.width > 30 ? 30: true);
     max-height:30px;
diff --git a/static/css/header.css b/static/css/header.css
index 7729cf2..493f4d4 100755
--- a/static/css/header.css
+++ b/static/css/header.css
@@ -19,7 +19,7 @@ background-color:#fff;
 border:1px solid #000;
 width:100%;
 min-width:600px;
-left:-1px;background-image:url(/static/img/blgrad.png);
+left:-1px;
 	box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #000;
   -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #000;
   -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #000;
@@ -34,7 +34,7 @@ height:22;
 
 text-indent:14px;
 line-height:1.9;
-	left: 150px;
+	left: 125px;
 	margin-left: 0.1%;
 	margin-right: 8%;
 	letter-spacing:.2px;
@@ -62,7 +62,7 @@ padding:6px;background-color:#fff;
 }
 #logout7{
 	top:-1px;
-height:22px;
+height:16px;
 padding-left:4px;padding-right:3px;
 
 	border-bottom-left-radius:3px;
@@ -72,7 +72,7 @@ padding-left:4px;padding-right:3px;
 	font-size:1px;
 border-left:1px solid #999;
 border-bottom:1px solid #999;
-background-color:#fff;
+background-color:#eff5fb;
 	float:right;
 	font-family: Arial, Helvetica, sans-serif;
 	font-weight: normal;
@@ -97,11 +97,10 @@ color:#000;	text-shadow: 0px 1px 0px #fff;
  color: #fff;
 }
 #logo7{
-	margin-left: 0px;
-	margin-right: 10%;
+	margin-left: 10px;
 	z-index:1050;	text-decoration: none;
-	float:left;padding-right:1px;
-	margin-top:5px;
+	float:left;
+	margin-top:-1px;
 }
 #logo7 a{font-size:28px;
 
@@ -117,7 +116,7 @@ text-shadow: -0.5px -0.5px 0px #f0e;
 top:0px:width:100%;padding:0px;background-color:#fff;
 color:#000;font-size:60%;text-transform:uppercase;text-decoration: none;
 border-bottom:1px solid #999;text-align:right;
-padding-right:70px;line-height:1.1;
+padding-right:70px;line-height:1.1;background-color:#eff5fb;
 /*margin-left:40%;
 	border-bottom-left-radius:5px;
 	-webkit-border-bottom-left-radius:5px;
diff --git a/static/css/indextest.css b/static/css/indextest.css
new file mode 100644
index 0000000..05a4545
--- /dev/null
+++ b/static/css/indextest.css
@@ -0,0 +1,301 @@
+
+body {
+	background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x;
+	background-repeat:repeat-x;
+	background-position:top;
+}
+
+#video{
+display:none;
+}
+#rapper{
+margin-top:6%;
+}
+#content{
+	background:url(/static/img/cloudbg.png);
+background-position:top center;
+	background-repeat:no-repeat;
+}
+#preload {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+}
+#bigbow{
+display:none;
+}
+#panel {
+	padding: 10px 10px 10px 10px;
+	height: 600;
+	margin: 0 auto 0 auto;
+	display: none;
+}
+.slide {	margin: 0 auto 0 auto;
+	margin: 0;
+	padding: 0;
+border-top:1px solid #ccc;
+color:black;
+}
+.btn-slide {
+	text-align: center;
+	width: 144px;	margin: 0 auto 0 auto;
+	height: 0px;
+	padding: 5px 10px 0 0;
+	margin: 0 auto;
+	display: block;
+font-size:42%;
+	text-decoration: none;
+	text-align: center;
+
+width:150;
+
+}
+
+.active {
+	background-position: right 12px;
+}
+#main {
+	width:460px;
+	margin: 0 auto 0 auto;
+  padding: 19px 0;
+z-index:2;
+	position: relative;
+  -webkit-border-radius: 15px;
+	-moz-border-radius: 15px;
+	box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
+  -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
+  -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
+}
+}
+.menu2 li {
+	padding: 0;
+	margin: 0 2px;
+	float: left;
+	position: relative;
+	text-align: center;
+}
+.menu2 a {
+	padding: 14px 10px;
+	display: block;
+	color: #000000;
+	width: 144px;
+	text-decoration: none;
+	font-weight: bold;
+	background: url(images/button.gif) no-repeat center center;
+}
+.menu2 li em {
+	font-weight: normal;
+	background: url(images/hover.png) no-repeat;
+	width: 180px;
+	height: 45px;
+	position: absolute;
+	top: -85px;
+	left: -15px;
+	text-align: center;
+	padding: 20px 12px 10px;
+	font-style: normal;
+	z-index: 2;
+	display: none;
+}
+#logo-and-text {
+  position: relative;
+  z-index: 20;
+  padding-bottom: 20px;
+}
+
+#horse {
+	position: absolute;
+	z-index: 10;
+	top:-39px;
+	left: 140px;
+}
+#remember{
+
+}
+#furie1 {
+  position: absolute;
+  left: -250px;
+  top: 130px;
+  z-index:-1;display:block;
+
+}
+#furie2 {
+  position: absolute;
+  left:330px;
+  top: 185px;
+  z-index:-1;
+display:block;
+
+}
+#info {
+	width:420px;
+	margin:30px auto -1px auto;
+opacity:0.9;
+z-index:4500;
+  vertical-align: bottom;
+	text-align:center;
+	width:100%;
+	bottom:0px;
+margin-left:-9px;
+	font-size:11px;
+word-spacing:6px;
+line-height:2;	color: #666;
+}
+
+#info a{
+color:#666;
+text-decoration:none;
+}
+#info a:hover{
+color:#f0e;
+text-decoration:none;
+}
+#dumpednow{
+position:absolute;
+height:50px;
+width:420px;
+top:0px;
+}
+
+p {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 24px;
+}
+
+.btnav {  border: 0px #000 solid;} 
+
+.submit {
+	
+	text-shadow: -1px 1px 1px #ccc;
+	font-size:15px;
+  z-index: 11;
+}
+#submit{
+cursor:pointer;
+	display:inline-block;
+	width:300px;
+  height:33px;
+  font-size:20px;
+  background-image:url(/static/img/btngrad1.png);
+  font-weight:bold;
+  word-spacing:7;
+ margin-top:12px;
+	text-align:center;
+	z-index:100;
+	font-size:16px;
+	color:#fff;
+	text-shadow:1px 1px 3px #000;
+
+z-index:20;
+border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+}
+input {
+	height:40px;
+	width:300px;
+	border:0px;
+	background:#e9e9e9;
+	margin:10px;
+padding-left:2px;
+	color:#000;z-index:20;
+	font-size:30px;
+	
+}
+
+.txt {
+	font-family:Arial, Helvetica, sans-serif;
+	font-size:14px;
+line-height:1.2;z-index:20;
+	word-spacing: 3px;
+}
+	.line {
+	font-family:Arial, Helvetica, sans-serif;
+	letter-spacing:0px;
+line-height:-1;
+	color:#000;z-index:20;
+	font-size:17px;
+}
+
+.no-cursor { cursor: none; }
+.invisible { display: none !important; }
+#cursor-big { position: absolute; z-index: 1000; }
+
+#signin-submit {
+	display:inline-block;
+	width:300px;
+  height:33px;
+  font-size:20px;
+  background-image:url(/static/img/btngrad1.png);
+  font-weight:bold;
+  word-spacing:7;
+ margin-top:12px;
+	text-align:center;
+	z-index:100;
+	font-size:16px;
+	color:#fff;
+	border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	text-shadow:1px 1px 3px #000;
+z-index:20;
+}
+
+#remembermeInput {
+ width: 15px;
+ height: 15px;
+ margin: 1px;
+}
+
+label {
+ display:inline-block;
+ width: 300px;
+ text-align: right;
+ font-size: 12px;
+ color: #222;
+line-height:1.5;z-index:20;
+z-index:30;
+margin-top:-3px;
+margin-bottom:7px;
+}
+#remember{margin-top:-4px;z-index:30; margin-right:50px;text-align: right;display:inline-block;line-height:0.5;}
+#remember a{text-decoration:none;font-size:11px;display:block;z-index:30;}
+#furie3 {
+  position: absolute;
+  left:294px;
+  margin-top:250px;
+  z-index: 10;
+
+}
+#adsense{
+padding-top:20px;margin: 0 auto 0 auto;
+}
+/*
+ * jQuery Nivo Slider v1.9
+ * http://nivo.dev7studios.com
+ *
+ * Copyright 2010, Gilbert Pellegrom
+ * Free to use and abuse under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ * 
+ * March 2010
+ */
+#talkaboutus{
+position:relative;
+z-index:-10;
+height:0px;
+	margin: 0 auto 0 auto;
+}
+
+#slider {
+	position:relative;
+z-index:-1;
+	//See the "style-pack" below for image
+	background:url(images/loading.gif) no-repeat 50% 50%; 
+}
+#slider img {
+	position:absolute;
+	top:0px;
+	left:0px;
+	display:none;
+}