From: Florian Zeitz <florob@babelmonkeys.de>
Date: Sun, 1 Jun 2008 20:59:23 +0000 (+0200)
Subject: Change design
X-Git-Url: https://cgit.babelmonkeys.de/?a=commitdiff_plain;h=3b541f6c6b2ff1423e158177033e8778b8246ff6;p=xmppchat.git

Change design

Changes:
* Roster now in top left corner
* Matrixy colors
  * black background
  * white font
  * red participant names
  * darkred roster
  * green room messages
* Fixed width of entry and send button (as good as possible)
---

diff --git a/style.css b/style.css
index 6f77278..d56f2ae 100644
--- a/style.css
+++ b/style.css
@@ -1,18 +1,17 @@
-* {
-	margin: 0px;
-	padding: 0px;
-}
-
 html, body {
 	height: 100%;
 	width: 100%;
+	margin: 0px;
+	padding: 0px;
+	background: black;
+	color: white;
 }
 
 #login {
-	width: 20em;
+	max-width: 50%;
 	padding: 20px;
 	border: 3px dashed;
-	background: lightgrey;
+	background: darkgrey;
 	text-align: center;
 	position: relative;
 	margin: auto;
@@ -24,9 +23,10 @@ html, body {
 	border: 1px solid;
 	position: fixed;
 	right: 0px;
-	top: 5em;
+	top: 0px;
 	width: 10%;
 	padding: 5px;
+	background: darkred;
 }
 
 #roster ul {
@@ -41,36 +41,45 @@ html, body {
 #chat {
 	display: none;
 	margin-right: 10%;
-	padding-right: 1em;
-	padding-bottom: 3em;
+	padding: 0 1em 3em 1em;
 }
 
 #entry {
 	display: none;
 	width: 100%;
-	height: 2em;
 	position: fixed;
 	bottom: 0px;
 	left: 0px;
 	right: 0px;
-	background: white;
-	margin-top: 1em;
 	border-top: 1px solid;
 	clear: both;
 }
 
 #text_submit {
 	width: 10%;
+	padding-left: 0px;
+	padding-right: 0px;
+	margin-left: 0px;
+	margin-right: 0px;
 	position: absolute;
-	right: 2em;
+	right: 0px;
 }
 
 #text {
-	width: 80%;
+	width: 89%;
+	padding-left: 0px;
+	padding-right: 0px;
+	margin-left: 0px;
+	margin-right: 0px;
+}
+
+.msg {
+	margin: 2px;
 }
 
 .sender {
 	font-weight: bold;
+	color: red;
 }
 
 .server {