-* {
- 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;
border: 1px solid;
position: fixed;
right: 0px;
- top: 5em;
+ top: 0px;
width: 10%;
padding: 5px;
+ background: darkred;
}
#roster ul {
#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%;
- position: absolute;
- right: 2em;
+ padding-left: 0px;
+ padding-right: 0px;
+ margin-left: 0px;
+ margin-right: 0px;
}
#text {
width: 80%;
+ padding-left: 0px;
+ padding-right: 0px;
+ margin-left: 0px;
+ margin-right: 0px;
+}
+
+#disc_submit {
+ width: 7%;
+ position: absolute;
+ 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%;
+}