default.tpl 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  6. <base target="_blank">
  7. <style>
  8. body {
  9. background-color: #F0F1F3;
  10. font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, sans-serif;
  11. font-size: 15px;
  12. line-height: 26px;
  13. margin: 0;
  14. color: #444;
  15. }
  16. .wrap {
  17. background-color: #fff;
  18. padding: 30px;
  19. max-width: 525px;
  20. margin: 0 auto;
  21. border-radius: 5px;
  22. }
  23. .button {
  24. background: #0055d4;
  25. border-radius: 3px;
  26. text-decoration: none !important;
  27. color: #fff !important;
  28. font-weight: bold;
  29. padding: 10px 30px;
  30. display: inline-block;
  31. }
  32. .button:hover {
  33. background: #111;
  34. }
  35. .footer {
  36. text-align: center;
  37. font-size: 12px;
  38. color: #888;
  39. }
  40. .footer a {
  41. color: #888;
  42. }
  43. .gutter {
  44. padding: 30px;
  45. }
  46. img {
  47. max-width: 100%;
  48. }
  49. a {
  50. color: #0055d4;
  51. }
  52. a:hover {
  53. color: #111;
  54. }
  55. @media screen and (max-width: 600px) {
  56. .wrap {
  57. max-width: auto;
  58. }
  59. .gutter {
  60. padding: 10px;
  61. }
  62. }
  63. </style>
  64. </head>
  65. <body style="background-color: #F0F1F3;font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, sans-serif;font-size: 15px;line-height: 26px;margin: 0;color: #444;">
  66. <div class="gutter" style="padding: 30px;">&nbsp;</div>
  67. <div class="wrap" style="background-color: #fff;padding: 30px;max-width: 525px;margin: 0 auto;border-radius: 5px;">
  68. {{ template "content" . }}
  69. </div>
  70. <div class="footer" style="text-align: center;font-size: 12px;color: #888;">
  71. <p>
  72. {{ L.T "email.unsubHelp" }}
  73. <a href="{{ UnsubscribeURL }}" style="color: #888;">{{ L.T "email.unsub" }}</a>
  74. </p>
  75. <p>Powered by <a href="https://listmonk.app" target="_blank" style="color: #888;">listmonk</a></p>
  76. </div>
  77. <div class="gutter" style="padding: 30px;">&nbsp;{{ TrackView }}</div>
  78. </body>
  79. </html>