Fixes webclient spacing issues in lists. Patches created by user "61924.00". Still issues with some line breaks, as per issue 121.

This commit is contained in:
Griatch 2011-02-06 17:06:29 +00:00
parent 2c66f039fd
commit ecbd36c5a8
3 changed files with 164 additions and 145 deletions

View file

@ -1,87 +1,103 @@
/*
Style sheet for Evennia's web client.
/* ---
This should possibly somehow be incoorporated with the
overall website theme in the future?
*/
Style sheet for Evennia's web client.
/*Overall element look */
body{
background:#000;
color:#fff;
font-size:.9em;
}
a:link{
color:#fff;
}
a:visited{
color:#ccc;
}
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;
word-break: break-all;
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 }
/*Base style for new messages in the main message area.*/
.msg{
background:#000;
padding:.2em;
border-bottom:1px #000 solid
}
/*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{
margin-left:10px;
}
/*Main scrolling message area*/
#messagewindow{
overflow:auto;
height:400px;
bottom:10px
}
/*Input area containing input field and button*/
#inputform{
position:fixed;
bottom:0px;
}
/*Input field */
#inputfield{
background:#000;
color:#fff;
font-size:.9em;
width:120ex;
border:1px solid;
padding:4px;
border-color:#555;
outline-style:none;
margin-left:10px;
}
/*Input 'send' button*/
#inputsend{
background:#000;
color:#fff;
font-size:.9em;
border:1px solid;
padding: 3px;
border-color:#555;
}
/*No javascript warning*/
#noscript{
color:f00;
}
/*Example player count display */
#playercount{
margin-left:10px;
color: #555;
}
#playercount { margin-left: .8em }
/* Testing */
/*#inputform {
outline: 1px dotted blue }
#messagewindow {
outline: 1px dotted red }
#wrapper {
outline: 1px dotted green }*/