Thread viewer for Bluesky
1:root {
2 color-scheme: light dark;
3}
4
5@keyframes rotation {
6 from {
7 transform: rotate(0deg);
8 }
9 to {
10 transform: rotate(360deg);
11 }
12}
13
14body {
15 width: 960px;
16 margin: 0px auto 40px;
17 font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
18 text-rendering: optimizeLegibility;
19 -webkit-font-smoothing: antialiased;
20 overflow-y: scroll;
21}
22
23a {
24 text-decoration: none;
25 color: rgb(0, 0, 255);
26}
27
28a:hover {
29 text-decoration: underline;
30}
31
32a:visited {
33 color: rgb(0, 0, 255);
34}
35
36main {
37 padding-top: 1px;
38}
39
40main header h2 {
41 margin-left: 20px;
42 margin-top: 40px;
43 margin-bottom: 50px;
44 font-size: 18pt;
45}
46
47.back, .back a {
48 font-size: 11pt;
49 color: #666;
50}
51
52.back i {
53 margin-right: 2px;
54}
55
56p.back i {
57 font-size: 10pt;
58 color: #888;
59 margin-right: 3px;
60}
61
62@media (prefers-color-scheme: dark) {
63 body {
64 background-color: rgb(39, 39, 37);
65 color: #eee;
66 }
67
68 a {
69 color: rgb(0, 133, 255);
70 }
71
72 a:visited {
73 color: rgb(0, 133, 255);
74 }
75
76 .back, .back a {
77 color: #888;
78 }
79
80 p.back i {
81 color: #888;
82 }
83}