| [3] | 1 | /* Alternative 1: text */ |
|---|
| 2 | |
|---|
| 3 | div.irclog { font-family: monospace; text-indent: -7em; padding-left: 7em; } |
|---|
| 4 | div.irclog p { margin: 0.2em 0; } |
|---|
| 5 | |
|---|
| 6 | /* Alternative 2: table */ |
|---|
| 7 | table.irclog { width: 100%; } |
|---|
| 8 | .irclog th.nick { color: #ffffff; padding: 0.1em 0.2em; } |
|---|
| 9 | .irclog td.text { width: 100%; background: #eeeeee; } |
|---|
| 10 | .irclog td.action { background: #eeeeee; } |
|---|
| 11 | |
|---|
| 12 | /* Common rules */ |
|---|
| 13 | .irclog h1 { color: #134d73; margin: 0.5em 0; } |
|---|
| 14 | .irclog a { color: #869ABF; } |
|---|
| 15 | .irclog a:visited { color: purple; } |
|---|
| 16 | .irclog a:active, .irclog a:hover { color: #B22222; } |
|---|
| 17 | .irclog a.time, |
|---|
| 18 | .irclog a.time:visited { |
|---|
| 19 | text-decoration: none; |
|---|
| 20 | color: #8888cc; |
|---|
| 21 | } |
|---|
| 22 | .irclog a.time:active, |
|---|
| 23 | .irclog a.time:hover { |
|---|
| 24 | text-decoration: none; |
|---|
| 25 | color: #9999dd; |
|---|
| 26 | } |
|---|
| 27 | .irclog a.time:before { content: "["; } |
|---|
| 28 | .irclog a.time:after { content: "]"; } |
|---|
| 29 | |
|---|
| 30 | .irclog .nick { font-weight: bold; } |
|---|
| 31 | .irclog .part { color: #000099; } |
|---|
| 32 | .irclog .join { color: #009900; } |
|---|
| 33 | .irclog .servermsg { color: #009900; } |
|---|
| 34 | .irclog .nickchange { color: #009900; } |
|---|
| 35 | .irclog .action { color: #cc00cc; } |
|---|
| 36 | .irclog .other { color: #888888; } |
|---|
| 37 | |
|---|
| 38 | /* Make boring messages small */ |
|---|
| 39 | .irclog .part, .irclog .join, .irclog .servermsg, |
|---|
| 40 | .irclog .nickchange, .irclog .other { font-size: smaller; } |
|---|
| 41 | .irclog td.part + td, |
|---|
| 42 | .irclog td.join + td, |
|---|
| 43 | .irclog td.servermsg + td, |
|---|
| 44 | .irclog td.nickchange + td, |
|---|
| 45 | .irclog td.other + td { |
|---|
| 46 | font-size: smaller; |
|---|
| 47 | text-align: right; |
|---|
| 48 | } |
|---|
| 49 | |
|---|
| 50 | .irclog div.generatedby { |
|---|
| 51 | margin-top: 1em; |
|---|
| 52 | font-size: small; |
|---|
| 53 | color: #888888; |
|---|
| 54 | } |
|---|
| 55 | .irclog div.generatedby a:link { |
|---|
| 56 | color: #8888cc; |
|---|
| 57 | text-decoration: none; |
|---|
| 58 | border-bottom: 1px dotted #8888cc; |
|---|
| 59 | } |
|---|
| 60 | .irclog div.generatedby a:visited { |
|---|
| 61 | color: #cc88cc; |
|---|
| 62 | text-decoration: none; |
|---|
| 63 | border-bottom: 1px dotted #cc88cc; |
|---|
| 64 | } |
|---|
| 65 | .irclog div.generatedby a:active, |
|---|
| 66 | .irclog div.generatedby a:hover { |
|---|
| 67 | color: #ff8888; |
|---|
| 68 | text-decoration: none; |
|---|
| 69 | border-bottom: 1px dotted #ff8888; |
|---|
| 70 | } |
|---|
| 71 | |
|---|
