Blame


1 7d6d378a 2022-08-24 op * {
2 7d6d378a 2022-08-24 op box-sizing: border-box;
3 7d6d378a 2022-08-24 op }
4 7d6d378a 2022-08-24 op
5 7d6d378a 2022-08-24 op body {
6 7d6d378a 2022-08-24 op margin: 0;
7 7d6d378a 2022-08-24 op padding: 0;
8 7d6d378a 2022-08-24 op border: 0;
9 7d6d378a 2022-08-24 op font: 14px sans-serif;
10 7d6d378a 2022-08-24 op }
11 7d6d378a 2022-08-24 op
12 7d6d378a 2022-08-24 op header.mail-header {
13 7d6d378a 2022-08-24 op background-color: #ced7e0;
14 7d6d378a 2022-08-24 op padding: 5px 10px;
15 7d6d378a 2022-08-24 op margin: 10px 0;
16 7d6d378a 2022-08-24 op }
17 7d6d378a 2022-08-24 op
18 7d6d378a 2022-08-24 op header.mail-header img {
19 7d6d378a 2022-08-24 op vertical-align: middle;
20 7d6d378a 2022-08-24 op }
21 7d6d378a 2022-08-24 op
22 7d6d378a 2022-08-24 op header dl {
23 7d6d378a 2022-08-24 op display: flex;
24 7d6d378a 2022-08-24 op flex-wrap: wrap;
25 7d6d378a 2022-08-24 op margin: 0;
26 7d6d378a 2022-08-24 op }
27 7d6d378a 2022-08-24 op
28 7d6d378a 2022-08-24 op header dt {
29 822ac1d6 2022-08-24 op width: 64px;
30 7d6d378a 2022-08-24 op }
31 7d6d378a 2022-08-24 op
32 7d6d378a 2022-08-24 op header dd {
33 7d6d378a 2022-08-24 op margin-left: auto;
34 822ac1d6 2022-08-24 op width: calc(100% - 64px);
35 7d6d378a 2022-08-24 op flex-grow: 2;
36 7d6d378a 2022-08-24 op }
37 7d6d378a 2022-08-24 op
38 7d6d378a 2022-08-24 op header dt, header dd {
39 7d6d378a 2022-08-24 op padding: 3px 0;
40 7d6d378a 2022-08-24 op }
41 7d6d378a 2022-08-24 op
42 7d6d378a 2022-08-24 op header.index-header {
43 7d6d378a 2022-08-24 op text-align: center;
44 7d6d378a 2022-08-24 op }
45 7d6d378a 2022-08-24 op
46 7d6d378a 2022-08-24 op h1 {
47 7d6d378a 2022-08-24 op font-weight: normal;
48 7d6d378a 2022-08-24 op font-size: 1.8rem;
49 7d6d378a 2022-08-24 op margin: 0 0 1rem 0;
50 7d6d378a 2022-08-24 op }
51 7d6d378a 2022-08-24 op
52 7d6d378a 2022-08-24 op main {
53 7d6d378a 2022-08-24 op padding: 5px;
54 7d6d378a 2022-08-24 op }
55 7d6d378a 2022-08-24 op
56 7d6d378a 2022-08-24 op pre {
57 7d6d378a 2022-08-24 op font-family: monospace;
58 7d6d378a 2022-08-24 op padding: 5px;
59 7d6d378a 2022-08-24 op white-space: pre-wrap;
60 7d6d378a 2022-08-24 op }
61 7d6d378a 2022-08-24 op
62 7d6d378a 2022-08-24 op hr {
63 7d6d378a 2022-08-24 op display: none;
64 7d6d378a 2022-08-24 op }
65 7d6d378a 2022-08-24 op
66 7d6d378a 2022-08-24 op .thread {
67 584d65d8 2022-08-24 op margin: 1rem 0;
68 7d6d378a 2022-08-24 op }
69 7d6d378a 2022-08-24 op
70 85fd8f63 2023-04-01 op .thread > p {
71 85fd8f63 2023-04-01 op padding: 0 1rem;
72 85fd8f63 2023-04-01 op }
73 85fd8f63 2023-04-01 op
74 7d6d378a 2022-08-24 op .thread p {
75 7d6d378a 2022-08-24 op margin: 0;
76 7d6d378a 2022-08-24 op }
77 7d6d378a 2022-08-24 op
78 7d6d378a 2022-08-24 op .thread a {
79 7d6d378a 2022-08-24 op text-decoration: none;
80 7d6d378a 2022-08-24 op }
81 7d6d378a 2022-08-24 op
82 7d6d378a 2022-08-24 op .thread a:hover {
83 7d6d378a 2022-08-24 op text-decoration: underline;
84 7d6d378a 2022-08-24 op }
85 7d6d378a 2022-08-24 op
86 584d65d8 2022-08-24 op .thread ul {
87 584d65d8 2022-08-24 op padding-left: 1rem;
88 584d65d8 2022-08-24 op list-style: none;
89 584d65d8 2022-08-24 op }
90 584d65d8 2022-08-24 op
91 878c6311 2022-08-25 op .thread ul { border-left: 1px dashed #cacaca; }
92 878c6311 2022-08-25 op .thread > ul { border-left: 0px; }
93 584d65d8 2022-08-24 op
94 7d6d378a 2022-08-24 op .mail {
95 822ac1d6 2022-08-24 op padding: 0.5rem 5px;
96 7d6d378a 2022-08-24 op }
97 7d6d378a 2022-08-24 op
98 7d6d378a 2022-08-24 op .mail:target {
99 7d6d378a 2022-08-24 op background-color: khaki;
100 7d6d378a 2022-08-24 op }
101 7d6d378a 2022-08-24 op
102 7d6d378a 2022-08-24 op .mail .mail-meta {
103 7d6d378a 2022-08-24 op font-size: 13px;
104 7d6d378a 2022-08-24 op }
105 7d6d378a 2022-08-24 op
106 7d6d378a 2022-08-24 op .mail.reply .subject {
107 7d6d378a 2022-08-24 op overflow: hidden;
108 7d6d378a 2022-08-24 op text-overflow: ellipsis;
109 7d6d378a 2022-08-24 op white-space: pre;
110 7d6d378a 2022-08-24 op }
111 7d6d378a 2022-08-24 op
112 2eb655f1 2022-08-27 op nav {
113 d18a077f 2022-08-26 op margin: 1rem;
114 cef2c415 2022-08-24 op text-align: center;
115 cef2c415 2022-08-24 op }
116 cef2c415 2022-08-24 op
117 85b7371b 2023-04-01 op nav a, nav span {
118 cef2c415 2022-08-24 op display: inline-block;
119 85b7371b 2023-04-01 op margin: 0 .7rem;
120 cef2c415 2022-08-24 op }
121 cef2c415 2022-08-24 op
122 7d6d378a 2022-08-24 op footer {
123 7d6d378a 2022-08-24 op margin-top: 70px;
124 e588f9d0 2022-08-24 op border-top: 1px solid #333;
125 7d6d378a 2022-08-24 op }
126 7d6d378a 2022-08-24 op
127 7d6d378a 2022-08-24 op footer > p {
128 7d6d378a 2022-08-24 op text-align: center;
129 7d6d378a 2022-08-24 op }
130 7d6d378a 2022-08-24 op
131 7d6d378a 2022-08-24 op footer ul {
132 7d6d378a 2022-08-24 op padding: 0;
133 7d6d378a 2022-08-24 op text-align: center;
134 7d6d378a 2022-08-24 op }
135 7d6d378a 2022-08-24 op
136 7d6d378a 2022-08-24 op footer li {
137 7d6d378a 2022-08-24 op display: inline-block;
138 7d6d378a 2022-08-24 op padding: 8px;
139 7d6d378a 2022-08-24 op }
140 e588f9d0 2022-08-24 op
141 e588f9d0 2022-08-24 op
142 e588f9d0 2022-08-24 op /* dark theme */
143 e588f9d0 2022-08-24 op @media (prefers-color-scheme: dark) {
144 e588f9d0 2022-08-24 op body {
145 05415a6d 2022-08-26 op color: #eeeff1;
146 05415a6d 2022-08-26 op background-color: #1e1f21;
147 e588f9d0 2022-08-24 op }
148 e588f9d0 2022-08-24 op
149 e588f9d0 2022-08-24 op a {
150 05415a6d 2022-08-26 op color: #bad7ff;
151 e588f9d0 2022-08-24 op }
152 e588f9d0 2022-08-24 op
153 e588f9d0 2022-08-24 op header.mail-header {
154 e588f9d0 2022-08-24 op background-color: #390039;
155 e588f9d0 2022-08-24 op }
156 e588f9d0 2022-08-24 op
157 e5f34c99 2022-08-24 op .mail:target {
158 e5f34c99 2022-08-24 op background-color: #574f03;
159 e5f34c99 2022-08-24 op }
160 e5f34c99 2022-08-24 op
161 e588f9d0 2022-08-24 op footer {
162 e588f9d0 2022-08-24 op border-color: #ffffea;
163 e588f9d0 2022-08-24 op }
164 e588f9d0 2022-08-24 op }