add timestamp to classic style
[empathy.git] / data / themes / Classic.AdiumMessageStyle / Contents / Resources / main.css
1 * {
2   word-wrap: break-word;
3   word-break: break-word;
4 }
5
6 html {
7   padding: 0;
8   margin: 0;
9 }
10
11 body {
12   padding: 6px;
13   margin: 0;
14   color: #2e3436;
15 }
16
17 .incoming .sender {
18   color: #4a708b;
19 }
20
21 .outgoing .sender {
22   color: #2e8b57;
23 }
24
25 .mention .sender {
26   color: #8b2323;
27   font-weight: bold;
28 }
29
30 .status {
31   color: #939373;
32 }
33
34 a {
35   color: #4682b4;
36 }
37
38 .message.action {
39   color: #8b2323;
40   font-style: italic;
41 }
42
43 .message.action .sender {
44   display: none;
45 }
46
47 .message.action .actionMessageUserName {
48   display: inline;
49 }
50
51 div.message.action span.message::before {
52   content: " * ";
53 }
54
55 .message.action .actionMessageBody::before,
56 .message.action .actionMessageBody::after {
57   content: " ";
58 }
59
60 ::selection {
61   background: #4a90d9;
62 }
63
64 div.message {
65   padding: 0.3ex 0;
66   line-height: 130%;
67 }
68
69 span.timestamp {
70   color: black;
71   opacity: 0.2;
72   position: absolute;
73   right: 2px;
74   font-size: small;
75   -webkit-transition: all .2s ease-in-out;
76   border-radius: 3px;
77 }
78
79 span.timestamp:hover {
80   opacity: 0.8;
81   background: #666;
82   color: #eee;
83   z-index: 1000;
84 }