1 files changed, 61 insertions, 62 deletions

diff --git a/static/pichat.css b/static/pichat.css
index f7ec7a8..2d099d8 100644
--- a/static/pichat.css
+++ b/static/pichat.css
@@ -4,6 +4,7 @@ body {
 	
 	background-color:#e3e3e3;
 	
+	
 }
 a {
 	font-size: 12px;
@@ -29,6 +30,7 @@ a:active {
 #content{
     z-index: 3;
     overflow: auto;
+	min-width:600px;
 }
 
 #chatboxx {
@@ -46,31 +48,29 @@ a:active {
 	position:absolute;
 	width:100%;
 	bottom:0px;
-	font-size:12px;
-	font-family:"Times New Roman", Times, serif;
-	background-image:url(/static/footer.png);
-	background-repeat:repeat-x;
-	background-position:top;
-	height:30px;
+line-height:2.5;
+	font-size:11px;
+word-spacing:8px;
+height:28px;
 	color: #000;
-	line-height: 2;
+
 }
 
 #messagePane {
-	border: 2px solid #15fff3;
-height:78%;
+	border: 2px solid #c8cbce;
+
 	padding: 5px;
+top:58px;
+bottom:65px;
 	position:fixed;
 	width: 98%;
-
 	background-color:#FFF;
 	left:7px;
 	right:10px;
-	top:60px;
+
 	float: left;
 	min-width:500px;
 	z-index:5;
-
 }
 
 #messageList {
@@ -96,94 +96,103 @@ height:78%;
 #msgInputDiv {
 	position:relative;
 	min-width:500px;
+	z-index:100;
 left:0px;
-bottom:6px;
-
+bottom:5px;
 	width: 100%;
 }
 
 #msgInput {
     width: 100%;
-
+	z-index:100;
+	background-color:#FFF;
     margin-top: 15px;
 	left:0px;
     position:relative;
-		border:2px solid #999;
+		border:2px solid #c8cbce;
 height:36px;
 font-size:20px;
     min-width:500px;
+	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;
+		box-shadow: 2px 3px 4px #c8cbce;
+-webkit-box-shadow: 2px 3px 4px #c8cbce;
+-moz-box-shadow: 2px 3px 4px #c8cbce;
+filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY=4, positive=true);
 }
 .msgInput {
-
-	
     min-width:500px;
+	z-index:100;
 }
 
 #msgSubmit {
+	
 	position:absolute;
 	display:inline-block;
 	width:120px;
 height:35px;
 right:0px;
 font-size:20px;
+background-image:url(/static/bg-btn-blue.png);
 top:15px;
 	text-align:center;
+	z-index:100;
 	cursor:pointer;
-
 	background-color:#087cff;
-	-moz-border-radius:2px;
-	-webkit-border-radius:2px;
-	-opera-border-radius:2px;
-	-khtml-border-radius:2px;
+	border-top-right-radius:10px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomright:5px;
 	border-radius:2px;
 	font-size:12px;
 	color:#fff;
 	text-shadow:1px 1px 3px rgba(0,0,0,0.5);
-	
-
 }
-
 .msgDiv img{
     max-width:650px;
     width: expression(this.width > 650 ? 650: true);
     max-height:400px;
     height: expression(this.width > 400 ? 400: true);
     max-width:400px;
-
-  
-                  z-index: 1;
-
-
-
-
-
-
-
+ z-index: 1;
+}
+.msgDiv {padding:2px;   
 }
-.msgDiv {padding:2px;   }
-
 .oldmsg {
     color: #666;
 }
 
-
 #userList {
 	overflow-x: hidden;
-
-	height: 75%;
+	overflow-y:auto;
+	height: auto;
 	margin: 0px;
 	position: absolute;
 	padding: 5px;
-	top:70px;
-	width: 150px;
+	top:85px;
+	min-width: 150px;
+	width:11%;
 	float:right;
-	right: 40px;
+	right: 5%;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 14px;
 	font-weight:420;
 	border-top-left-radius:5px;
 	border-top-right-radius:5px;
 	-webkit-border-top-left-radius:5px;
+	background-color:#FFF;
 	-webkit-border-top-right-radius:5px;
 	-moz-border-radius-topleft:5px;
 	-moz-border-radius-topright:5px;
@@ -193,18 +202,20 @@ top:15px;
 	-webkit-border-bottom-right-radius:5px;
 	-moz-border-radius-bottomleft:5px;
 	-moz-border-radius-bottomright:5px;
-	min-width:90px;
-	
+	max-height:250px;
+		box-shadow: 3px 4px 4px #c8cbce;
+-webkit-box-shadow: 3px 4px 4px #c8cbce;
+-moz-box-shadow: 3px 3px 4px #c8cbce;
+filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY=4, positive=true);
 	text-overflow:ellipsis;
-
-
 	z-index:18;
 	text-align: left;
 }
 .username{height:30px;
 margin-top:2px;
 line-height:20px;
-text-indent:4px;
+text-indent:6px;
+z-index:18;
 min-width:90px;
 overflow:hidden;
 
@@ -218,25 +229,15 @@ text-decoration:none;
 .username a:hover { 
 display:block; 
 width:100%;
-
-
 height:100%;
 color:#000;
-
 text-decoration:none;
 background-color:#f3f3f3;
-
-
 	border-top-right-radius:5px;
-	
 	-webkit-border-top-right-radius:5px;
-	
 	-moz-border-radius-topright:5px;
-	
 	border-bottom-right-radius:5px;
-	
 	-webkit-border-bottom-right-radius:5px;
-	
 	-moz-border-radius-bottomright:5px;
 }  
 #userList img{
@@ -249,7 +250,6 @@ background-color:#f3f3f3;
 	right:1px;
 	z-index:77;
 	height:30px;
-	
 	border-top-left-radius:5px;
 	border-top-right-radius:5px;
 	-webkit-border-top-left-radius:5px;
@@ -287,8 +287,7 @@ background-color:#f3f3f3;
     
 }
 #avatar
-{
-	
+{	
 	right:1px;
 	float:right;
 	text-align:left;