style.css

   1 body {
   2     margin: 40px 20px;
   3 }
   4
   5 #universe {
   6     margin: 0px auto;
   7     border: 10px solid black;
   8     float: left;
   9 }
  10
  11 #controls {
  12     float: left;
  13     margin-left: 30px;
  14     width: 400px;
  15 }
  16
  17 #chat {
  18     margin: 15px 3px 15px 3px;
  19     padding: 1px 10px;
  20     border: 3px solid black;
  21     display: inline-block;
  22     width: 244px;
  23 }
  24
  25 .button {
  26     width: 70px;
  27     padding: 1px 0;
  28     border: 3px solid black;
  29     display: inline-block;
  30     cursor: pointer;
  31     text-align: center;
  32 }
  33
  34 #submit {
  35     margin-left: 25px;
  36 }
  37
  38 #submit {
  39     display: none;
  40 }
  41
  42 #log {
  43     display: none;
  44     margin: 10px 3px 15px 3px;
  45     padding: 5px 0;
  46     border: 3px solid black;
  47     width: 370px;
  48     height: 150px;
  49     overflow-y: auto;
  50 }
  51
  52 #log .logline {
  53     font-size: 95%;
  54     text-align: left;
  55     margin-left: 10px;
  56 }
  57
  58 #log .logline .yell {
  59     font-style: italic;
  60     color: red;
  61 }
  62
  63 #log .logline .tell {
  64     font-style: italic;
  65     color: blue;
  66 }
  67
  68 #log .logline .say {
  69     font-style: italic;
  70 }
  71
  72 #log .logline .env {
  73     font-style: italic;
  74     font-size: 95%;
  75 }