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 584d65d8 2022-08-24 op .thread > ul ul {
 89 584d65d8 2022-08-24 op     border-left: 1px dashed #cacaca;
 90 584d65d8 2022-08-24 op }
 91 584d65d8 2022-08-24 op 
 92 7d6d378a 2022-08-24 op .mail {
 93 822ac1d6 2022-08-24 op     padding: 0.5rem 5px;
 94 7d6d378a 2022-08-24 op }
 95 7d6d378a 2022-08-24 op 
 96 7d6d378a 2022-08-24 op .mail:target {
 97 7d6d378a 2022-08-24 op     background-color: khaki;
 98 7d6d378a 2022-08-24 op }
 99 7d6d378a 2022-08-24 op 
100 7d6d378a 2022-08-24 op .mail .mail-meta {
101 7d6d378a 2022-08-24 op     font-size: 13px;
102 7d6d378a 2022-08-24 op }
103 7d6d378a 2022-08-24 op 
104 7d6d378a 2022-08-24 op .mail.reply .subject {
105 7d6d378a 2022-08-24 op     overflow: hidden;
106 7d6d378a 2022-08-24 op     text-overflow: ellipsis;
107 7d6d378a 2022-08-24 op     white-space: pre;
108 7d6d378a 2022-08-24 op }
109 7d6d378a 2022-08-24 op 
110 7d6d378a 2022-08-24 op footer {
111 7d6d378a 2022-08-24 op     margin-top: 70px;
112 e588f9d0 2022-08-24 op     border-top: 1px solid #333;
113 7d6d378a 2022-08-24 op }
114 7d6d378a 2022-08-24 op 
115 7d6d378a 2022-08-24 op footer > p {
116 7d6d378a 2022-08-24 op     text-align: center;
117 7d6d378a 2022-08-24 op }
118 7d6d378a 2022-08-24 op 
119 7d6d378a 2022-08-24 op footer ul {
120 7d6d378a 2022-08-24 op     padding: 0;
121 7d6d378a 2022-08-24 op     text-align: center;
122 7d6d378a 2022-08-24 op }
123 7d6d378a 2022-08-24 op 
124 7d6d378a 2022-08-24 op footer li {
125 7d6d378a 2022-08-24 op     display: inline-block;
126 7d6d378a 2022-08-24 op     padding: 8px;
127 7d6d378a 2022-08-24 op }
128 e588f9d0 2022-08-24 op 
129 e588f9d0 2022-08-24 op 
130 e588f9d0 2022-08-24 op /* dark theme */
131 e588f9d0 2022-08-24 op @media (prefers-color-scheme: dark) {
132 e588f9d0 2022-08-24 op     body {
133 e588f9d0 2022-08-24 op         color: #ffffea;
134 e588f9d0 2022-08-24 op         background-color: #383838;
135 e588f9d0 2022-08-24 op     }
136 e588f9d0 2022-08-24 op 
137 e588f9d0 2022-08-24 op     a {
138 e588f9d0 2022-08-24 op         color: #8e8eff;
139 e588f9d0 2022-08-24 op     }
140 e588f9d0 2022-08-24 op 
141 e588f9d0 2022-08-24 op     header.mail-header {
142 e588f9d0 2022-08-24 op         background-color: #390039;
143 e588f9d0 2022-08-24 op     }
144 e588f9d0 2022-08-24 op 
145 e588f9d0 2022-08-24 op     footer {
146 e588f9d0 2022-08-24 op         border-color: #ffffea;
147 e588f9d0 2022-08-24 op     }
148 e588f9d0 2022-08-24 op }