Support for private messages

[xmppchat.git] / style.css

diff --git a/style.css b/style.css
index 6f77278b0eb4a6f5c91114bd789b575f9bbfecb8..32b7afca6065c4a53aeba941cb94ff94c0b22d5c 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,38 +41,74 @@ 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 {
        color: green;
 }
+
+.bubble {
+       position: fixed;
+       width: 30%;
+       height: 30%;
+       right: 0px;
+       margin-right: 15%;
+       top: 2em;
+       background-color: white;
+       color: black;
+}
+
+.bubble a {
+       color: pink;
+       position: absolute;
+       right: 0px;
+       bottom: -1.5em;
+}
+
+.bubbleChat {
+       height: 100%;
+       overflow: auto;
+}
+
+.bubbleForm {
+       width: 90%;
+}