diff options
| author | Patrick Davison <snapwilliam@gmail.com> | 2013-01-31 04:12:09 -0800 |
|---|---|---|
| committer | Patrick Davison <snapwilliam@gmail.com> | 2013-01-31 04:12:09 -0800 |
| commit | 9941f53715fe3b6c07414ae20d79e608586908d0 (patch) | |
| tree | ee4fece44093bd377fcb93bf1ef40efe2614d012 /pages/chat.php | |
| parent | 27f1a758f0f312e6dedb18f47ce86a6fd1d05d12 (diff) | |
| download | pathery-9941f53715fe3b6c07414ae20d79e608586908d0.tar.xz | |
Pixel pinching for chat.
Diffstat (limited to 'pages/chat.php')
| -rw-r--r-- | pages/chat.php | 39 |
1 files changed, 26 insertions, 13 deletions
diff --git a/pages/chat.php b/pages/chat.php index 51444ae..7b55daa 100644 --- a/pages/chat.php +++ b/pages/chat.php @@ -18,29 +18,39 @@ if (!$accepted) { <style>
.chatMessage {
width:99%;
- min-height:36px;
+ min-height:32px;
margin:4px;
display:block;
clear:both;
}
.chatColumn1 {
float:left;
- min-height:36px;
- width:15%;
- margin:2px;
+ min-height:31px;
+ width:9%;
+ margin:1px;
padding:2px;
height:100%;
background-color:#222;
text-overflow: ellipsis;
white-space:nowrap;
display:block;
+ border-bottom-left-radius: 10px;
+ border-top-left-radius: 10px;
}
.chatColumn2 {
float:left;
- min-height:36px;
- width:81%;
+ min-height:31px;
+ width:4%;
background-color:#222;
- margin:2px;
+ margin:1px;
+ padding-right:3px;
+}
+.chatColumn3 {
+ float:left;
+ min-height:31px;
+ width:83%;
+ background-color:#222;
+ margin:1px;
padding:2px;
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
@@ -60,18 +70,19 @@ if (!$accepted) { }
.chatUsername {
font-family:Comic Sans MS, Comic Sans MS5, cursive;
- min-height:36px;
+ min-height:34px;
text-overflow: ellipsis;
padding: 5px 5px 5px 5px;
}
.chatText {
font-family:Comic Sans MS, Comic Sans MS5, cursive;
- min-height:36px;
+ min-height:34px;
padding: 5px 5px 5px 5px;
}
.chatInputMessage {
font-family:Comic Sans MS, Comic Sans MS5, cursive;
border: 1px solid gray;
+ background-color:#999;
width: 700px;
margin: 4px;
}
@@ -149,17 +160,17 @@ function getChatDone(data) { //console.log("INSIDE BUILD START");
p = '';
p = p+ " <div class='chatColumn1'>";
-
p = p+ " <span class='chatTimestamp'>["+timestamp+"]</span>";
+ p = p+ "</div>";
+
+ p = p+ " <div class='chatColumn2'>";
p = p+ " <div class='grid_td chatBadge' style='float:left; width:35px; height:35px; background:"+user.wallColor+" url(images/marks/"+user.wallEmblem+");'>";
p = p+ " <div style='background-color:transparent;' class='grid_td_inner grid_td_rocks'>";
p = p+ " </div>";
p = p+ " </div>";
p = p+ " </div>";
-
-
- p = p+ " <div class='chatColumn2'>";
+ p = p+ " <div class='chatColumn3'>";
p = p+ "<span class='chatUsername'><a href='achievements?id="+user.userID+"' style='color:"+user.displayColor+"'>";
p = p+ user.displayName+"</a>:</span>";
@@ -242,6 +253,7 @@ function htmlEncode(value){ </script>
+<div class='wrapper'>
<h3>Pathery Chat - BETA</h3>
<div class='chatContainer2'>
@@ -258,6 +270,7 @@ function htmlEncode(value){ </div>
+</div>
<?
|