mirror of
https://github.com/evennia/evennia.git
synced 2026-03-20 23:06:31 +01:00
150 lines
3.3 KiB
CSS
150 lines
3.3 KiB
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 }
|
|
|
|
/* Set this to e.g. bolder if wanting to have ansi-highlights bolden
|
|
* stand-alone text.*/
|
|
strong {font-weight:normal;}
|
|
|
|
div {margin:0px;}
|
|
/* 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 }
|
|
|
|
/* Prompt base (white) */
|
|
.prompt {color: #fff }
|
|
|
|
/* Style specific classes corresponding to formatted, narative text. */
|
|
.red { color: red; }
|
|
.maroon { color: maroon; }
|
|
.lime { color: lime; }
|
|
.green { color: green; }
|
|
.yellow { color: yellow; }
|
|
.olive { color: olive; }
|
|
.blue { color: blue; }
|
|
.navy { color: navy; }
|
|
.magenta { color: #FF00FF; }
|
|
.purple { color: purple; }
|
|
.cyan { color: #00FFFF; }
|
|
.teal { color: teal; }
|
|
.white { color: white; }
|
|
.gray { color: gray; }
|
|
.dimgray {color: #696969;}
|
|
.black {color: black;}
|
|
.underline { text-decoration: underline; }
|
|
|
|
.bgred { background-color: red;}
|
|
.bgmaroon { background-color: maroon;}
|
|
.bglime { background-color: lime;}
|
|
.bggreen { background-color: green;}
|
|
.bgyellow { background-color: yellow;}
|
|
.bgolive { background-color: olive;}
|
|
.bgblue { background-color: blue;}
|
|
.bgnavy { background-color: navy;}
|
|
.bgmagenta { background-color: #FF00FF;}
|
|
.bgpurple { background-color: purple;}
|
|
.bgcyan { background-color: #00FFFF;}
|
|
.bgteal { background-color: teal;}
|
|
.bgwhite { background-color: white;}
|
|
.bggray { background-color: gray;}
|
|
.bgdimgray { background-color: #696969;}
|
|
.bgblack { background-color: black;}
|
|
|
|
/* 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 }
|
|
|
|
/* prompt area above input field */
|
|
#prompt {
|
|
margin-top: .8em;}
|
|
|
|
/* 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 }*/
|