##// END OF EJS Templates
notifications: example in base email template
lisaq -
r509:b80b7fa8 default
parent child Browse files
Show More
@@ -1,102 +1,106 b''
1 ## -*- coding: utf-8 -*-
1 ## -*- coding: utf-8 -*-
2
2
3 ## headers we additionally can set for email
3 ## headers we additionally can set for email
4 <%def name="headers()" filter="n,trim"></%def>
4 <%def name="headers()" filter="n,trim"></%def>
5
5
6 <%def name="plaintext_footer()">
6 <%def name="plaintext_footer()">
7 ${_('This is a notification from RhodeCode. %(instance_url)s') % {'instance_url': instance_url}}
7 ${_('This is a notification from RhodeCode. %(instance_url)s') % {'instance_url': instance_url}}
8 </%def>
8 </%def>
9
9
10 <%def name="body_plaintext()" filter="n,trim"></%def>
10 <%def name="body_plaintext()" filter="n,trim">
11 ## this example is not called itself but overridden in each template
12 ## the plaintext_footer should be at the bottom of both html and text emails
13 ${self.plaintext_footer()}
14 </%def>
11
15
12 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
16 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
13 <html xmlns="http://www.w3.org/1999/xhtml">
17 <html xmlns="http://www.w3.org/1999/xhtml">
14 <head>
18 <head>
15 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
19 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
16 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
20 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
17 <title>${self.subject()}</title>
21 <title>${self.subject()}</title>
18 <style type="text/css">
22 <style type="text/css">
19 /* Based on The MailChimp Reset INLINE: Yes. */
23 /* Based on The MailChimp Reset INLINE: Yes. */
20 #outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
24 #outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
21 body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
25 body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
22 /* Prevent Webkit and Windows Mobile platforms from changing default font sizes.*/
26 /* Prevent Webkit and Windows Mobile platforms from changing default font sizes.*/
23 .ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
27 .ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
24 .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
28 .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
25 /* Forces Hotmail to display normal line spacing. More on that: http://www.emailonacid.com/forum/viewthread/43/ */
29 /* Forces Hotmail to display normal line spacing. More on that: http://www.emailonacid.com/forum/viewthread/43/ */
26 #backgroundTable {margin:0; padding:0; line-height: 100% !important;}
30 #backgroundTable {margin:0; padding:0; line-height: 100% !important;}
27 /* End reset */
31 /* End reset */
28
32
29 /* defaults for images*/
33 /* defaults for images*/
30 img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;}
34 img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;}
31 a img {border:none;}
35 a img {border:none;}
32 .image_fix {display:block;}
36 .image_fix {display:block;}
33
37
34 body {line-height:1.2em;}
38 body {line-height:1.2em;}
35 p {margin: 0 0 20px;}
39 p {margin: 0 0 20px;}
36 h1, h2, h3, h4, h5, h6 {color:#323232!important;}
40 h1, h2, h3, h4, h5, h6 {color:#323232!important;}
37 a {color:#427cc9;text-decoration:none;outline:none;cursor:pointer;}
41 a {color:#427cc9;text-decoration:none;outline:none;cursor:pointer;}
38 a:focus {outline:none;}
42 a:focus {outline:none;}
39 a:hover {color: #305b91;}
43 a:hover {color: #305b91;}
40 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#427cc9!important;text-decoration:none!important;}
44 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#427cc9!important;text-decoration:none!important;}
41 h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {color: #305b91!important;}
45 h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {color: #305b91!important;}
42 h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #305b91!important;}
46 h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #305b91!important;}
43 table {font-size:13px;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;}
47 table {font-size:13px;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;}
44 table td {padding:.65em 1em .65em 0;border-collapse:collapse;vertical-align:top;text-align:left;}
48 table td {padding:.65em 1em .65em 0;border-collapse:collapse;vertical-align:top;text-align:left;}
45 input {display:inline;border-radius:2px;border-style:solid;border: 1px solid #dbd9da;padding:.5em;}
49 input {display:inline;border-radius:2px;border-style:solid;border: 1px solid #dbd9da;padding:.5em;}
46 input:focus {outline: 1px solid #979797}
50 input:focus {outline: 1px solid #979797}
47 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
51 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
48 /* Put your iPhone 4g styles in here */
52 /* Put your iPhone 4g styles in here */
49 }
53 }
50
54
51 /* Android targeting */
55 /* Android targeting */
52 @media only screen and (-webkit-device-pixel-ratio:.75){
56 @media only screen and (-webkit-device-pixel-ratio:.75){
53 /* Put CSS for low density (ldpi) Android layouts in here */
57 /* Put CSS for low density (ldpi) Android layouts in here */
54 }
58 }
55 @media only screen and (-webkit-device-pixel-ratio:1){
59 @media only screen and (-webkit-device-pixel-ratio:1){
56 /* Put CSS for medium density (mdpi) Android layouts in here */
60 /* Put CSS for medium density (mdpi) Android layouts in here */
57 }
61 }
58 @media only screen and (-webkit-device-pixel-ratio:1.5){
62 @media only screen and (-webkit-device-pixel-ratio:1.5){
59 /* Put CSS for high density (hdpi) Android layouts in here */
63 /* Put CSS for high density (hdpi) Android layouts in here */
60 }
64 }
61 /* end Android targeting */
65 /* end Android targeting */
62
66
63 </style>
67 </style>
64
68
65 <!-- Targeting Windows Mobile -->
69 <!-- Targeting Windows Mobile -->
66 <!--[if IEMobile 7]>
70 <!--[if IEMobile 7]>
67 <style type="text/css">
71 <style type="text/css">
68
72
69 </style>
73 </style>
70 <![endif]-->
74 <![endif]-->
71
75
72 <!--[if gte mso 9]>
76 <!--[if gte mso 9]>
73 <style>
77 <style>
74 /* Target Outlook 2007 and 2010 */
78 /* Target Outlook 2007 and 2010 */
75 </style>
79 </style>
76 <![endif]-->
80 <![endif]-->
77 </head>
81 </head>
78 <body>
82 <body>
79 <!-- Wrapper/Container Table: Use a wrapper table to control the width and the background color consistently of your email. Use this approach instead of setting attributes on the body tag. -->
83 <!-- Wrapper/Container Table: Use a wrapper table to control the width and the background color consistently of your email. Use this approach instead of setting attributes on the body tag. -->
80 <table cellpadding="0" cellspacing="0" border="0" id="backgroundTable" align="left" style="margin:1%;width:97%;padding:0;font-family:sans-serif;font-weight:100;border:1px solid #dbd9da">
84 <table cellpadding="0" cellspacing="0" border="0" id="backgroundTable" align="left" style="margin:1%;width:97%;padding:0;font-family:sans-serif;font-weight:100;border:1px solid #dbd9da">
81 <tr>
85 <tr>
82 <td valign="top" style="padding:0;">
86 <td valign="top" style="padding:0;">
83 <table cellpadding="0" cellspacing="0" border="0" align="left" width="100%">
87 <table cellpadding="0" cellspacing="0" border="0" align="left" width="100%">
84 <tr><td style="width:100%;padding:7px;background-color:#202020" valign="top">
88 <tr><td style="width:100%;padding:7px;background-color:#202020" valign="top">
85 <a style="width:100%;height:100%;display:block;color:#eeeeee;text-decoration:none;" href="${instance_url}">
89 <a style="width:100%;height:100%;display:block;color:#eeeeee;text-decoration:none;" href="${instance_url}">
86 ${_('RhodeCode')}
90 ${_('RhodeCode')}
87 % if c.rhodecode_name:
91 % if c.rhodecode_name:
88 - ${c.rhodecode_name}
92 - ${c.rhodecode_name}
89 % endif
93 % endif
90 </a>
94 </a>
91 </td></tr>
95 </td></tr>
92 <tr><td style="padding:15px;" valign="top">${self.body()}</td></tr>
96 <tr><td style="padding:15px;" valign="top">${self.body()}</td></tr>
93 </table>
97 </table>
94 </td>
98 </td>
95 </tr>
99 </tr>
96 </table>
100 </table>
97 <!-- End of wrapper table -->
101 <!-- End of wrapper table -->
98 <p><a style="margin-top:15px;margin-left:1%;font-family:sans-serif;font-weight:100;font-size:11px;display:block;color:#666666;text-decoration:none;" href="${instance_url}">
102 <p><a style="margin-top:15px;margin-left:1%;font-family:sans-serif;font-weight:100;font-size:11px;display:block;color:#666666;text-decoration:none;" href="${instance_url}">
99 ${self.plaintext_footer()}
103 ${self.plaintext_footer()}
100 </a></p>
104 </a></p>
101 </body>
105 </body>
102 </html>
106 </html>
General Comments 0
You need to be logged in to leave comments. Login now