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