:root { --jwm-color-back: #eee; --jwm-color-front: #ddd; } body { padding: 1rem; } a { text-decoration-line: none; } a:hover { text-decoration-line: underline; } footer { text-align: center; margin-top: 2rem; } .jwm-base { background-color: var(--jwm-color-back); border-radius: 5px; max-width: 960px; margin: 0 auto; padding: 1rem; } .jwm-base > nav { margin-top: 1rem; } .jwm-warning { background-color: orange; padding: 1rem; } .jwm-post { background-color: var(--jwm-color-front); border-radius: 5px; padding: 0.5rem 1rem; } .jwm-nav { background-color: var(--jwm-color-back); border-radius: 5px; padding: 0 1rem; } .jwm-mail-header { background-color: var(--jwm-color-front); padding: 1rem; } .jwm-mail-body { width: 80%; margin: 0rem auto; } .jwm-mail-body > iframe.html-mail { width: 100%; height: 400px; } /* make sure this lines up with pure-md class */ @media screen and (max-width: 48em) { .hide-small { display: none; } } #displayheaders { max-width: 1280px; margin: 0 auto; padding: 1rem; } #mail-headers { width: 100%; } #empty-folder { text-align: center; } #login { max-width: 640px; } #login > h1 { text-align: center; } #login > form { background-color: var(--jwm-color-front); padding-top: 1rem; padding-left: 6px; }