Files: 9816c58432d723e7f6d43363cda79e2b1a0433bb / styles / dark / feed-event.mcss
1276 bytesRaw
1 | FeedEvent { |
2 | display: flex |
3 | flex-direction: column |
4 | background: transparent |
5 | max-width: 700px |
6 | width: 100% |
7 | margin: 25px auto |
8 | |
9 | -group { |
10 | -new { |
11 | background-color: #505050 |
12 | } |
13 | background: #505050 |
14 | a.expand { |
15 | display: block; |
16 | padding: 10px; |
17 | background: #656363; |
18 | text-align: center; |
19 | color: #dadada; |
20 | cursor: pointer; |
21 | :before { content: '▼ '; font-size: 80% } |
22 | :hover { |
23 | color: white |
24 | } |
25 | } |
26 | |
27 | div.items { |
28 | margin: -10px 15px; |
29 | (div.Message) { |
30 | background-color: #444444 |
31 | } |
32 | } |
33 | |
34 | -expanded { |
35 | a.expand { |
36 | :before { display: none } |
37 | } |
38 | } |
39 | } |
40 | |
41 | :empty { |
42 | margin-bottom: -25px |
43 | } |
44 | |
45 | -new, -unread { |
46 | box-shadow: 0px 0px 2px #ffc800; |
47 | background: #fffdf7; |
48 | } |
49 | |
50 | div + div { |
51 | } |
52 | |
53 | div { |
54 | flex: 1 |
55 | } |
56 | |
57 | a.full { |
58 | display: block; |
59 | padding: 10px; |
60 | background: #2d2c2c; |
61 | text-align: center; |
62 | } |
63 | |
64 | div.replies { |
65 | font-size: 100% |
66 | display: flex |
67 | flex-direction: column |
68 | border-top: 1px solid #2d2c2c |
69 | |
70 | div { |
71 | flex: 1 |
72 | margin: 0 |
73 | } |
74 | |
75 | div + div { |
76 | border-top: 1px solid #2d2c2c |
77 | } |
78 | } |
79 | |
80 | div.meta { |
81 | font-size: 100% |
82 | color: #757474 |
83 | padding: 8px 20px |
84 | text-align: right |
85 | } |
86 | |
87 | } |
88 |
Built with git-ssb-web