source: spip-zone/_plugins_/facteur/trunk/emails/texte.html @ 70302

Last change on this file since 70302 was 70302, checked in by cedric@…, 7 years ago

Amélioration du wrapper : font stack plus lisible (Verdana), .footer plus leger, et eviter le napolitain quand le texte commence par un .header

File size: 5.4 KB
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html>
3<head>
4        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5        <title>[(#ENV{sujet})]</title>
6        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7        <style type="text/css">
8                #outlook a {padding: 0;}
9                body {width: 100% !important;}
10                body {margin: 0;padding: 0;}
11                img {border: none;font-size: inherit;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;}
12                #backgroundTable {height: 100% !important;margin: 0;padding: 0;width: 100% !important;}
13                body, .backgroundTable {background-color: #DDDDDD;}
14                #templateContainer {border: 1px solid #CCCCCC;max-width: 600px !important;}
15                h1,.h1,h2,.h2,h3,.h3,h4,.h4 {color: #202020;display: block;font-family: Verdana, Geneva, sans-serif;;margin-bottom: 0.5em;text-align: left;}
16                #templateHeader {background-color: #FFFFFF;border-bottom: 0;}
17                #templateContainer, .bodyContent {background-color: #FFFFFF;margin-top: 20px;}
18                .bodyContent {border-top:10px solid [#(#LOGO_SITE_SPIP|couleur_extraire|couleur_eclaircir_si_foncee{168}|sinon{BBB})];border-bottom:10px solid [#(#LOGO_SITE_SPIP|couleur_extraire|couleur_eclaircir_si_foncee{168}|sinon{BBB})];}
19                .bodyContent div {color: #222222;font-family: Verdana, Geneva, sans-serif;;line-height: 150%;text-align: left;}
20                .bodyContent div a:link, .bodyContent div a:visited {color: #336699;font-weight: normal;text-decoration: underline;}
21                .bodyContent img {display: inline;margin-bottom: 10px;}
22                .bodyContent img.puce {display: inline;margin-bottom: 0;}
23                .spip_code, .spip_cadre {color: #606060;font-family: Courier,"Courier New",monospace;font-size: 1em;}
24                .coloration_code ol {list-style: none;}
25                .spip_logos {float: right;margin-left: 10px;}
26                .text {word-wrap:break-word;}
27                .header,.footer {padding: 20px;margin-left: -20px;margin-right: -20px;}
28                .text > .header:first-child {margin-top: -20px;}
29                .header {background: #e9e9e9;}
30                .footer {border-top:2px solid #e9e9e9;margin-top: 20px;}
31                .header hr,.footer hr {display: none}
32                @media only screen and (max-width: 600px) {
33                        html,body {width: 100% !important;}
34                        body, .backgroundTable {background-color: #ffffff !important;}
35                        .bodyContent {padding:0 0 10px !important;border-top:0;border-bottom:0;}
36                        #templateContainer {width: 100% !important;border: 0 !important;margin-top: 0}
37                        #templateBody {width: 100% !important;}
38                        .padding {padding-left:0 !important;padding-right:0 !important;}
39                        .text {color: #101010 !important;}
40                        .header,.footer {padding: 10px;margin-left: -10px;margin-right: -10px;}
41                        .text > .header:first-child {margin-top: -10px;}
42                }
43                @media only screen and (max-device-width: 480px) {
44                        html,body {width: 320px !important;}
45                        body, .backgroundTable {background-color: #ffffff !important;}
46                        .bodyContent {padding: 0 0 10px !important;border-top:0;border-bottom:0;}
47                        #templateContainer {width: 320px !important;border: 0 !important;margin-top: 0;}
48                        #templateBody {width: 320px !important;}
49                        .padding {padding-left:0 !important;padding-right:0 !important;}
50                        .text {color: #101010 !important;}
51                }
52        </style>
53</head>
54<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"
55                        style="margin: 0;padding: 0;width: 100% !important;">
56<center>
57        [<div style="display: none;">(#ENV{intro,''})</div>]
58        <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"
59                                 style="margin: 0;padding: 0;height: 100% !important;width: 100% !important;">
60                <tr>
61                        <td align="center" valign="top">
62                                <!-- // End Template Preheader \\ -->
63                                <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"
64                                                         style="border: 1px solid #CCCCCC;background-color: #FFFFFF;max-width: 600px !important;">
65                                        <tr>
66                                                <td align="center" valign="top">
67                                                        <!-- // Begin Template Body \\ -->
68                                                        <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody">
69                                                                <tr>
70                                                                        <td valign="top" class="bodyContent" style="background-color: #FFFFFF;padding:10px;">
71
72                                                                                <!-- // Begin Module: Standard Content \\ -->
73                                                                                <table border="0" cellpadding="10" cellspacing="0" width="100%">
74                                                                                        <tr>
75                                                                                                <td valign="top">
76                                                                                                        <div class='text' style="color:#222222;font-family: Verdana, Geneva, sans-serif;;font-size:100%;line-height:150%;text-align:left;word-wrap:break-word;">
77                                                                                                                [(#ENV*{html,#ENV*{texte}|replace{'<','&lt;'}|facteur_nl2br_si_pas_autobr|propre|replace{'<br />\s*<br />(\s*<br />)+?','<br /> <br />'}|concat{'<br /> <br />'}})]
78                                                                                                        </div>
79                                                                                                </td>
80                                                                                        </tr>
81                                                                                        <tr>
82                                                                                                <td align="left" valign="top"
83                                                                                                                style="color:#A39F9A !important;font-family: Verdana, Geneva, sans-serif; !important;font-size:90% !important;font-weight:normal !important;font-style:normal !important;text-decoration:none !important;vertical-align:top !important;text-align:left !important;">
84                                                                                                        <br/>
85                                                                                                        <br/>
86                                                                                                        &mdash; Envoyé par <a href="#URL_SITE_SPIP/">#NOM_SITE_SPIP</a>
87                                                                                                        <br/>
88                                                                                                </td>
89                                                                                        </tr>
90                                                                                </table>
91                                                                                <!-- // End Module: Standard Content \\ -->
92                                                                        </td>
93                                                                </tr>
94                                                        </table>
95                                                        <!-- // End Template Body \\ -->
96                                                </td>
97                                        </tr>
98                                </table>
99                                <br>
100                        </td>
101                </tr>
102        </table>
103</center>
104</body>
105</html>
Note: See TracBrowser for help on using the repository browser.