Blob
1 * {2 box-sizing: border-box;3 }5 body {6 margin: 0;7 padding: 0;8 border: 0;9 font: 14px sans-serif;10 }12 header.mail-header {13 background-color: #ced7e0;14 padding: 5px 10px;15 margin: 10px 0;16 }18 header.mail-header img {19 vertical-align: middle;20 }22 header dl {23 display: flex;24 flex-wrap: wrap;25 margin: 0;26 }28 header dt {29 width: 64px;30 }32 header dd {33 margin-left: auto;34 width: calc(100% - 64px);35 flex-grow: 2;36 }38 header dt, header dd {39 padding: 3px 0;40 }42 header.index-header {43 margin: 20px 0;44 text-align: center;45 }47 h1 {48 font-weight: normal;49 font-size: 1.8rem;50 margin: 0 0 1rem 0;51 }53 main {54 padding: 5px;55 }57 pre {58 font-family: monospace;59 padding: 5px;60 white-space: pre-wrap;61 }63 hr {64 display: none;65 }67 .thread {68 margin: 2rem 0;69 }71 .thread p {72 margin: 0;73 }75 .thread a {76 text-decoration: none;77 }79 .thread a:hover {80 text-decoration: underline;81 }83 .mail {84 padding: 0.5rem 5px;85 }87 .mail:target {88 background-color: khaki;89 }91 .mail .mail-meta {92 font-size: 13px;93 }95 .mail.reply .subject {96 overflow: hidden;97 text-overflow: ellipsis;98 white-space: pre;99 }101 .mail.indent-1 { padding-left: 15px; }102 .mail.indent-2 { padding-left: 25px; }103 .mail.indent-3 { padding-left: 35px; }104 .mail.indent-4 { padding-left: 45px; }105 .mail.indent-5 { padding-left: 55px; }106 .mail.indent-6 { padding-left: 65px; }107 .mail.indent-7 { padding-left: 75px; }108 .mail.indent-8 { padding-left: 85px; }109 .mail.indent-9 { padding-left: 95px; }110 .mail.indent-10 { padding-left: 105px; }113 footer {114 margin-top: 70px;115 border-top: 1px solid #333;116 }118 footer > p {119 text-align: center;120 }122 footer ul {123 padding: 0;124 text-align: center;125 }127 footer li {128 display: inline-block;129 padding: 8px;130 }133 /* dark theme */134 @media (prefers-color-scheme: dark) {135 body {136 color: #ffffea;137 background-color: #383838;138 }140 a {141 color: #8e8eff;142 }144 header.mail-header {145 background-color: #390039;146 }148 footer {149 border-color: #ffffea;150 }151 }