From 3b541f6c6b2ff1423e158177033e8778b8246ff6 Mon Sep 17 00:00:00 2001 From: Florian Zeitz Date: Sun, 1 Jun 2008 22:59:23 +0200 Subject: [PATCH] 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) --- style.css | 39 ++++++++++++++++++++++++--------------- 1 file changed, 24 insertions(+), 15 deletions(-) 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 { -- 2.39.5