2010-12-07 02:34:59 +00:00
|
|
|
/*
|
|
|
|
|
Style sheet for Evennia's web client.
|
|
|
|
|
|
2010-12-07 21:46:26 +00:00
|
|
|
This should possibly somehow be incoorporated with the
|
2010-12-07 02:34:59 +00:00
|
|
|
overall website theme in the future?
|
|
|
|
|
*/
|
|
|
|
|
|
2010-12-07 21:46:26 +00:00
|
|
|
/*Overall element look */
|
2010-12-07 02:34:59 +00:00
|
|
|
body{
|
|
|
|
|
background:#000;
|
|
|
|
|
color:#fff;
|
2010-12-07 21:46:26 +00:00
|
|
|
font-size:.9em;
|
2010-12-07 02:34:59 +00:00
|
|
|
}
|
2010-12-07 21:46:26 +00:00
|
|
|
a:link{
|
|
|
|
|
color:#fff;
|
|
|
|
|
}
|
|
|
|
|
a:visited{
|
|
|
|
|
color:#ccc;
|
|
|
|
|
}
|
|
|
|
|
|
2010-12-07 02:34:59 +00:00
|
|
|
/*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;
|
|
|
|
|
}
|