diff options
| -rw-r--r-- | default.html | 96 |
1 files changed, 96 insertions, 0 deletions
diff --git a/default.html b/default.html new file mode 100644 index 0000000..6954dea --- /dev/null +++ b/default.html @@ -0,0 +1,96 @@ +<meta name="viewport" content="width=device-width, initial-scale=1.0"> +<style> +html { + font-family: monospace; +} +body { + max-width: 104ch; + margin: auto; + padding: 0 1ch; +} + +nav ul { + padding: 0; + list-style-type: none; + display: flex; + flex-wrap: wrap; +} +nav ul li { + margin-right: 1ch; +} + +article.message header { + background-color: gainsboro; + padding: 1ex 1ch; +} +article.message:target header { + background-color: khaki; +} +article.message header h2 { + font-size: 1em; + margin: 0 0 1ex; +} +article.message header nav ul { + margin: 1ex 0 0; +} + +address { + display: inline; + font-style: inherit; +} +ul.recipient { + margin: 0; + padding: 0; + list-style-type: none; + display: flex; + flex-wrap: wrap; +} +ul.recipient li:not(:last-child)::after { + content: ', '; + margin-right: 1ch; +} +address.from::before { + content: 'From: '; +} +ul.to::before { + content: 'To: '; + margin-right: 1ch; +} +ul.cc::before { + content: 'Cc: '; + margin-right: 1ch; +} + +pre { + white-space: pre-wrap; +} +pre del { + text-decoration: none; + color: red; +} +pre ins { + text-decoration: none; + color: green; +} + +ul.attachment { + background-color: gainsboro; + padding-top: 1ex; + padding-bottom: 1ex; + list-style-type: square; +} + +details.subthread, article.message > article.message { + border-left: 2px solid gainsboro; + padding-left: 1ch; +} +details.subthread summary { + margin: 1em 0; +} + +footer { + margin: 1em 0; + text-align: center; + color: gray; +} +</style> |