evennia/src/web/media/css/webclient.css

/* ---

  Style sheet for Evennia's web client.

  This should possibly somehow be incoorporated with the
  overall website theme in the future?

--- */

/* Overall element look */
html, body { height: 100% }
body {
  margin: 0;
  padding: 0;
  background: #000;
  color: #ccc;
  font-size: .9em;
  font-family: 'DejaVu Sans Mono', Consolas, Inconsolata, 'Lucida Console', monospace;
  line-height: 1.6em }

a:link, a:visited { color: #fff }
a:hover, a:active { color: #ccc }

/* Base style for new messages in the main message area */
.msg {
  white-space: pre-wrap;  
  padding: .5em .9em;}
  /*border-bottom: 1px dotted #222 } /*optional line between messages */

/* Utility messages (green) */
.sys { color: #0f0 }

/* Messages echoed back after input */
.inp { color: #555 }

/* Messages returned from the server (most messages) */
.out { color: #aaa }

/* Error messages (red) */
.err { color: #f00 }

/* Container surrounding entire chat */
#wrapper {
  position: relative;
  height: 100% }

/* Main scrolling message area */
#messagewindow {
  height: 93%;
  overflow: auto }

/* Input area containing input field and button */
#inputform {
  position: absolute;
  width: 100%;
  padding: .8em 0;
  bottom: 0 }

#inputcontrol {
  padding: 0 .8em;
  overflow: auto }

/* Input field */
#inputfield {
  float: left;
  width: 87%;}


#inputfield:focus {
  outline: 0 }

/* Input 'send' button */
#inputsend {
  float: left;
  width: 8% }

#inputfield { margin-right: .5em }

#inputfield, #inputsend {
  border: 1px solid #555;
  background: #000;
  color: #fff;
  padding: .4em .45em;
  font-size: 1.1em;
  font-family: 'DejaVu Sans Mono', Consolas, Inconsolata, 'Lucida Console', monospace }

/* No javascript warning */
#connecting {
  padding: .5em .9em }

/*Example player count display */
#playercount { margin-left: .8em }

/* Testing */
/*#inputform {
  outline: 1px dotted blue }

#messagewindow {
  outline: 1px dotted red }

#wrapper {
  outline: 1px dotted green }*/