pc.css

@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

html, body, #body, #main {
  width: 100%;
  height: 100%;
}

html {
  color: #f0f0f0;
  font-size: 1em;
  background-color: black;
}

#menu, #contents {
  height: 90%;
  float: right;
  overflow: auto;
}

#menu {
  width: 20%;
}

#menu a {
  color: white;
}

#contents {
  width: 80%;
}

span.time {
  color: #3387bc
}

span.nick_normal, span.nick_myself, span.public {
  margin-left: .5em;
}

span.nick_normal {
  color: #3e87e3;
}

span.nick_myself {
  color: #89bdff;
}

span.public a {
 color: #99cf50;
}

#footer {
  width: 100%;
  height: 10%;
  position:absolute;
  bottom: 0;
}

#footer input, #footer span {
  display: none;
}

#footer #msg {
  color: white;
  font-size: 1em;
  border: none;
  border-top: medium solid white;
  border-bottom: medium solid white;
  background-color: black;
  width: 100%;
  display: block;
}