Files: b1b0d21a8274ea9457cd17b4e1f99973a7e827b7 / styles / dark / gathering-card.mcss
1121 bytesRaw
1 | GatheringCard { |
2 | padding: 20px |
3 | margin: 20px -20px |
4 | border-top: 1px solid #2d2c2c |
5 | |
6 | a.image { |
7 | display: block |
8 | margin-top: 10px |
9 | height: 300px |
10 | background-size: cover |
11 | background-repeat: no-repeat |
12 | background-position: center |
13 | } |
14 | |
15 | div.attending { |
16 | margin: 10px 0 |
17 | padding-top: 10px; |
18 | |
19 | div.title { |
20 | font-size: 75%; |
21 | margin-bottom: 10px; |
22 | text-align: center |
23 | } |
24 | div.attendees { |
25 | text-align: center |
26 | |
27 | a + a { |
28 | margin-left: 10px |
29 | } |
30 | |
31 | (img) { |
32 | height: 45px |
33 | width: 45px |
34 | border-radius: 3px |
35 | } |
36 | } |
37 | div.actions { |
38 | text-align: center |
39 | margin-top: 10px |
40 | |
41 | button { |
42 | :first-child { |
43 | ::before { |
44 | content: 'โ ' |
45 | } |
46 | } |
47 | } |
48 | button + button { |
49 | margin-left: 5px |
50 | } |
51 | } |
52 | } |
53 | |
54 | div.title { |
55 | a { |
56 | font-size: 200% |
57 | } |
58 | button { |
59 | float: right; |
60 | |
61 | ::before { |
62 | content: 'โ ' |
63 | } |
64 | } |
65 | } |
66 | div.time { |
67 | color: #757474 |
68 | } |
69 | div.description { |
70 | margin: 20px 0 0 |
71 | padding: 20px |
72 | background: #2d2c2c |
73 | } |
74 | } |
75 |
Built with git-ssb-web