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 text-align: center;44 }46 h1 {47 font-weight: normal;48 font-size: 1.8rem;49 margin: 0 0 1rem 0;50 }52 main {53 padding: 5px;54 }56 pre {57 font-family: monospace;58 padding: 5px;59 white-space: pre-wrap;60 }62 hr {63 display: none;64 }66 .thread {67 margin: 1rem 0;68 }70 .thread > p {71 padding: 0 1rem;72 }74 .thread p {75 margin: 0;76 }78 .thread a {79 text-decoration: none;80 }82 .thread a:hover {83 text-decoration: underline;84 }86 .thread ul {87 padding-left: 1rem;88 list-style: none;89 }91 .thread ul { border-left: 1px dashed #cacaca; }92 .thread > ul { border-left: 0px; }94 .mail {95 padding: 0.5rem 5px;96 }98 .mail:target {99 background-color: khaki;100 }102 .mail .mail-meta {103 font-size: 13px;104 }106 .mail.reply .subject {107 overflow: hidden;108 text-overflow: ellipsis;109 white-space: pre;110 }112 nav {113 margin: 1rem;114 text-align: center;115 }117 nav a, nav span {118 display: inline-block;119 margin: 0 .7rem;120 }122 footer {123 margin-top: 70px;124 border-top: 1px solid #333;125 }127 footer > p {128 text-align: center;129 }131 footer ul {132 padding: 0;133 text-align: center;134 }136 footer li {137 display: inline-block;138 padding: 8px;139 }142 /* dark theme */143 @media (prefers-color-scheme: dark) {144 body {145 color: #eeeff1;146 background-color: #1e1f21;147 }149 a {150 color: #bad7ff;151 }153 header.mail-header {154 background-color: #390039;155 }157 .mail:target {158 background-color: #574f03;159 }161 footer {162 border-color: #ffffea;163 }164 }