content_update_body_html.mak 3.2KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. ## -*- coding: utf-8 -*-
  2. <html>
  3. <head>
  4. <style>
  5. a { color: #3465af;}
  6. a.call-to-action {
  7. background: #3465af;
  8. padding: 3px 4px 5px 4px;
  9. border: 1px solid #12438d;
  10. font-weight: bold;
  11. color: #FFF;
  12. text-decoration: none;
  13. margin-left: 5px;
  14. }
  15. a.call-to-action img { vertical-align: middle;}
  16. th { vertical-align: top;}
  17. #content-intro-username { font-size: 1.5em; color: #666; font-weight: bold; }
  18. #content-intro { margin: 0; border: 1em solid #DDD; border-width: 0 0 0 0em; padding: 1em 1em 1em 1em; }
  19. #content-body { margin: 0em; border: 2em solid #DDD; border-width: 0 0 0 4em; padding: 0.5em 2em 1em 1em; }
  20. #content-body-intro { font-size: 2em; color: #666; }
  21. #content-body-only-title { font-size: 1.5em; }
  22. #content-body ins { background-color: #AFA; }
  23. #content-body del { background-color: #FAA; }
  24. #call-to-action-button { background-color: #5CB85C; border: 1px solid #4CAE4C; color: #FFF; text-decoration: none; font-weight: bold; border-radius: 3px; font-size: 2em; padding: 4px 0.3em;}
  25. #call-to-action-container { text-align: right; margin-top: 2em; }
  26. #footer hr { border: 0px solid #CCC; border-top-width: 1px; width: 8em; max-width:25%; margin-left: 0;}
  27. #footer { color: #999; margin: 4em auto auto 0.5em; }
  28. #footer a { color: #999; }
  29. </style>
  30. </head>
  31. <body style="font-family: Arial; font-size: 12px; max-width: 600px; margin: 0; padding: 0;">
  32. <table style="width: 100%; cell-padding: 0; border-collapse: collapse; margin: 0">
  33. <tr style="background-color: F5F5F5; border-bottom: 1px solid #CCC;" >
  34. <td style="background-color: #666;">
  35. <img alt="logo" src="${logo_url}" style="vertical-align: middle;">
  36. </td>
  37. <td style="padding: 0.5em; background-color: #666; text-align: left;">
  38. <span style="font-size: 1.3em; color: #FFF; font-weight: bold;">
  39. ${main_title}
  40. &mdash;&nbsp;<span style="font-weight: bold; color: #999; font-weight: bold;">
  41. ${status_label|n}
  42. <img alt="status_icon" src="${status_icon_url}" style="vertical-align: middle;">
  43. </span>
  44. </td>
  45. </tr>
  46. </table>
  47. <p id="content-intro">${content_intro|n}</p>
  48. <div id="content-body">
  49. <div>${content_text|n}</div>
  50. <div href='' id="call-to-action-container">
  51. </div>
  52. </div>
  53. <div id="footer">
  54. <p>
  55. ${_('{user_display_name}, you receive this email because you are registered on <i>{website_title}</i> and you are <i>{user_role_label}</i> in the workspace <a href="{workspace_url}">{workspace_label}</a>.').format(user_display_name=user.display_name, user_role_label=role_label, workspace_url=workspace_url, workspace_label=workspace.label, website_title=config.WEBSITE_TITLE)|n}
  56. </p>
  57. <hr/>
  58. <p>
  59. ${_('This email was automatically sent by <i>Tracim</i>, a collaborative software developped by Algoo.')}<br/>
  60. Algoo SAS &mdash; 340 Rue de l'Eygala, 38430 Moirans, France &mdash; <a style="text-decoration: none;" href="http://algoo.fr">www.algoo.fr</a>
  61. </p>
  62. </div>
  63. </body>
  64. </html>