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 7d6d378a 2022-08-24 op .thread p {
 71 7d6d378a 2022-08-24 op     margin: 0;
 72 7d6d378a 2022-08-24 op }
 73 7d6d378a 2022-08-24 op 
 74 7d6d378a 2022-08-24 op .thread a {
 75 7d6d378a 2022-08-24 op     text-decoration: none;
 76 7d6d378a 2022-08-24 op }
 77 7d6d378a 2022-08-24 op 
 78 7d6d378a 2022-08-24 op .thread a:hover {
 79 7d6d378a 2022-08-24 op     text-decoration: underline;
 80 7d6d378a 2022-08-24 op }
 81 7d6d378a 2022-08-24 op 
 82 584d65d8 2022-08-24 op .thread ul {
 83 584d65d8 2022-08-24 op     padding-left: 1rem;
 84 584d65d8 2022-08-24 op     list-style: none;
 85 584d65d8 2022-08-24 op }
 86 584d65d8 2022-08-24 op 
 87 878c6311 2022-08-25 op .thread ul   { border-left: 1px dashed #cacaca; }
 88 878c6311 2022-08-25 op .thread > ul { border-left: 0px; }
 89 584d65d8 2022-08-24 op 
 90 7d6d378a 2022-08-24 op .mail {
 91 822ac1d6 2022-08-24 op     padding: 0.5rem 5px;
 92 7d6d378a 2022-08-24 op }
 93 7d6d378a 2022-08-24 op 
 94 7d6d378a 2022-08-24 op .mail:target {
 95 7d6d378a 2022-08-24 op     background-color: khaki;
 96 7d6d378a 2022-08-24 op }
 97 7d6d378a 2022-08-24 op 
 98 7d6d378a 2022-08-24 op .mail .mail-meta {
 99 7d6d378a 2022-08-24 op     font-size: 13px;
100 7d6d378a 2022-08-24 op }
101 7d6d378a 2022-08-24 op 
102 7d6d378a 2022-08-24 op .mail.reply .subject {
103 7d6d378a 2022-08-24 op     overflow: hidden;
104 7d6d378a 2022-08-24 op     text-overflow: ellipsis;
105 7d6d378a 2022-08-24 op     white-space: pre;
106 7d6d378a 2022-08-24 op }
107 7d6d378a 2022-08-24 op 
108 2eb655f1 2022-08-27 op nav {
109 d18a077f 2022-08-26 op     margin: 1rem;
110 cef2c415 2022-08-24 op     text-align: center;
111 cef2c415 2022-08-24 op }
112 cef2c415 2022-08-24 op 
113 2eb655f1 2022-08-27 op nav a {
114 cef2c415 2022-08-24 op     display: inline-block;
115 cef2c415 2022-08-24 op     margin: 0 1rem;
116 cef2c415 2022-08-24 op }
117 cef2c415 2022-08-24 op 
118 7d6d378a 2022-08-24 op footer {
119 7d6d378a 2022-08-24 op     margin-top: 70px;
120 e588f9d0 2022-08-24 op     border-top: 1px solid #333;
121 7d6d378a 2022-08-24 op }
122 7d6d378a 2022-08-24 op 
123 7d6d378a 2022-08-24 op footer > p {
124 7d6d378a 2022-08-24 op     text-align: center;
125 7d6d378a 2022-08-24 op }
126 7d6d378a 2022-08-24 op 
127 7d6d378a 2022-08-24 op footer ul {
128 7d6d378a 2022-08-24 op     padding: 0;
129 7d6d378a 2022-08-24 op     text-align: center;
130 7d6d378a 2022-08-24 op }
131 7d6d378a 2022-08-24 op 
132 7d6d378a 2022-08-24 op footer li {
133 7d6d378a 2022-08-24 op     display: inline-block;
134 7d6d378a 2022-08-24 op     padding: 8px;
135 7d6d378a 2022-08-24 op }
136 e588f9d0 2022-08-24 op 
137 e588f9d0 2022-08-24 op 
138 e588f9d0 2022-08-24 op /* dark theme */
139 e588f9d0 2022-08-24 op @media (prefers-color-scheme: dark) {
140 e588f9d0 2022-08-24 op     body {
141 05415a6d 2022-08-26 op         color: #eeeff1;
142 05415a6d 2022-08-26 op         background-color: #1e1f21;
143 e588f9d0 2022-08-24 op     }
144 e588f9d0 2022-08-24 op 
145 e588f9d0 2022-08-24 op     a {
146 05415a6d 2022-08-26 op         color: #bad7ff;
147 e588f9d0 2022-08-24 op     }
148 e588f9d0 2022-08-24 op 
149 e588f9d0 2022-08-24 op     header.mail-header {
150 e588f9d0 2022-08-24 op         background-color: #390039;
151 e588f9d0 2022-08-24 op     }
152 e588f9d0 2022-08-24 op 
153 e5f34c99 2022-08-24 op     .mail:target {
154 e5f34c99 2022-08-24 op         background-color: #574f03;
155 e5f34c99 2022-08-24 op     }
156 e5f34c99 2022-08-24 op 
157 e588f9d0 2022-08-24 op     footer {
158 e588f9d0 2022-08-24 op         border-color: #ffffea;
159 e588f9d0 2022-08-24 op     }
160 e588f9d0 2022-08-24 op }