mail.template.php 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <title></title>
  8. <style type="text/css">
  9. /* CLIENT-SPECIFIC STYLES */
  10. body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  11. table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
  12. img { -ms-interpolation-mode: bicubic; }
  13. /* RESET STYLES */
  14. img { border: 0; outline: none; text-decoration: none; }
  15. table { border-collapse: collapse !important; }
  16. body { margin: 0 !important; padding: 0 !important; width: 100% !important; }
  17. /* iOS BLUE LINKS */
  18. a[x-apple-data-detectors] {
  19. color: inherit !important;
  20. text-decoration: none !important;
  21. font-size: inherit !important;
  22. font-family: inherit !important;
  23. font-weight: inherit !important;
  24. line-height: inherit !important;
  25. }
  26. /* ANDROID CENTER FIX */
  27. div[style*="margin: 16px 0;"] { margin: 0 !important; }
  28. /* MEDIA QUERIES */
  29. @media all and (max-width:639px){
  30. .wrapper{ width:320px!important; padding: 0 !important; }
  31. .container{ width:300px!important; padding: 0 !important; }
  32. .mobile{ width:300px!important; display:block!important; padding: 0 !important; }
  33. .img{ width:100% !important; height:auto !important; }
  34. *[class="mobileOff"] { width: 0px !important; display: none !important; }
  35. *[class*="mobileOn"] { display: block !important; max-height:none !important; }
  36. }
  37. </style>
  38. </head>
  39. <body style="margin:0; padding:0; background-color:#F2F2F2;">
  40. <center>
  41. <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#F2F2F2">
  42. <tr>
  43. <td align="center" valign="top">
  44. <!-- grids -->
  45. <table width="640" cellpadding="0" cellspacing="0" border="0" class="wrapper" bgcolor="#FFFFFF">
  46. <tr>
  47. <td height="5" bgcolor="#FFC107" style="font-size:5px; line-height:5px;">&nbsp;</td>
  48. </tr>
  49. <tr>
  50. <td height="10" style="font-size:10px; line-height:10px;">&nbsp;</td>
  51. </tr>
  52. <tr>
  53. <td align="center" valign="top">
  54. <table width="600" cellpadding="0" cellspacing="0" border="0" class="container">
  55. <tr>
  56. <td align="center" valign="top">
  57. <h3>Bonjour, le ticket <a href="{{url}}">#{{id}}</a> a été ouvert par {{creator}}</h3>
  58. <p>Veuillez trouver ci dessous les informations principales:</p>
  59. <ul align="left" style="text-align:left;">
  60. <li>Navigateur : <strong>{{browser}}</strong></li>
  61. <li>Auteur : <strong>{{creator}}</strong></li>
  62. </ul>
  63. <strong>Page : {{from}} </strong><br>
  64. {{comment}}
  65. <br>
  66. <br>
  67. <p>Pour consulter l'ensemble des informations, cliquez sur le lien ci dessous.</p>
  68. <table width="200" height="44" cellpadding="0" cellspacing="0" border="0" bgcolor="#ff074e" style="border-radius:4px;">
  69. <tr>
  70. <td align="center" valign="middle" height="44" style="font-family: Arial, sans-serif; font-size:14px; font-weight:bold;">
  71. <a href="{{url}}" target="_blank" style="font-family: Arial, sans-serif; color:#ffffff; display: inline-block; text-decoration: none; line-height:44px; width:200px; font-weight:bold;">Voir le ticket</a>
  72. </td>
  73. </tr>
  74. </table>
  75. <br/>
  76. </td>
  77. </tr>
  78. </table>
  79. </td>
  80. </tr>
  81. <tr>
  82. <td height="10" style="font-size:10px; line-height:10px;">&nbsp;</td>
  83. </tr>
  84. </table>
  85. <!-- /grids -->
  86. </td>
  87. </tr>
  88. </table>
  89. </center>
  90. </body>
  91. </html>