Files: be42b6c7a3098a78d9d43a99a82ef3363311878a / styles / gathering-card.mcss
923 bytesRaw
1 | GatheringCard { |
2 | border: 1px solid #DDD |
3 | padding: 10px |
4 | margin-bottom: 10px |
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: 90%; |
21 | color: #555; |
22 | font-weight: bold; |
23 | margin-bottom: 10px; |
24 | } |
25 | div.attendees { |
26 | margin: 0 5px |
27 | a { |
28 | margin-right: 4px |
29 | img { |
30 | height: 45px |
31 | width: 45px |
32 | } |
33 | } |
34 | } |
35 | div.actions { |
36 | margin-top: 10px |
37 | button + button { |
38 | margin-left: 5px |
39 | } |
40 | } |
41 | } |
42 | |
43 | div.title { |
44 | font-size: 200% |
45 | button { |
46 | float: right; |
47 | font-size: 60%; |
48 | } |
49 | } |
50 | div.time { |
51 | color: #555 |
52 | font-size: 120% |
53 | } |
54 | div.description { |
55 | border-top: 3px solid #CCC; |
56 | margin-top: 10px; |
57 | } |
58 | } |
59 |
Built with git-ssb-web