/static/css/jchat.css

 1/* CHAT */
 2
 3#chat-messages-container {
 4	overflow: auto; /* used for scrolling */
 5	width: 100%;
 6	height: 100px;
 7	border: 1px solid #777;
 8	-moz-border-radius: 5px;
 9}
10
11#chat-messages {
12	padding: 5px;
13}
14
15#chat-messages .author {
16	font-weight: bold;
17	margin-right: 0.5em;
18	display: inline; 
19}
20
21#chat-messages .message {
22	margin-bottom: 4px;
23}
24
25#chat-messages .system {
26	font-weight: bold;
27	color: #642;
28}
29
30#chat-messages .join {
31	color: #696;
32	background: url(../img/door_in.png) top left no-repeat;
33	padding-left: 20px;
34	margin: 4px 0;
35}
36
37#chat-messages .leave {
38	color: #966;
39	background: url(../img/door_out.png) top left no-repeat;
40	padding-left: 20px;
41	margin: 4px 0;
42}
43
44#chat .message {
45	width: 80%;
46}