civetweb/examples/html/style.css

/*
 * vim:ts=2:sw=2:et:ai
 */

body {
  font: 13px Arial; margin: 0.5em 1em;
}

#logo {
  background: url('logo.png') no-repeat ;
  width: 160px;
  height: 40px;
  float: left;
}

#motd {
  margin-left: 170px;
}

.infobox {
  background: #eed;
  padding: 1px 1em;
}

.help-message {
  color: #aaa;
}

#middle {
  margin: 0.5em 0;
}

#error {
  background: #c44;
  color: white;
  font-weight: bold;
}

#content, .menu-item-selected, .chat-title, .chat-content {
  background: #c3d9ff;
}

#content {
  overflow: hidden;
  min-height: 7em;
  padding: 1em;
}

.chat-title {
  padding: 1px 1ex;
}

.chat-content {
 padding: 1ex;
}

.chat-window {
}

.message-row {
  margin: 2px;
  border-bottom: 1px solid #bbb;
}

.message-timestamp {
  color: #484;
}

.message-user {
  margin-left: 0.5em;
  font-weight: bold;
}

.message-text {
  margin-left: 0.5em;
}

.message-user-server {
  color: purple;
}

.message-text-server {
  font-style: italic;
}

.main {
  padding: 0.5em;
  background: #e0ecff;
}

#menu {
  margin-top: 1em;
  min-width: 7em;
  float: left;
}

#footer {
  position: fixed;
  bottom: 0;
  right: 0;
  color: #ccc;
  padding: 0.5em;
}

.section {
  clear: both;
}

.hidden {
  display: none;
}

.menu-item {
  cursor: pointer;
  padding: 0.1em 0.5em;
}

.menu-item-selected {
  font-weight: bold;
}

.message-list {
  min-height: 1em;
  background: white;
  margin: 0.5em 0;
}

.rounded {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.left-rounded {
  border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
}

.bottom-rounded {
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
}

.top-rounded {
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
}