2013-10-31 17:38:38 +00:00
|
|
|
span.timestamp {
|
2013-10-31 13:03:50 +00:00
|
|
|
color: #d0d0d0;
|
|
|
|
}
|
|
|
|
|
2013-10-31 17:38:38 +00:00
|
|
|
span.timestamp:after {
|
2013-10-31 13:03:50 +00:00
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
|
2013-10-31 17:38:38 +00:00
|
|
|
.utterance span.nym:after {
|
|
|
|
content: ": ";
|
|
|
|
}
|
|
|
|
|
|
|
|
span.arrived:after {
|
|
|
|
content: " arrived";
|
|
|
|
}
|
|
|
|
|
|
|
|
span.departed:after {
|
|
|
|
content: " departed";
|
|
|
|
}
|
|
|
|
|
|
|
|
div.notification {
|
|
|
|
background-color: #eeeeff;
|
|
|
|
}
|
|
|
|
|
|
|
|
span.state.connected, span.arrived {
|
2013-10-31 13:03:50 +00:00
|
|
|
color: #00c000;
|
|
|
|
}
|
|
|
|
|
2013-10-31 17:38:38 +00:00
|
|
|
span.state.disconnected, span.departed {
|
|
|
|
color: #c00000;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.state_disconnected {
|
|
|
|
background-color: #ffeeee;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.state_connected {
|
|
|
|
background-color: #eeffee;
|
2013-10-31 13:03:50 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#chat_output {
|
|
|
|
height: 15em;
|
|
|
|
overflow-y: scroll;
|
|
|
|
}
|
|
|
|
|
|
|
|
#chat_input {
|
|
|
|
width: 80%;
|
|
|
|
}
|
2013-10-31 17:38:38 +00:00
|
|
|
|
|
|
|
.nym {
|
|
|
|
color: #00c000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nym_status:before {
|
|
|
|
content: " (";
|
|
|
|
}
|
|
|
|
|
|
|
|
.nym_status:after {
|
|
|
|
content: ")";
|
|
|
|
}
|
|
|
|
|
|
|
|
.nym_status {
|
|
|
|
font-size: smaller;
|
|
|
|
}
|