Mercurial > cosocket
annotate media/css/openwebchat.css @ 84:de80d8393b6b
shift-clicking on a message now toggles the display of HTML source.
author | Atul Varma <varmaa@toolness.com> |
---|---|
date | Thu, 30 Apr 2009 21:01:08 -0700 |
parents | a095f39117d9 |
children |
rev | line source |
---|---|
39 | 1 body, textarea, input { |
34 | 2 font-family: palatino, georgia, verdana, arial, sans-serif; |
3 font-size: 10pt; | |
4 line-height: 1.4em; | |
26 | 5 text-align: center; |
6 } | |
7 | |
34 | 8 textarea { |
42
f560e6f01c22
misc changes, including now scrolling to the bottom when new messages arrive.
Atul Varma <varmaa@toolness.com>
parents:
41
diff
changeset
|
9 margin-top: 1em; |
39 | 10 width: 40em; |
11 } | |
12 | |
13 textarea, input { | |
34 | 14 text-align: left; |
15 border: 1px dotted black; | |
16 } | |
17 | |
18 #content { | |
39 | 19 width: 40em; |
26 | 20 margin: 2em auto; |
21 } | |
22 | |
23 h1 { | |
24 font-weight: normal; | |
25 line-height: 1.4em; | |
26 } | |
27 | |
34 | 28 pre { |
26 | 29 font-family: monaco, andale mono, monospace; |
30 font-size: 9pt; | |
31 white-space: pre; | |
32 padding-left: 2em; | |
33 } | |
34 | |
35 a { | |
36 color: black; | |
37 text-decoration: underline; | |
38 } | |
39 | 39 |
40 .message { | |
41
c9ba9a45f1dd
Group consecutive messages by the same author.
Atul Varma <varmaa@toolness.com>
parents:
39
diff
changeset
|
41 |
39 | 42 } |
43 | |
43
728f162add5d
added timestamp info into DOM, though it's currently hidden.
Atul Varma <varmaa@toolness.com>
parents:
42
diff
changeset
|
44 .timestamp { |
728f162add5d
added timestamp info into DOM, though it's currently hidden.
Atul Varma <varmaa@toolness.com>
parents:
42
diff
changeset
|
45 display: none; |
728f162add5d
added timestamp info into DOM, though it's currently hidden.
Atul Varma <varmaa@toolness.com>
parents:
42
diff
changeset
|
46 } |
728f162add5d
added timestamp info into DOM, though it's currently hidden.
Atul Varma <varmaa@toolness.com>
parents:
42
diff
changeset
|
47 |
39 | 48 .author { |
41
c9ba9a45f1dd
Group consecutive messages by the same author.
Atul Varma <varmaa@toolness.com>
parents:
39
diff
changeset
|
49 padding-top: 1em; |
39 | 50 font-variant: small-caps; |
51 } | |
42
f560e6f01c22
misc changes, including now scrolling to the bottom when new messages arrive.
Atul Varma <varmaa@toolness.com>
parents:
41
diff
changeset
|
52 |
78
0effc4481d18
refactored display code a bit
Atul Varma <varmaa@toolness.com>
parents:
73
diff
changeset
|
53 .raw-content { |
0effc4481d18
refactored display code a bit
Atul Varma <varmaa@toolness.com>
parents:
73
diff
changeset
|
54 display: none; |
84
de80d8393b6b
shift-clicking on a message now toggles the display of HTML source.
Atul Varma <varmaa@toolness.com>
parents:
83
diff
changeset
|
55 font-family: monaco, andale mono, monospace; |
de80d8393b6b
shift-clicking on a message now toggles the display of HTML source.
Atul Varma <varmaa@toolness.com>
parents:
83
diff
changeset
|
56 font-size: 9pt; |
de80d8393b6b
shift-clicking on a message now toggles the display of HTML source.
Atul Varma <varmaa@toolness.com>
parents:
83
diff
changeset
|
57 white-space: pre-wrap; |
78
0effc4481d18
refactored display code a bit
Atul Varma <varmaa@toolness.com>
parents:
73
diff
changeset
|
58 } |
0effc4481d18
refactored display code a bit
Atul Varma <varmaa@toolness.com>
parents:
73
diff
changeset
|
59 |
80
002868ce7212
We now try to reconnect after 30 seconds if we get disconnected.
Atul Varma <varmaa@toolness.com>
parents:
78
diff
changeset
|
60 .error { |
42
f560e6f01c22
misc changes, including now scrolling to the bottom when new messages arrive.
Atul Varma <varmaa@toolness.com>
parents:
41
diff
changeset
|
61 display: none; |
45
27785e0ac4d8
Added error detection on the client-side.
Atul Varma <varmaa@toolness.com>
parents:
43
diff
changeset
|
62 background: red; |
27785e0ac4d8
Added error detection on the client-side.
Atul Varma <varmaa@toolness.com>
parents:
43
diff
changeset
|
63 padding: 1em; |
27785e0ac4d8
Added error detection on the client-side.
Atul Varma <varmaa@toolness.com>
parents:
43
diff
changeset
|
64 margin-top: 1em; |
27785e0ac4d8
Added error detection on the client-side.
Atul Varma <varmaa@toolness.com>
parents:
43
diff
changeset
|
65 margin-bottom: 1em; |
27785e0ac4d8
Added error detection on the client-side.
Atul Varma <varmaa@toolness.com>
parents:
43
diff
changeset
|
66 } |
81 | 67 |
68 #data { | |
69 display: none; | |
70 } | |
82
4b3c051d60c3
Added a mouseover overlay that shows metadata about the selected message.
Atul Varma <varmaa@toolness.com>
parents:
81
diff
changeset
|
71 |
4b3c051d60c3
Added a mouseover overlay that shows metadata about the selected message.
Atul Varma <varmaa@toolness.com>
parents:
81
diff
changeset
|
72 .overlay { |
4b3c051d60c3
Added a mouseover overlay that shows metadata about the selected message.
Atul Varma <varmaa@toolness.com>
parents:
81
diff
changeset
|
73 display: none; |
4b3c051d60c3
Added a mouseover overlay that shows metadata about the selected message.
Atul Varma <varmaa@toolness.com>
parents:
81
diff
changeset
|
74 padding-left: 1em; |
4b3c051d60c3
Added a mouseover overlay that shows metadata about the selected message.
Atul Varma <varmaa@toolness.com>
parents:
81
diff
changeset
|
75 position: absolute; |
4b3c051d60c3
Added a mouseover overlay that shows metadata about the selected message.
Atul Varma <varmaa@toolness.com>
parents:
81
diff
changeset
|
76 left: 0px; |
4b3c051d60c3
Added a mouseover overlay that shows metadata about the selected message.
Atul Varma <varmaa@toolness.com>
parents:
81
diff
changeset
|
77 top: 0px; |
83
a095f39117d9
date sent display is much better
Atul Varma <varmaa@toolness.com>
parents:
82
diff
changeset
|
78 z-index: 1; |
82
4b3c051d60c3
Added a mouseover overlay that shows metadata about the selected message.
Atul Varma <varmaa@toolness.com>
parents:
81
diff
changeset
|
79 text-align: left; |
4b3c051d60c3
Added a mouseover overlay that shows metadata about the selected message.
Atul Varma <varmaa@toolness.com>
parents:
81
diff
changeset
|
80 } |
4b3c051d60c3
Added a mouseover overlay that shows metadata about the selected message.
Atul Varma <varmaa@toolness.com>
parents:
81
diff
changeset
|
81 |
4b3c051d60c3
Added a mouseover overlay that shows metadata about the selected message.
Atul Varma <varmaa@toolness.com>
parents:
81
diff
changeset
|
82 .highlighted { |
4b3c051d60c3
Added a mouseover overlay that shows metadata about the selected message.
Atul Varma <varmaa@toolness.com>
parents:
81
diff
changeset
|
83 background: #f5f5f5; |
4b3c051d60c3
Added a mouseover overlay that shows metadata about the selected message.
Atul Varma <varmaa@toolness.com>
parents:
81
diff
changeset
|
84 } |