Files: 25a1b62eac06d4d75d5b9b4ee53a86ab7f163b5f / styles / dark / message.mcss
2334 bytesRaw
1 | Message { |
2 | background: #383736 |
3 | (highlight) { |
4 | background-color: rgb(255, 255, 86) |
5 | color: #674e00 |
6 | } |
7 | header { |
8 | div.main { |
9 | div.main { |
10 | div.name { |
11 | a { |
12 | color: #c3c3c3 |
13 | :hover { |
14 | color: #ddd |
15 | } |
16 | } |
17 | } |
18 | div.meta { |
19 | font-size: 75% |
20 | color: #8a8a8a |
21 | (a) { |
22 | color: #b3b8e0 |
23 | :hover { |
24 | color: #dfdfe2 |
25 | } |
26 | } |
27 | } |
28 | } |
29 | } |
30 | div.meta { |
31 | span.flag { |
32 | -unread { |
33 | :after { |
34 | color: #757474 |
35 | } |
36 | } |
37 | -new { |
38 | :after { |
39 | color: #757474 |
40 | } |
41 | } |
42 | -new, -unread { |
43 | color: #757474 |
44 | font-size: 75% |
45 | :before { |
46 | color: #efef00 |
47 | } |
48 | } |
49 | } |
50 | a.channel { |
51 | font-size: 100% |
52 | color: #b3b3b3 |
53 | :hover { |
54 | color: #c1cdf0 |
55 | } |
56 | } |
57 | div.counts { |
58 | a.tags { |
59 | :hover { |
60 | color: #b480f5 |
61 | } |
62 | } |
63 | a + a { |
64 | border-left: 2px solid #484848 |
65 | } |
66 | } |
67 | (a.Timestamp) { |
68 | font-size: 75% |
69 | font-weight: normal |
70 | } |
71 | span.private { |
72 | :after { |
73 | background: rgba(0,0,0,0.75) |
74 | padding: 1px 4px |
75 | border-top-right-radius: 3px |
76 | color: #ccc |
77 | } |
78 | } |
79 | } |
80 | } |
81 | a.contentWarning { |
82 | background: #000 |
83 | } |
84 | a.backlink { |
85 | padding: 10px 20px |
86 | background: #2d2c2c |
87 | color: #757474 |
88 | :hover { |
89 | color: #aaa |
90 | } |
91 | } |
92 | footer { |
93 | div.expander { |
94 | background-color: #383736 |
95 | } |
96 | div.actions { |
97 | a.like { |
98 | :hover { |
99 | background: #ff2f92 |
100 | } |
101 | -liked { |
102 | color: #e89bc0; |
103 | background: #67344c; |
104 | :before { |
105 | color: #ff2f92 |
106 | } |
107 | :hover { |
108 | background: #2c0317 |
109 | } |
110 | } |
111 | } |
112 | a.tag { |
113 | :before { |
114 | background-color: #ccc |
115 | } |
116 | } |
117 | a.unlike { |
118 | :hover { |
119 | background: #434141 |
120 | } |
121 | } |
122 | a { |
123 | background: #2d2c2c |
124 | color: #ccc |
125 | :hover { |
126 | background: #45b754 |
127 | } |
128 | } |
129 | } |
130 | } |
131 | -new, -unread { |
132 | box-shadow: 0 0 1px #efef00 |
133 | } |
134 | } |
135 |
Built with git-ssb-web