##// END OF EJS Templates
notifications: less click space in email header and footer
lisaq -
r513:fb6b614c default
parent child Browse files
Show More
@@ -1,106 +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">
10 <%def name="body_plaintext()" filter="n,trim">
11 ## this example is not called itself but overridden in each template
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
12 ## the plaintext_footer should be at the bottom of both html and text emails
13 ${self.plaintext_footer()}
13 ${self.plaintext_footer()}
14 </%def>
14 </%def>
15
15
16 <!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">
17 <html xmlns="http://www.w3.org/1999/xhtml">
17 <html xmlns="http://www.w3.org/1999/xhtml">
18 <head>
18 <head>
19 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
19 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
20 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
20 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
21 <title>${self.subject()}</title>
21 <title>${self.subject()}</title>
22 <style type="text/css">
22 <style type="text/css">
23 /* Based on The MailChimp Reset INLINE: Yes. */
23 /* Based on The MailChimp Reset INLINE: Yes. */
24 #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. */
25 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;}
26 /* Prevent Webkit and Windows Mobile platforms from changing default font sizes.*/
26 /* Prevent Webkit and Windows Mobile platforms from changing default font sizes.*/
27 .ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
27 .ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
28 .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%;}
29 /* 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/ */
30 #backgroundTable {margin:0; padding:0; line-height: 100% !important;}
30 #backgroundTable {margin:0; padding:0; line-height: 100% !important;}
31 /* End reset */
31 /* End reset */
32
32
33 /* defaults for images*/
33 /* defaults for images*/
34 img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;}
34 img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;}
35 a img {border:none;}
35 a img {border:none;}
36 .image_fix {display:block;}
36 .image_fix {display:block;}
37
37
38 body {line-height:1.2em;}
38 body {line-height:1.2em;}
39 p {margin: 0 0 20px;}
39 p {margin: 0 0 20px;}
40 h1, h2, h3, h4, h5, h6 {color:#323232!important;}
40 h1, h2, h3, h4, h5, h6 {color:#323232!important;}
41 a {color:#427cc9;text-decoration:none;outline:none;cursor:pointer;}
41 a {color:#427cc9;text-decoration:none;outline:none;cursor:pointer;}
42 a:focus {outline:none;}
42 a:focus {outline:none;}
43 a:hover {color: #305b91;}
43 a:hover {color: #305b91;}
44 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;}
45 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;}
46 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;}
47 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;}
48 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;}
49 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;}
50 input:focus {outline: 1px solid #979797}
50 input:focus {outline: 1px solid #979797}
51 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
51 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
52 /* Put your iPhone 4g styles in here */
52 /* Put your iPhone 4g styles in here */
53 }
53 }
54
54
55 /* Android targeting */
55 /* Android targeting */
56 @media only screen and (-webkit-device-pixel-ratio:.75){
56 @media only screen and (-webkit-device-pixel-ratio:.75){
57 /* Put CSS for low density (ldpi) Android layouts in here */
57 /* Put CSS for low density (ldpi) Android layouts in here */
58 }
58 }
59 @media only screen and (-webkit-device-pixel-ratio:1){
59 @media only screen and (-webkit-device-pixel-ratio:1){
60 /* Put CSS for medium density (mdpi) Android layouts in here */
60 /* Put CSS for medium density (mdpi) Android layouts in here */
61 }
61 }
62 @media only screen and (-webkit-device-pixel-ratio:1.5){
62 @media only screen and (-webkit-device-pixel-ratio:1.5){
63 /* Put CSS for high density (hdpi) Android layouts in here */
63 /* Put CSS for high density (hdpi) Android layouts in here */
64 }
64 }
65 /* end Android targeting */
65 /* end Android targeting */
66
66
67 </style>
67 </style>
68
68
69 <!-- Targeting Windows Mobile -->
69 <!-- Targeting Windows Mobile -->
70 <!--[if IEMobile 7]>
70 <!--[if IEMobile 7]>
71 <style type="text/css">
71 <style type="text/css">
72
72
73 </style>
73 </style>
74 <![endif]-->
74 <![endif]-->
75
75
76 <!--[if gte mso 9]>
76 <!--[if gte mso 9]>
77 <style>
77 <style>
78 /* Target Outlook 2007 and 2010 */
78 /* Target Outlook 2007 and 2010 */
79 </style>
79 </style>
80 <![endif]-->
80 <![endif]-->
81 </head>
81 </head>
82 <body>
82 <body>
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. -->
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. -->
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">
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">
85 <tr>
85 <tr>
86 <td valign="top" style="padding:0;">
86 <td valign="top" style="padding:0;">
87 <table cellpadding="0" cellspacing="0" border="0" align="left" width="100%">
87 <table cellpadding="0" cellspacing="0" border="0" align="left" width="100%">
88 <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">
89 <a style="width:100%;height:100%;display:block;color:#eeeeee;text-decoration:none;" href="${instance_url}">
89 <a style="color:#eeeeee;text-decoration:none;" href="${instance_url}">
90 ${_('RhodeCode')}
90 ${_('RhodeCode')}
91 % if rhodecode_instance_name:
91 % if rhodecode_instance_name:
92 - ${rhodecode_instance_name}
92 - ${rhodecode_instance_name}
93 % endif
93 % endif
94 </a>
94 </a>
95 </td></tr>
95 </td></tr>
96 <tr><td style="padding:15px;" valign="top">${self.body()}</td></tr>
96 <tr><td style="padding:15px;" valign="top">${self.body()}</td></tr>
97 </table>
97 </table>
98 </td>
98 </td>
99 </tr>
99 </tr>
100 </table>
100 </table>
101 <!-- End of wrapper table -->
101 <!-- End of wrapper table -->
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}">
102 <p><a style="margin-top:15px;margin-left:1%;font-family:sans-serif;font-weight:100;font-size:11px;color:#666666;text-decoration:none;" href="${instance_url}">
103 ${self.plaintext_footer()}
103 ${self.plaintext_footer()}
104 </a></p>
104 </a></p>
105 </body>
105 </body>
106 </html>
106 </html>
General Comments 0
You need to be logged in to leave comments. Login now