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