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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
39
882b75e96c17 Added name functionality.
Atul Varma <varmaa@toolness.com>
parents: 34
diff changeset
1 body, textarea, input {
34
10fcf63961d8 More misc. changes.
Atul Varma <varmaa@toolness.com>
parents: 26
diff changeset
2 font-family: palatino, georgia, verdana, arial, sans-serif;
10fcf63961d8 More misc. changes.
Atul Varma <varmaa@toolness.com>
parents: 26
diff changeset
3 font-size: 10pt;
10fcf63961d8 More misc. changes.
Atul Varma <varmaa@toolness.com>
parents: 26
diff changeset
4 line-height: 1.4em;
26
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
5 text-align: center;
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
6 }
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
7
34
10fcf63961d8 More misc. changes.
Atul Varma <varmaa@toolness.com>
parents: 26
diff changeset
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
882b75e96c17 Added name functionality.
Atul Varma <varmaa@toolness.com>
parents: 34
diff changeset
10 width: 40em;
882b75e96c17 Added name functionality.
Atul Varma <varmaa@toolness.com>
parents: 34
diff changeset
11 }
882b75e96c17 Added name functionality.
Atul Varma <varmaa@toolness.com>
parents: 34
diff changeset
12
882b75e96c17 Added name functionality.
Atul Varma <varmaa@toolness.com>
parents: 34
diff changeset
13 textarea, input {
34
10fcf63961d8 More misc. changes.
Atul Varma <varmaa@toolness.com>
parents: 26
diff changeset
14 text-align: left;
10fcf63961d8 More misc. changes.
Atul Varma <varmaa@toolness.com>
parents: 26
diff changeset
15 border: 1px dotted black;
10fcf63961d8 More misc. changes.
Atul Varma <varmaa@toolness.com>
parents: 26
diff changeset
16 }
10fcf63961d8 More misc. changes.
Atul Varma <varmaa@toolness.com>
parents: 26
diff changeset
17
10fcf63961d8 More misc. changes.
Atul Varma <varmaa@toolness.com>
parents: 26
diff changeset
18 #content {
39
882b75e96c17 Added name functionality.
Atul Varma <varmaa@toolness.com>
parents: 34
diff changeset
19 width: 40em;
26
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
20 margin: 2em auto;
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
21 }
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
22
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
23 h1 {
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
24 font-weight: normal;
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
25 line-height: 1.4em;
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
26 }
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
27
34
10fcf63961d8 More misc. changes.
Atul Varma <varmaa@toolness.com>
parents: 26
diff changeset
28 pre {
26
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
29 font-family: monaco, andale mono, monospace;
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
30 font-size: 9pt;
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
31 white-space: pre;
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
32 padding-left: 2em;
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
33 }
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
34
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
35 a {
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
36 color: black;
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
37 text-decoration: underline;
4a4b66f5229b Added open web chat module.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
38 }
39
882b75e96c17 Added name functionality.
Atul Varma <varmaa@toolness.com>
parents: 34
diff changeset
39
882b75e96c17 Added name functionality.
Atul Varma <varmaa@toolness.com>
parents: 34
diff changeset
40 .message {
41
c9ba9a45f1dd Group consecutive messages by the same author.
Atul Varma <varmaa@toolness.com>
parents: 39
diff changeset
41
39
882b75e96c17 Added name functionality.
Atul Varma <varmaa@toolness.com>
parents: 34
diff changeset
42 }
882b75e96c17 Added name functionality.
Atul Varma <varmaa@toolness.com>
parents: 34
diff changeset
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
882b75e96c17 Added name functionality.
Atul Varma <varmaa@toolness.com>
parents: 34
diff changeset
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
882b75e96c17 Added name functionality.
Atul Varma <varmaa@toolness.com>
parents: 34
diff changeset
50 font-variant: small-caps;
882b75e96c17 Added name functionality.
Atul Varma <varmaa@toolness.com>
parents: 34
diff changeset
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
2fc520114ed4 better support for i18n
Atul Varma <varmaa@toolness.com>
parents: 80
diff changeset
67
2fc520114ed4 better support for i18n
Atul Varma <varmaa@toolness.com>
parents: 80
diff changeset
68 #data {
2fc520114ed4 better support for i18n
Atul Varma <varmaa@toolness.com>
parents: 80
diff changeset
69 display: none;
2fc520114ed4 better support for i18n
Atul Varma <varmaa@toolness.com>
parents: 80
diff changeset
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 }