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     margin: 20px 0;
 44 7d6d378a 2022-08-24 op     text-align: center;
 45 7d6d378a 2022-08-24 op }
 46 7d6d378a 2022-08-24 op 
 47 7d6d378a 2022-08-24 op h1 {
 48 7d6d378a 2022-08-24 op     font-weight: normal;
 49 7d6d378a 2022-08-24 op     font-size: 1.8rem;
 50 7d6d378a 2022-08-24 op     margin: 0 0 1rem 0;
 51 7d6d378a 2022-08-24 op }
 52 7d6d378a 2022-08-24 op 
 53 7d6d378a 2022-08-24 op main {
 54 7d6d378a 2022-08-24 op     padding: 5px;
 55 7d6d378a 2022-08-24 op }
 56 7d6d378a 2022-08-24 op 
 57 7d6d378a 2022-08-24 op pre {
 58 7d6d378a 2022-08-24 op     font-family: monospace;
 59 7d6d378a 2022-08-24 op     padding: 5px;
 60 7d6d378a 2022-08-24 op     white-space: pre-wrap;
 61 7d6d378a 2022-08-24 op }
 62 7d6d378a 2022-08-24 op 
 63 7d6d378a 2022-08-24 op hr {
 64 7d6d378a 2022-08-24 op     display: none;
 65 7d6d378a 2022-08-24 op }
 66 7d6d378a 2022-08-24 op 
 67 7d6d378a 2022-08-24 op .thread {
 68 584d65d8 2022-08-24 op     margin: 1rem 0;
 69 7d6d378a 2022-08-24 op }
 70 7d6d378a 2022-08-24 op 
 71 7d6d378a 2022-08-24 op .thread p {
 72 7d6d378a 2022-08-24 op     margin: 0;
 73 7d6d378a 2022-08-24 op }
 74 7d6d378a 2022-08-24 op 
 75 7d6d378a 2022-08-24 op .thread a {
 76 7d6d378a 2022-08-24 op     text-decoration: none;
 77 7d6d378a 2022-08-24 op }
 78 7d6d378a 2022-08-24 op 
 79 7d6d378a 2022-08-24 op .thread a:hover {
 80 7d6d378a 2022-08-24 op     text-decoration: underline;
 81 7d6d378a 2022-08-24 op }
 82 7d6d378a 2022-08-24 op 
 83 584d65d8 2022-08-24 op .thread ul {
 84 584d65d8 2022-08-24 op     padding-left: 1rem;
 85 584d65d8 2022-08-24 op     list-style: none;
 86 584d65d8 2022-08-24 op }
 87 584d65d8 2022-08-24 op 
 88 878c6311 2022-08-25 op .thread ul   { border-left: 1px dashed #cacaca; }
 89 878c6311 2022-08-25 op .thread > ul { border-left: 0px; }
 90 584d65d8 2022-08-24 op 
 91 7d6d378a 2022-08-24 op .mail {
 92 822ac1d6 2022-08-24 op     padding: 0.5rem 5px;
 93 7d6d378a 2022-08-24 op }
 94 7d6d378a 2022-08-24 op 
 95 7d6d378a 2022-08-24 op .mail:target {
 96 7d6d378a 2022-08-24 op     background-color: khaki;
 97 7d6d378a 2022-08-24 op }
 98 7d6d378a 2022-08-24 op 
 99 7d6d378a 2022-08-24 op .mail .mail-meta {
100 7d6d378a 2022-08-24 op     font-size: 13px;
101 7d6d378a 2022-08-24 op }
102 7d6d378a 2022-08-24 op 
103 7d6d378a 2022-08-24 op .mail.reply .subject {
104 7d6d378a 2022-08-24 op     overflow: hidden;
105 7d6d378a 2022-08-24 op     text-overflow: ellipsis;
106 7d6d378a 2022-08-24 op     white-space: pre;
107 7d6d378a 2022-08-24 op }
108 7d6d378a 2022-08-24 op 
109 cef2c415 2022-08-24 op nav.next-prev {
110 cef2c415 2022-08-24 op     margin: 3rem 1rem 1rem;
111 cef2c415 2022-08-24 op     text-align: center;
112 cef2c415 2022-08-24 op }
113 cef2c415 2022-08-24 op 
114 cef2c415 2022-08-24 op nav.next-prev a {
115 cef2c415 2022-08-24 op     display: inline-block;
116 cef2c415 2022-08-24 op     margin: 0 1rem;
117 cef2c415 2022-08-24 op }
118 cef2c415 2022-08-24 op 
119 7d6d378a 2022-08-24 op footer {
120 7d6d378a 2022-08-24 op     margin-top: 70px;
121 e588f9d0 2022-08-24 op     border-top: 1px solid #333;
122 7d6d378a 2022-08-24 op }
123 7d6d378a 2022-08-24 op 
124 7d6d378a 2022-08-24 op footer > p {
125 7d6d378a 2022-08-24 op     text-align: center;
126 7d6d378a 2022-08-24 op }
127 7d6d378a 2022-08-24 op 
128 7d6d378a 2022-08-24 op footer ul {
129 7d6d378a 2022-08-24 op     padding: 0;
130 7d6d378a 2022-08-24 op     text-align: center;
131 7d6d378a 2022-08-24 op }
132 7d6d378a 2022-08-24 op 
133 7d6d378a 2022-08-24 op footer li {
134 7d6d378a 2022-08-24 op     display: inline-block;
135 7d6d378a 2022-08-24 op     padding: 8px;
136 7d6d378a 2022-08-24 op }
137 e588f9d0 2022-08-24 op 
138 e588f9d0 2022-08-24 op 
139 e588f9d0 2022-08-24 op /* dark theme */
140 e588f9d0 2022-08-24 op @media (prefers-color-scheme: dark) {
141 e588f9d0 2022-08-24 op     body {
142 e588f9d0 2022-08-24 op         color: #ffffea;
143 e588f9d0 2022-08-24 op         background-color: #383838;
144 e588f9d0 2022-08-24 op     }
145 e588f9d0 2022-08-24 op 
146 e588f9d0 2022-08-24 op     a {
147 e588f9d0 2022-08-24 op         color: #8e8eff;
148 e588f9d0 2022-08-24 op     }
149 e588f9d0 2022-08-24 op 
150 e588f9d0 2022-08-24 op     header.mail-header {
151 e588f9d0 2022-08-24 op         background-color: #390039;
152 e588f9d0 2022-08-24 op     }
153 e588f9d0 2022-08-24 op 
154 e5f34c99 2022-08-24 op     .mail:target {
155 e5f34c99 2022-08-24 op         background-color: #574f03;
156 e5f34c99 2022-08-24 op     }
157 e5f34c99 2022-08-24 op 
158 e588f9d0 2022-08-24 op     footer {
159 e588f9d0 2022-08-24 op         border-color: #ffffea;
160 e588f9d0 2022-08-24 op     }
161 e588f9d0 2022-08-24 op }