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 }
  65
  66 #text {
  67         width: 80%;
  68         padding-left: 0px;
  69         padding-right: 0px;
  70         margin-left: 0px;
  71         margin-right: 0px;
  72 }
  73
  74 #disc_submit {
  75         width: 7%;
  76         position: absolute;
  77         right: 0px
  78 }
  79
  80 .msg {
  81         margin: 2px;
  82 }
  83
  84 .sender {
  85         font-weight: bold;
  86         color: red;
  87 }
  88
  89 .server {
  90         color: green;
  91 }
  92
  93 .bubble {
  94         position: fixed;
  95         width: 30%;
  96         height: 30%;
  97         right: 0px;
  98         margin-right: 15%;
  99         top: 2em;
 100         background-color: white;
 101         color: black;
 102 }
 103
 104 .bubble a {
 105         color: pink;
 106         position: absolute;
 107         right: 0px;
 108         bottom: -1.5em;
 109 }
 110
 111 .bubbleChat {
 112         height: 100%;
 113         overflow: auto;
 114 }
 115
 116 .bubbleForm {
 117         width: 90%;
 118 }