style.css

html, body, header h1, #switcher ul { margin: 0; padding: 0; }
body { overflow: hidden; }
* { font-family: 'Ubuntu Sans', sans-serif; }

header { margin: 5px; }
header h1 {
  text-indent: -999px;
  background: url(img/10bit.svg) no-repeat top left;
  display: block;
  width: 150px;
  height: 60px;
}
#statusbox { float: right; text-align: right; }
#statusbox p { margin: 0; }

#switcher ul {
  display: block;
  background: #339;
  list-style: none;
}
#switcher li {
  display: inline-block;
}
#switcher li a {
  display: block;
  color: #fff;
  padding: 5px;
  text-decoration: none;
}
#switcher li:hover, #switcher li.active {
  background: #55a;
}

section {
  display: none;
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  bottom: 30px;
}
.backlog {
  position: absolute;
  top: 0;
  left: 0;
  right: 150px;
  bottom: 0;
  padding: 5px 10px;
  overflow-y: scroll;
}
.userlist {
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
  bottom: 0;
  overflow-y: auto;
}
section.active { display: block; }

.backlog p { font-size: 10pt; margin: 6px 0; padding-left: 50px; text-indent: -50px; }
.userlist ul { margin: 0; padding: 0; list-style: none; }
.userlist li { padding: 5px 10px; }
.userlist li:hover { background: #ded; }

#input {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
}
#input .wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 70px;
  top: 0;
}
#input [type=text] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  top: 0;
  margin: 0;
  padding: 4px 7px;
  border: 1px solid #999;
  border-width: 1px 1px 0 0;
  box-sizing: border-box;
  z-index: 100;
}
#input [type=submit] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70px;
  top: 0;
  margin: 0;
  border: 1px solid #999;
  border-width: 1px 0 0 0;
  z-index: 100;
}