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 }

/* Style specific classes corresponding to formatted, narative text. */
.white { color: white; } 
.cyan { color: #00FFFF; }
.blue { color: blue; }
.red { color: red; }
.magenta { color: #FF00FF; }
.lime { color: lime; } 
.yellow { color: yellow; }
.gray { color: gray; }
.teal { color: teal; } 
.navy { color: navy; }
.maroon { color: maroon; }
.purple { color: purple; }
.green { color: green; }
.olive { color: olive; }
.underline { text-decoration: underline; }

/* 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 }*/