aboutsummaryrefslogtreecommitdiffstats
path: root/view/css
diff options
context:
space:
mode:
Diffstat (limited to 'view/css')
-rw-r--r--view/css/mod_chat.css102
1 files changed, 46 insertions, 56 deletions
diff --git a/view/css/mod_chat.css b/view/css/mod_chat.css
index c59d8d459..69c2e1528 100644
--- a/view/css/mod_chat.css
+++ b/view/css/mod_chat.css
@@ -20,77 +20,67 @@
padding: 7px 10px;
}
+section,
+aside {
+ padding-bottom: 0px;
+}
+
+#chatTopBar {
+ float: left;
+ height: 400px;
+ overflow-y: auto;
+}
- #chatContainer {
- height: 100%;
- width: 100%;
- }
-
- #chatTopBar {
- float: left;
- height: 400px;
- width: 77%;
- overflow-y: auto;
- }
-
- #chatSide {
- float: right;
- width: 20%;
- height: 100%;
- }
-
- #chatDrop {
- margin: 20px 0;
- float: right;
-}
-
- #chatUsers {
- border: 1px solid #000;
-}
-
- #chatBottomBar {
- position: relative;
- bottom: 0;
- height: 150px;
- margin-top: 20px;
- }
-
-#chatOptionsBar {
- margin-top: 20px;
-}
-
- #chatText {
- width: 100%;
- }
-
- section {
- padding-bottom: 0;
- }
-.chat-item {
- padding: 3px;
+#chatUsers img {
+ float: left;
+ margin-right: 5px;
+}
+
+.name {
+ font-weight: bold;
}
-.chat-item-end {
- clear: both;
+#chatBottomBar {
+ position: relative;
+ bottom: 0;
+ margin-top: 10px;
+}
+
+.chat-item {
+ display: table;
+ table-layout: fixed;
+
}
.chat-item-photo {
- float: left;
+ display: table-cell;
height: 32px;
width: 32px;
+ vertical-align: top;
}
.chat-body {
- float: left;
- width: 80%;
- margin-left: 15px;
+ display: table-cell;
+ vertical-align: top;
+ padding: 0px 0px 20px 10px;
}
-.chat-item-text {
- float: left;
- padding: 3px;
+.chat-item-title {
display: inline-block;
+ padding: 3px;
+ margin-bottom: 3px;
}
+.online {
+ color: green;
+}
+
+.away {
+ color: orange;
+}
+
+.leave {
+ color: red;
+}