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 6f77278b0eb4a6f5c91114bd789b575f9bbfecb8..d56f2aebd7c072f353ead64db5cd4fa392155040 100644 (file)
--- 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 {