jcs.org
quickly build a static timeline of your mastodon followers' latest posts so you can decide whether to follow them
1body {
2 font-family: helvetica neue, arial, helvetica, sans-serif;
3 font-size: 11pt;
4 padding-bottom: 2em;
5}
6
7.status {
8 border-bottom: 1px solid gray;
9 padding-bottom: 1em;
10 margin: 2em auto;
11 width: 600px;
12}
13
14.date a {
15 color: gray;
16 text-decoration: none;
17 float: right;
18}
19
20.avatar {
21 float: left;
22 width: 35px;
23 height: 35px;
24 border: 1px solid #222;
25 margin-right: 1em;
26}
27.avatar img {
28 max-width: 35px;
29 max-height: 35px;
30}
31
32.title a {
33 color: #222;
34 text-decoration: none;
35}
36
37.user a {
38 color: gray;
39 text-decoration: none;
40}
41
42.body {
43 overflow-x: auto;
44 clear: both;
45}
46
47.body p:last-child {
48 margin-bottom: 0;
49}
50
51.attachment img {
52 margin-top: 1em;
53 max-width: 100%;
54}
55
56.pages {
57 margin: 1em auto;
58 width: 600px;
59}
60
61.pages .page {
62 border: 1px solid gray;
63 border-radius: 5px;
64 display: inline-block;
65 margin-bottom: 0.5em;
66 margin-right: 0.5em;
67 padding: 0.25em 0;
68 text-align: center;
69 width: 2em;
70}