sostler prod commit

3 files changed, 386 insertions, 19 deletions

diff --git a/static/css/directory.css b/static/css/directory.css
index a78c7b5..397d43c 100644
--- a/static/css/directory.css
+++ b/static/css/directory.css
@@ -326,13 +326,386 @@ margin-top:20;
 
 	letter-spacing:-1px;
 color:#087cff;
-	height:40px;
 	font-size:24px;
 	font-family:Arial, Helvetica, sans-serif;
 	font-weight:bold;
 	text-transform:capitalize;
+	margin-top:20px;
+
+	text-shadow: 1px 3px 3px #c8cbce;
+}
+
+
+      img#avatarPic {
+         max-height:250px;
+		 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;
+      }
+ 
+#date{
+font-size:60%;
+}
+#headerbar{
+top:80;
+	background-image:url(/static/img/welcomebar.gif);
+}
+.invisible { display: none !important; }
+body,td,th {
+	font-family: Arial, Helvetica, sans-serif;
+	background-color:#f0f9ff;
+	background-image:url(/static/img/fade-blue.png);
+	background-repeat:repeat-x;
+	background-position:top;
+background-attachment:fixed;
+		margin: 0;
+	
+
 	
+}@charset "UTF-8";
+    #profile {
+	float: right;
+	padding: 20px;
+width:180;
+	position:absolute;
+	top:29px;
+left:545;
+	margin-top:34px;
+background-color:#fff;
+
+	
+	text-overflow: ellipsis-word;
+	background-position:top;
+	z-index:999;
+	min-height:600px;
+
+	
+	line-height:1.5;
+      }
+#profile h3{
+margin-top:12;
+line-height:2;
+color:#fff;
+text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0;
+}
+#profile h2{
+text-indent:-10;
+margin-top:-7;
+margin-bottom:15;
+}
+#logavatar{
+margin-left:-85;
+height:25;
+background-image:url(/static/img/leftarrow.png);
+width:70;
+	background-repeat:no-repeat;
+	background-position:59 4;
+margin-top:-20;
+z-index:5555;
+
+
+}
+#logavatar img{
+image-rendering: -moz-crisp-edges;
+    max-width:50px;
+    width: expression(this.width > 50 ? 50: true);
+    max-height:50px;
+    height: expression(this.width > 50 ? 50: true);
+    max-width:50px;
+		 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;
+margin-top:0;
+border:1px solid #f0e0d6;
+	box-shadow:2px 2px 5px #d8dbde;
+  -webkit-box-shadow:2px 2px 5px #d8dbde;
+  -moz-box-shadow:2px 2px 5px #d8dbde;
+ 
+}
+#lolbanner{
+display:none;
+margin-top:-22;
+margin-bottom:45;
+}
+#chatrap{
+margin-left:15%;
+
 
+}
+#pnav{position:absolute;
+padding-left:425;
+margin-top:35;
+background-position:top;
+font-weight:bold;
+margin-left:0;
+text-align:left;
+
+
+
+}
+
+#infotxt{
+position:absolute;
+top:;
+		 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;
+border:1px solid #ccc;
+height:22;
+margin-left:-30;
+color:fff;
+text-shadow: 1px 1px 1px #000;
+padding-right:8;
+text-transform:uppercase;
+	background-image:url(/static/img/upload.png);
+margin-top:-54;
+text-indent:5;
+}
+#pnavo{
+margin-top:-17;
+padding:2;
+width:85;
+letter-spacing:-2;
+text-indent:6;
+		 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;
+height:32;
+text-transform:capitalize;
+	background-image:url(/static/img/upload.png);
+
+
+}
+
+a {
+ font-size: 12px;
+ color: #000;
+}
+a:link {
+ text-decoration: none;
+}
+a:visited {
+ text-decoration: none;
+ color: #000;
+}
+.logged-dump a:hover {
+ text-decoration: none;
+ color: #00F;
+}
+a:active {
+ text-decoration: none;
+ color: #000;
+}
+#pnavn{
+position:absolute;
+top:-17;
+left:330;
+letter-spacing:-2;
+text-indent:5;
+width:73;
+height:32;
+padding:2;
+border:1px;
+	background-image:url(/static/img/upload.png);
+		 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;
+
+}
+#pnav a {
+	font-size: 30px;
+	color:#fff;
+text-transform:lowercase;
+text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0;
+}
+pnav a:link {
+	text-decoration: none;
+color:fff;
+}
+a:visited {
+	text-decoration: none;
+	color: #000;
+}
+#pnav a:hover {
+	text-decoration: none;
+	color: #fff;
+text-shadow: blue 2px 2px 0, red -20px -2px 0, green 6px 4px 0;
+
+
+}
+
+#footer
+{
+	text-align:center;
+	position:absolute;
+	width:100%;
+	bottom:-55px;
+line-height:1;
+	font-size:11px;
+word-spacing:6px;
+padding-bottom:4;
+	color: #000;
+
+}
+#footer a {
+	font-size: 11px;
+	color: #000;
+}
+#footer a:link {
+	text-decoration: none;
+	font-size: 11px;
+color:000;
+}
+
+#footer a:hover {
+	text-decoration:none;
+	font-size: 11px;
+	color: #f0e;
+}
+
+#log
+{
+	position:absolute;
+	padding-top: 20px;
+
+	
+	
+}
+#posts {
+	
+	
+	
+}
+.logged-dump img{
+    max-width:500px;
+    width: expression(this.width > 500 ? 500: true);
+    max-height:400px;
+    height: expression(this.width > 500 ? 500: true);
+	border:0px;
+	z-index:4;
+	
+   
+  
+}
+.logged-dump{ 
+
+    max-width:500;
+    width:auto;
+text-overflow: ellipsis-word;
+	padding: 18px;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 12px;
+	text-transform: uppercase;
+	line-height:15px;
+	background-color:#fff;
+border:1px solid #f0e0d6;
+	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-top:20;
+	z-index:4;
+
+	line-height:20px;
+	text-align: left;
+
+	
+}
+      .editable {
+         color: #0AA;
+      }
+      .editing {
+         color: #F0F;
+      }
+      div#avatar {
+	overflow: hidden;
+	text-overflow: ellipsis;
+
+	padding-bottom:20px;
+      }
+	#contact {
+
+		
+	
+		  text-overflow: ellipsis-word;
+	  }
+	    #bio {
+
+	text-overflow: ellipsis-word;
+	  }
+
+	input.inplace_field {
+		width: 100%;	
+	}
+
+	textarea.inplace_field {
+		width: 100%;
+		height: 50px;
+	}
+
+	  h2 {
+
+	letter-spacing:-1px;
+color:#087cff;
+	font-size:24px;
+	font-family:Arial, Helvetica, sans-serif;
+	font-weight:bold;
+	text-transform:capitalize;
+	margin-top:25px;
+margin-left:-300px;
 	text-shadow: 1px 3px 3px #c8cbce;
 }
 
diff --git a/static/css/dump.css b/static/css/dump.css
index de50535..b89f5d7 100755
--- a/static/css/dump.css
+++ b/static/css/dump.css
@@ -63,12 +63,11 @@ bottom:30;
 }
 #effects-msg{
 position:fixed;
-bottom:68;
+bottom:65;
 z-index:1111;
-right:38;
+right:35;
 font-size:15;
-color:#999;
-text-shadow: #000 1px 1px 1px;
+color:#000;
 
 }
 #footerc
@@ -102,7 +101,6 @@ color:000;
 
 
 #messagePane {
-
 top:40px;
 bottom:65px;
 	position:fixed;
@@ -141,7 +139,6 @@ bottom:10px;
 }
 
 #msgInput {
-    width: 99.7%;
 	z-index:100;
 	background-color:#FFF;
     margin-top: 15px;
@@ -149,24 +146,23 @@ bottom:10px;
     position:relative;border-right:0px;
 height:35px;
 font-size:20px;
-    min-width:500px;
+    min-width:500px;padding-right:38px;padding-left:1px;
 		box-shadow: 2px 3px 4px #eee;
 }
 .msgInput {
-    min-width:500px;
+    min-width:500px;width:100%;
 	z-index:100;
 }
 #msginputrapper{
 margin-right:374;
 
 }
-#msgSubmit {
-			
+#msgSubmit {		
 	position:absolute;
 	display:inline-block;
 	width:120px;
 height:35px;
-right:260px;
+right:285px;
 font-size:20px;
 top:15px;
 	text-align:center;
@@ -177,7 +173,6 @@ border-right:0px;
 	background-color:#ffffff;
 	font-size:12px;
 	color:#000;
-
 }
 #webcam-button-upload{
 		border-top-right-radius:10px;
@@ -191,7 +186,7 @@ border-right:0px;
 	width:120px;
 height:35px;
 background-position:center;
-right:20;
+right:5px;
 border:1px solid #000;
 top:15px;
 padding-bottom:1;
@@ -214,7 +209,7 @@ background-color:#fff;
 	width:120px;
 height:35px;
 background-position:center;
-right:20;
+right:5px;
 top:15px;
 padding-bottom:4;
 	text-align:center;
@@ -271,7 +266,7 @@ border:1px solid #999;
 	width:120px;
 height:35px;
 background-position:center;
-right:140;
+right:125px;
 top:15px;
 padding-bottom:1;
 	text-align:center;
@@ -308,10 +303,9 @@ border:1px solid #000;
 background-position:top right;
 	position:absolute;
 /*	display:inline-block;*/
-  display: none;
 	width:40px;
   height:35px;
-  right:260px;
+  right:245px;
   top:15px;
   padding-bottom:1;
 	text-align:center;
diff --git a/static/css/header.css b/static/css/header.css
index 1d6e2ec..69b2124 100755
--- a/static/css/header.css
+++ b/static/css/header.css
@@ -48,7 +48,7 @@ background-color:#fff;
 border:1px solid #000;
 width:100%;
 min-width:600px;
-
+left:-1px;
 	border-bottom-left-radius:5px;
 	border-bottom-right-radius:5px;
 	-webkit-border-bottom-left-radius:5px;