1 files changed, 94 insertions, 46 deletions

diff --git a/static/pichat.css b/static/pichat.css
index ed0d531..a91c0f5 100755..100644
--- a/static/pichat.css
+++ b/static/pichat.css
@@ -11,7 +11,7 @@ body {
     overflow: auto;
 }
 
-#chatbox {
+#chatboxx {
     position: fixed;
     top:80px;
 }
@@ -38,17 +38,19 @@ body {
 
 #messagePane {
 	border: 2px solid #15fff3;
-	height: 70%;
+height:80%;
 	padding: 5px;
-	position: fixed;
-	width: 68%;
-	max-width:1500px;
+	position:fixed;
+	width: 98%;
+
 	background-color:#FFF;
-	left:10%;
-	top:105px;
+	left:7px;
+	right:10px;
+	top:60px;
 	float: left;
+	min-width:500px;
 	z-index:5;
-	right: 10%;
+
 }
 
 #messageList {
@@ -72,39 +74,50 @@ body {
 }
 
 #msgInputDiv {
-	height: 15px;
 	position:relative;
 	min-width:500px;
-	width: 700px;
+left:0px;
+bottom:6px;
+
+	width: 100%;
 }
 
 #msgInput {
-    width: 80%;
-    margin-right: 5px;
+    width: 100%;
+
     margin-top: 15px;
     position:relative;
+		border:2px solid #999;
+height:36px;
+font-size:20px;
     min-width:500px;
 }
+.msgInput {
 
-#msgSubmit {
-			position:relative;
-		display:inline-block;
-		width:120px;
-	
-		text-align:center;
-		cursor:pointer;
-		border:2px solid #999;
-                background-color:#087cff;
 	
-	    -moz-border-radius:2px;
-	    -webkit-border-radius:2px;
-	    -opera-border-radius:2px;
-	    -khtml-border-radius:2px;
-	    border-radius:2px;
-		font-size:12px;
-		color:#fff;
-	
-		text-shadow:1px 1px 3px rgba(0,0,0,0.5);
+    min-width:500px;
+}
+
+#msgSubmit {
+	position:absolute;
+	display:inline-block;
+	width:120px;
+height:35px;
+right:0px;
+font-size:20px;
+top:15px;
+	text-align:center;
+	cursor:pointer;
+
+	background-color:#087cff;
+	-moz-border-radius:2px;
+	-webkit-border-radius:2px;
+	-opera-border-radius:2px;
+	-khtml-border-radius:2px;
+	border-radius:2px;
+	font-size:12px;
+	color:#fff;
+	text-shadow:1px 1px 3px rgba(0,0,0,0.5);
 	
 
 }
@@ -135,18 +148,18 @@ body {
 
 #userList {
 	overflow-x: hidden;
-	border: 1px solid #000;
-	height: 70%;
+
+	height: 78%;
 	margin: 0px;
-	position: fixed;
+	position: absolute;
 	padding: 5px;
-	top:105px;
-	width: 9%;
+	top:70px;
+	width: 130px;
 	float:right;
-	right: 10%;
+	right: 40px;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 14px;
-	text-transform: uppercase;
+	font-weight:400;
 	border-top-left-radius:5px;
 	border-top-right-radius:5px;
 	-webkit-border-top-left-radius:5px;
@@ -159,19 +172,45 @@ body {
 	-webkit-border-bottom-right-radius:5px;
 	-moz-border-radius-bottomleft:5px;
 	-moz-border-radius-bottomright:5px;
-	min-width:72px;
+	min-width:90px;
 	line-height:15px;
-	background-color:#FFF;
+	text-overflow:ellipsis;
+
+
 	z-index:18;
 	text-align: left;
 }
-.userList
-img{
-    max-width:50px;
-    width: expression(this.width > 50 ? 50: true);
-    max-height:50px;
-    height: expression(this.width > 50 ? 50: true);
-    max-width:50px;}
+.username{height:32px;
+margin-top:2px;
+line-height:20px;
+min-width:90px;
+overflow:hidden;
+
+}
+#userList img{
+    max-width:30px;
+    width: expression(this.width > 30 ? 30: true);
+    max-height:30px;
+    height: expression(this.width > 30 ? 30: true);
+    max-width:30px;
+	float:right;
+	right:1px;
+	z-index:77;
+	height: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;
+}
 
 #userListicon {
     overflow: auto;
@@ -195,6 +234,15 @@ img{
     text-transform:none;
     
 }
+#avatar
+{
+	
+	right:1px;
+	float:right;
+	text-align:left;
+	width:auto;
+	
+}
 #lillogo {
     bottom:0px;
     position:absolute;