Changeset View
Changeset View
Standalone View
Standalone View
emails/templates/emails/email.html
| <html style=" | <html style=" | ||||
| height: 100%; | height: 100%; | ||||
| width: 100%; | width: 100%; | ||||
| padding: 0; | padding: 0; | ||||
| margin: 0;"> | margin: 0;"> | ||||
| <head> | <head> | ||||
| <style> | <style> | ||||
| a {color: #68B3C8;} | a {color: #68B3C8;} | ||||
| a:hover {color: #68B3C8} | a:hover {color: #68B3C8} | ||||
| </style> | </style> | ||||
| </head> | </head> | ||||
| <body style=" | <body style=" | ||||
| height: 100%; | height: 100%; | ||||
| width: 100%; | width: 100%; | ||||
| padding: 0; | padding: 0; | ||||
| margin: 0;"> | margin: 0;"> | ||||
| <div style=" | <div style=" | ||||
| background-color: #f8f8f8; | background-color: #f8f8f8; | ||||
| color: #202020; | color: #202020; | ||||
| text-align:center; | text-align:center; | ||||
| font-family: 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Arial', 'Verdana', sans-serif;"> | font-family: 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Arial', 'Verdana', sans-serif;"> | ||||
| <div class="header" style=" | <div class="header" style=" | ||||
| width: 100%; | width: 100%; | ||||
| padding-top: 10px; | padding-top: 10px; | ||||
| padding-bottom: 10px; | padding-bottom: 10px; | ||||
| background-color: white; | background-color: white; | ||||
| border-bottom: thin solid #68B3C8; | border-bottom: thin solid #68B3C8; | ||||
| "> | "> | ||||
| <div class="container" style=" | <div class="container" style=" | ||||
| width: 90%; | width: 90%; | ||||
| max-width: 800px; | max-width: 800px; | ||||
| margin-left: auto; margin-right: auto; | margin-left: auto; margin-right: auto; | ||||
| font-family: 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Arial', 'Verdana', sans-serif; | font-family: 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Arial', 'Verdana', sans-serif; | ||||
| text-align: left;"> | text-align: left;"> | ||||
| <a style="float: left; text-decoration: none" href="https://cloud.blender.org"> | <a style="float: left; text-decoration: none" href="https://cloud.blender.org"> | ||||
| <img src="https://storage.googleapis.com/institute-storage/newsletter/blendercloud_header_small.png" alt="Blender Cloud" title="Blender Cloud"/> | <img src="https://storage.googleapis.com/institute-storage/newsletter/blendercloud_header_small.png" alt="Blender Cloud" title="Blender Cloud"/> | ||||
| </a> | </a> | ||||
| <div style="clear:both"></div> | <div style="clear:both"></div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="body" style=" | <div class="body" style=" | ||||
| width: 80%; | width: 80%; | ||||
| max-width: 800px; | max-width: 800px; | ||||
| background-color: #ffffff; | background-color: #ffffff; | ||||
| margin-top: 20px; margin-bottom: 20px; | margin-top: 20px; margin-bottom: 20px; | ||||
| margin-left: auto; margin-right: auto; | margin-left: auto; margin-right: auto; | ||||
| padding-top: 10px; padding-bottom: 10px; | padding-top: 10px; padding-bottom: 10px; | ||||
| padding-left: 20px; padding-right: 20px; | padding-left: 20px; padding-right: 20px; | ||||
| border: thin solid #eeeeee; | border: thin solid #eeeeee; | ||||
| border-right: 2px solid #dddddd; | border-right: 2px solid #dddddd; | ||||
| border-bottom: 2px solid #dddddd; | border-bottom: 2px solid #dddddd; | ||||
| border-radius: 3px; | border-radius: 3px; | ||||
| text-align: left;"> | text-align: left;"> | ||||
| {{ email.html_message|safe }} | {{ email.html_message|safe }} | ||||
| </div> | </div> | ||||
| <div class="footer" style=" | <div class="footer" style=" | ||||
| width: 100%; | width: 100%; | ||||
| color: #555555; | color: #555555; | ||||
| font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; | font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; | ||||
| font-size: 0.7em; | font-size: 0.7em; | ||||
| font-weight: lighter; | font-weight: lighter; | ||||
| padding-top: 20px; padding-bottom: 20px; | padding-top: 20px; padding-bottom: 20px; | ||||
| background-color: #F2F2F2; | background-color: #F2F2F2; | ||||
| "> | "> | ||||
| <div class="container" style=" | <div class="container" style=" | ||||
| width: 80%; | width: 80%; | ||||
| max-width: 800px; | max-width: 800px; | ||||
| margin-left: auto; margin-right: auto; | margin-left: auto; margin-right: auto; | ||||
| text-align: left;"> | text-align: left;"> | ||||
| Do you want to renew or check the status of your account? <a href="https://cloud.blender.org/settings/billing">https://cloud.blender.org/settings/billing</a><br /> | Do you want to renew or check the status of your account? <a href="https://cloud.blender.org/settings/billing">https://cloud.blender.org/settings/billing</a><br /> | ||||
| <br/> | <br/> | ||||
| Don't want to receive these emails? <a href="%mailing_list_unsubscribe_url%">Unsubscribe</a><br /> | Don't want to receive these emails? <a href="%mailing_list_unsubscribe_url%">Unsubscribe</a><br /> | ||||
| <br/> | <br/> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </body> | </body> | ||||
| </html> | </html> | ||||