mirror of
https://github.com/mjl-/mox.git
synced 2024-12-26 16:33:47 +03:00
c629ae26af
for issue #186 by morki, thanks for reporting and providing sample favicons. generated by the mentioned generator at favicon.io, with the ubuntu font and a fuchsia-like color. the favicon is served for listeners/domains that have the admin/account/webmail/webapi endpoints enabled, i.e. user-facing. the mta-sts, autoconfig, etc urls don't serve the favicon. admins can create webhandler routes to serve another favicon. these webhandler routes are evaluted before the favicon route (a "service handler").
39 lines
1.8 KiB
HTML
39 lines
1.8 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Mox Account</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<style>
|
|
body, html { padding: 1em; font-size: 16px; }
|
|
* { font-size: inherit; font-family: ubuntu, lato, sans-serif; margin: 0; padding: 0; box-sizing: border-box; }
|
|
h1, h2, h3, h4 { margin-bottom: 1ex; }
|
|
h1 { font-size: 1.2rem; }
|
|
h2 { font-size: 1.1rem; }
|
|
h3, h4 { font-size: 1rem; }
|
|
ul { padding-left: 1rem; }
|
|
.literal { background-color: #eee; padding: .5em 1em; border: 1px solid #eee; border-radius: 4px; white-space: pre-wrap; font-family: monospace; font-size: 15px; tab-size: 4; }
|
|
table { border-spacing: 0; }
|
|
table td, table th { padding: .2em .5em; }
|
|
table > tbody > tr:nth-child(odd) { background-color: #f8f8f8; }
|
|
table.slim td, table.slim th { padding: 0; }
|
|
.text { max-width: 50em; }
|
|
p { margin-bottom: 1em; max-width: 50em; }
|
|
[title] { text-decoration: underline; text-decoration-style: dotted; }
|
|
fieldset { border: 0; }
|
|
.scriptswitch { text-decoration: underline #dca053 2px; }
|
|
thead { position: sticky; top: 0; background-color: white; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
|
|
#page, .loadend { opacity: 1; animation: fadein 0.15s ease-in; }
|
|
#page.loading, .loadstart { opacity: 0.1; animation: fadeout 1s ease-out; }
|
|
@keyframes fadein { 0% { opacity: 0 } 100% { opacity: 1 } }
|
|
@keyframes fadeout { 0% { opacity: 1 } 100% { opacity: 0.1 } }
|
|
.autosize { display: inline-grid; max-width: 90vw; }
|
|
.autosize.input { grid-area: 1 / 2; }
|
|
.autosize::after { content: attr(data-value); margin-right: 1em; line-height: 0; visibility: hidden; white-space: pre-wrap; overflow-x: hidden; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="page"><div style="padding: 1em; text-align: center">Loading...</div></div>
|
|
<script>/* placeholder */</script>
|
|
</body>
|
|
</html>
|