style.css

   1 html, body {
   2         height: 100%;
   3         width: 100%;
   4         margin: 0px;
   5         padding: 0px;
   6         background: black;
   7         color: white;
   8 }
   9
  10 #login {
  11         max-width: 50%;
  12         padding: 20px;
  13         border: 3px dashed;
  14         background: darkgrey;
  15         text-align: center;
  16         position: relative;
  17         margin: auto;
  18         margin-top: 5em;
  19 }
  20
  21 #roster {
  22         display: none;
  23         border: 1px solid;
  24         position: fixed;
  25         right: 0px;
  26         top: 0px;
  27         width: 10%;
  28         padding: 5px;
  29         background: darkred;
  30 }
  31
  32 #roster ul {
  33         padding: 0px;
  34 }
  35
  36 #roster li {
  37         margin: 5px;
  38         list-style-position: inside;
  39 }
  40
  41 #chat {
  42         display: none;
  43         margin-right: 10%;
  44         padding: 0 1em 3em 1em;
  45 }
  46
  47 #entry {
  48         display: none;
  49         width: 100%;
  50         position: fixed;
  51         bottom: 0px;
  52         left: 0px;
  53         right: 0px;
  54         border-top: 1px solid;
  55         clear: both;
  56 }
  57
  58 #text_submit {
  59         width: 10%;
  60         padding-left: 0px;
  61         padding-right: 0px;
  62         margin-left: 0px;
  63         margin-right: 0px;
  64         position: absolute;
  65         right: 0px;
  66 }
  67
  68 #text {
  69         width: 89%;
  70         padding-left: 0px;
  71         padding-right: 0px;
  72         margin-left: 0px;
  73         margin-right: 0px;
  74 }
  75
  76 .msg {
  77         margin: 2px;
  78 }
  79
  80 .sender {
  81         font-weight: bold;
  82         color: red;
  83 }
  84
  85 .server {
  86         color: green;
  87 }
  88
  89 .bubble {
  90         position: fixed;
  91         width: 30%;
  92         height: 30%;
  93         right: 0px;
  94         margin-right: 15%;
  95         top: 2em;
  96         background-color: white;
  97         color: black;
  98 }
  99
 100 .bubble a {
 101         color: pink;
 102         position: absolute;
 103         right: 0px;
 104         bottom: -1.5em;
 105 }
 106
 107 .bubbleChat {
 108         height: 100%;
 109         overflow: auto;
 110 }
 111
 112 .bubbleForm {
 113         width: 90%;
 114 }