style.css

   1 * {
   2         margin: 0px;
   3         padding: 0px;
   4 }
   5
   6 html, body {
   7         height: 100%;
   8         width: 100%;
   9 }
  10
  11 #login {
  12         width: 20em;
  13         padding: 20px;
  14         border: 3px dashed;
  15         background: lightgrey;
  16         text-align: center;
  17         position: relative;
  18         margin: auto;
  19         margin-top: 5em;
  20 }
  21
  22 #roster {
  23         display: none;
  24         border: 1px solid;
  25         position: fixed;
  26         right: 0px;
  27         top: 5em;
  28         width: 10%;
  29         padding: 5px;
  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-right: 1em;
  45         padding-bottom: 3em;
  46 }
  47
  48 #entry {
  49         display: none;
  50         width: 100%;
  51         height: 2em;
  52         position: fixed;
  53         bottom: 0px;
  54         left: 0px;
  55         right: 0px;
  56         background: white;
  57         margin-top: 1em;
  58         border-top: 1px solid;
  59         clear: both;
  60 }
  61
  62 #text_submit {
  63         width: 10%;
  64         position: absolute;
  65         right: 2em;
  66 }
  67
  68 #text {
  69         width: 80%;
  70 }
  71
  72 .sender {
  73         font-weight: bold;
  74 }
  75
  76 .server {
  77         color: green;
  78 }