67 lines
4.1 KiB
HTML
67 lines
4.1 KiB
HTML
{{define "styles"}}
|
|
<style>
|
|
* { margin:0; padding:0; box-sizing:border-box; }
|
|
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:#f5f5f5; color:#333; }
|
|
.navbar { background:#2c3e50; padding:0 20px; height:50px; display:flex; align-items:center; }
|
|
.navbar a { color:#ecf0f1; text-decoration:none; margin-right:20px; font-size:14px; }
|
|
.navbar a:hover { color:#3498db; }
|
|
.navbar .right { margin-left:auto; }
|
|
.container { max-width:1200px; margin:20px auto; padding:0 20px; }
|
|
.card { background:#fff; border-radius:8px; box-shadow:0 2px 4px rgba(0,0,0,0.1); padding:20px; margin-bottom:20px; }
|
|
table { width:100%; border-collapse:collapse; }
|
|
th, td { padding:10px 12px; text-align:left; border-bottom:1px solid #eee; }
|
|
th { background:#f8f9fa; font-weight:600; }
|
|
.btn { display:inline-block; padding:8px 16px; border-radius:4px; text-decoration:none; font-size:14px; cursor:pointer; border:none; }
|
|
.btn-primary { background:#3498db; color:#fff; }
|
|
.btn-primary:hover { background:#2980b9; }
|
|
.btn-danger { background:#e74c3c; color:#fff; }
|
|
.btn-danger:hover { background:#c0392b; }
|
|
.btn-sm { padding:4px 10px; font-size:12px; }
|
|
.alert { padding:12px 16px; border-radius:4px; margin-bottom:16px; }
|
|
.alert-error { background:#fde8e8; color:#c0392b; }
|
|
.alert-success { background:#e8fde8; color:#27ae60; }
|
|
.form-group { margin-bottom:16px; }
|
|
.form-group label { display:block; margin-bottom:6px; font-weight:600; }
|
|
.form-group input, .form-group textarea, .form-group select { width:100%; padding:8px 12px; border:1px solid #ddd; border-radius:4px; font-size:14px; }
|
|
.form-group input[type="checkbox"] { width:auto; }
|
|
.unread { font-weight:bold; }
|
|
.message-subject { color:#2c3e50; text-decoration:none; }
|
|
.message-subject:hover { color:#3498db; }
|
|
.sidebar { width:200px; float:left; }
|
|
.sidebar a { display:block; padding:10px 15px; color:#2c3e50; text-decoration:none; border-radius:4px; margin-bottom:2px; }
|
|
.sidebar a:hover, .sidebar a.active { background:#3498db; color:#fff; }
|
|
.content { margin-left:220px; }
|
|
.pagination { margin-top:16px; text-align:center; }
|
|
.pagination a, .pagination span { display:inline-block; padding:6px 12px; margin:0 2px; border:1px solid #ddd; border-radius:4px; text-decoration:none; color:#333; }
|
|
.pagination .current { background:#3498db; color:#fff; border-color:#3498db; }
|
|
.mail-meta { color:#7f8c8d; font-size:13px; margin-bottom:8px; }
|
|
.mail-body { line-height:1.6; margin-top:16px; padding-top:16px; border-top:1px solid #eee; }
|
|
.attachment-list { margin-top:16px; padding-top:16px; border-top:1px solid #eee; }
|
|
.attachment-item { display:inline-block; margin-right:12px; margin-bottom:8px; padding:6px 12px; background:#ecf0f1; border-radius:4px; font-size:13px; }
|
|
.attachment-item a { color:#2c3e50; text-decoration:none; }
|
|
.attachment-item a:hover { color:#3498db; }
|
|
.badge { display:inline-block; padding:2px 8px; border-radius:10px; font-size:11px; font-weight:bold; }
|
|
.badge-unread { background:#e74c3c; color:#fff; }
|
|
.stat-card { display:inline-block; width:200px; padding:20px; margin-right:20px; background:#fff; border-radius:8px; box-shadow:0 2px 4px rgba(0,0,0,0.1); text-align:center; }
|
|
.stat-card h3 { font-size:32px; color:#2c3e50; margin-bottom:4px; }
|
|
.stat-card p { color:#7f8c8d; font-size:14px; }
|
|
.dns-record { background:#f8f9fa; padding:12px 16px; border-radius:4px; margin-bottom:12px; font-family:monospace; font-size:13px; white-space:pre-wrap; }
|
|
.clearfix::after { content:""; display:table; clear:both; }
|
|
</style>
|
|
{{end}}
|
|
|
|
{{define "navbar"}}
|
|
{{if .currentUser}}
|
|
<nav class="navbar">
|
|
<a href="/inbox">MailGo</a>
|
|
{{if .currentUser.IsAdmin}}<a href="/admin">管理后台</a>{{end}}
|
|
<div class="right">
|
|
<span style="color:#ecf0f1;font-size:13px;">{{.currentUser.Username}}@{{.currentUser.Domain.Name}}</span>
|
|
<form method="POST" action="/logout" style="display:inline;">
|
|
<a href="#" onclick="this.parentElement.submit(); return false;">退出</a>
|
|
</form>
|
|
</div>
|
|
</nav>
|
|
{{end}}
|
|
{{end}}
|