base.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. {% load misago_avatars %}
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  3. <html lang="{{ LANGUAGE_CODE }}">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <meta name="viewport" content="initial-scale=1.0"> <!-- So that mobile webkit will display zoomed in -->
  7. <meta name="format-detection" content="telephone=no"> <!-- disable auto telephone linking in iOS -->
  8. <style type="text/css">
  9. /* Resets: see reset.css for details */
  10. .ReadMsgBody { width: 100%; background-color: #eff0f1;}
  11. .ExternalClass {width: 100%; background-color: #eff0f1;}
  12. .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height:100%;}
  13. body {-webkit-text-size-adjust:none; -ms-text-size-adjust:none;}
  14. body {margin:0; padding:0;}
  15. table {border-spacing:0;}
  16. table td {border-collapse:collapse;}
  17. .yshortcuts a {border-bottom: none !important;}
  18. /* Constrain email width for small screens */
  19. @media screen and (max-width: 600px) {
  20. table[class="container"] {
  21. width: 95% !important;
  22. }
  23. }
  24. /* Give content more room on mobile */
  25. @media screen and (max-width: 480px) {
  26. td[class="container-padding"] {
  27. padding-left: 12px !important;
  28. padding-right: 12px !important;
  29. }
  30. }
  31. </style>
  32. </head>
  33. <body style="margin:0; padding:10px 0;" bgcolor="#eff0f1" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  34. <br>
  35. <!-- 100% wrapper (grey background) -->
  36. <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" bgcolor="#eff0f1">
  37. <tr>
  38. <td align="center" valign="top" bgcolor="#eff0f1" style="background-color: #eff0f1;">
  39. <!-- 600px container (white background) -->
  40. <table border="0" width="600" cellpadding="0" cellspacing="0" class="container" bgcolor="#ffffff">
  41. <tr>
  42. <td class="container-padding" bgcolor="#ffffff" style="background-color: #ffffff; border: 1px solid #dde0e2; padding-left: 30px; padding-right: 30px; font-size: 13px; line-height: 20px; font-family: Helvetica, sans-serif; color: #333; padding-top: 4px;" align="left">
  43. <br>
  44. <!-- ### BEGIN CONTENT ### -->
  45. <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
  46. <tr>
  47. <td valign="middle" style="font-size: 28px; line-height: 24px; color: #555555;">{{ misago_settings.forum_name }}</td>
  48. <td align="center" valign="middle" width="30"><img src="{{ SITE_PROTOCOL }}:{{ recipient|avatar:32 }}" width="32" height="32" style="border-radius: 3px;" alt=""></td>
  49. </tr>
  50. </table>
  51. <br>
  52. <div style="font-weight: bold; font-size: 18px; line-height: 24px; color: #333; border-top: 1px solid #ddd;"><br>{% block title %}{{ subject }}{% endblock %}</div>
  53. <br>
  54. {% block content %}{% endblock content %}
  55. <br>
  56. <div style="border-top: 1px solid #ddd; color: #666; font-size: 12px; line-height: 18px;">
  57. {% if misago_settings.email_footer %}<br>{{ misago_settings.email_footer }}{% endif %}
  58. <br><a href="{{ SITE_ADDRESS }}" style="color: #888; text-decoration: underline;">{% blocktrans with site_host=SITE_HOST %}Sent from {{ site_host }}{% endblocktrans %}</a>
  59. </div>
  60. <!-- ### END CONTENT ### -->
  61. <br>
  62. </td>
  63. </tr>
  64. </table>
  65. <!--/600px container -->
  66. </td>
  67. </tr>
  68. </table>
  69. <!--/100% wrapper-->
  70. <br>
  71. <br>
  72. </body>
  73. </html>