emails: improve fonts and rendering of email htmls....
dan -
r3170:47569100 default
Not Reviewed
Show More
Add another comment
TODOs: 0 unresolved 0 Resolved
COMMENTS: 0 General 0 Inline
@@ -25,6 +25,13
25 <span style="font-weight:bold;font-size:12px;padding:.2em;${color_scheme.get(tag_type, color_scheme['default'])}">${text}</span>
25 <span style="font-weight:bold;font-size:12px;padding:.2em;${color_scheme.get(tag_type, color_scheme['default'])}">${text}</span>
26 </%def>
26 </%def>
27
27
28 ## Constants
29 <%
30 text_regular = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;"
31 text_monospace = "'Menlo', 'Liberation Mono', 'Consolas', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace;"
32
33 %>
34
28 ## headers we additionally can set for email
35 ## headers we additionally can set for email
29 <%def name="headers()" filter="n,trim"></%def>
36 <%def name="headers()" filter="n,trim"></%def>
30
37
@@ -47,7 +54,7
47 <style type="text/css">
54 <style type="text/css">
48 /* Based on The MailChimp Reset INLINE: Yes. */
55 /* Based on The MailChimp Reset INLINE: Yes. */
49 #outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
56 #outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
50 body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
57 body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0; font-family: ${text_regular|n}}
51 /* Prevent Webkit and Windows Mobile platforms from changing default font sizes.*/
58 /* Prevent Webkit and Windows Mobile platforms from changing default font sizes.*/
52 .ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
59 .ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
53 .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
60 .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
@@ -124,8 +131,12
124 </tr>
131 </tr>
125 </table>
132 </table>
126 <!-- End of wrapper table -->
133 <!-- End of wrapper table -->
127 <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}">
134
135 <div style="clear: both"></div>
136 <p>
137 <a style="margin-top:15px;margin-left:1%;font-weight:100;font-size:11px;color:#666666;text-decoration:none;font-family:${text_monospace} " href="${instance_url}">
128 ${self.plaintext_footer()}
138 ${self.plaintext_footer()}
129 </a></p>
139 </a>
140 </p>
130 </body>
141 </body>
131 </html>
142 </html>
Comments 0
You need to be logged in to leave comments. Login now