1# -- 2# Copyright (C) 2001-2020 OTRS AG, https://otrs.com/ 3# -- 4# This software comes with ABSOLUTELY NO WARRANTY. For details, see 5# the enclosed file COPYING for license information (GPL). If you 6# did not receive this file, see https://www.gnu.org/licenses/gpl-3.0.txt. 7# -- 8 9<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 10<html> 11<head> 12 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 13 <style type="text/css"> 14 body { 15 width: 100% !important; 16 -webkit-text-size-adjust: none; 17 margin: 0px; 18 padding: 0px; 19 } 20 21 table td { 22 border-collapse: collapse; 23 } 24 25 #backgroundTable { 26 height: 100% !important; 27 margin: 0; 28 padding: 0; 29 width: 100% !important; 30 } 31 32 h1, h2, h3, h4, h5, h6 { 33 color:#202020; 34 display:block; 35 font-family:Arial; 36 font-weight:bold; 37 line-height:100%; 38 margin-top:0; 39 margin-right:0; 40 margin-bottom:5px; 41 margin-left:0; 42 text-align:left; 43 } 44 45 h1 { 46 font-size: 34px; 47 } 48 49 h2, h3, h4, h5, h6 { 50 margin-top: 5px; 51 margin-bottom: 5px; 52 } 53 54 h2 { 55 font-size: 28px; 56 } 57 58 h3 { 59 font-size: 24px; 60 } 61 62 h4 { 63 font-size: 22px; 64 } 65 66 h5 { 67 font-size: 18px; 68 } 69 70 h6 { 71 font-size: 16px; 72 } 73 74 #templateContainer, .bodyContent{ 75 background-color: #FFFFFF; 76 } 77 78 .bodyContent, .bodyContent * { 79 color: #505050; 80 font-family: Arial; 81 font-size: 13px; 82 line-height: 150%; 83 text-align: left; 84 } 85 86 .bodyContent div { 87 padding-bottom: 5px; 88 } 89 90 .bodyContent a:link, 91 .bodyContent a:visited, 92 .footerContent div a:link, 93 .footerContent div a:visited { 94 color: #f92; 95 font-weight: normal; 96 text-decoration: none 97 } 98 99 #templateFooter { 100 background-color: #FFFFFF; 101 border-top: 0px; 102 } 103 104 .footerContent div { 105 color:#707070; 106 font-family:Arial; 107 font-size:13px; 108 line-height:125%; 109 text-align:left; 110 } 111 112 #links { 113 background-color: #FAFAFA; 114 border: 0; 115 } 116 117 #links div { 118 text-align: center; 119 } 120 121 .CallForAction:active, 122 .CallForAction:hover { 123 background-color: #e5e5e5; 124 border-color: #999; 125 } 126 127 .bodyContent a { 128 color: #f92 !important; 129 } 130 131 .im { 132 color: #555 !important; 133 } 134 </style> 135</head> 136<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> 137 <center> 138 <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable" style="background-color:#FAFAFA"> 139 <tbody> 140 <tr> 141 <td align="center" valign="top"> 142 <br /> 143 <table border="0" cellpadding="0" cellspacing="0" id="templateContainer" style="border: 1px solid #DDDDDD;"> 144 <tbody> 145 <tr> 146 <td align="center" valign="top"> 147 <table border="0" cellpadding="0" cellspacing="0" id="templateBody"> 148 <tbody> 149 <tr> 150 <td valign="top" class="bodyContent"> 151 <h1 style="background: #333333; border-bottom: 10px solid #FF9922; padding: 20px; line-height: 130%; color: #999; margin: 0px; font-size: 20px;"> 152 [% Data.Subject | html %] 153 </h1> 154 </td> 155 </tr> 156 <tr> 157 <td valign="top" class="bodyContent" style="border-bottom: 1px solid #eee; background-color: #fff; padding: 15px; font-size: 13px;"> 158# We need to perform some postprocessing on the notification content as it is neccessary to use inline CSS styles 159# for best mail client compatibility. In particular, OTRS uses <div> elements with inline CSS instead of <blockquote>. 160# Here we also change the inline style of this <div> to match with the current design. 161 [% Data.Body 162 .replace('<p>', '<div>') 163 .replace('</p>', '</div>') 164 .replace('<div\s+type="cite"[^>]*>', '<div type="cite" style="background: #f5f5f5; border: 0px !important; color: #555; margin: 10px 0px 0px 0px; padding: 10px;">') 165 .replace('border:none;border-left:solid\s+blue\s+1.5pt;padding:0cm\s+0cm\s+0cm\s+4.0pt', 'border: none; border-left: 1px solid #f92 !important; color: #555; margin: 10px 5px 10px 0px; padding: 0px 10px;') 166 %] 167 </td> 168 </tr> 169 </tbody> 170 </table> 171 </td> 172 </tr> 173 <tr> 174 <td align="center" valign="top"> 175 <table border="0" cellpadding="10" cellspacing="0" id="templateFooter"> 176 <tbody> 177 <tr> 178 <td valign="top" class="footerContent"> 179 [% IF !Config("Secure::DisableBanner") %] 180 <table border="0" cellpadding="10" cellspacing="0" width="100%"> 181 <tbody> 182 <tr> 183 <td colspan="2" valign="middle"> 184 <div style="color: #999; font-size: 11px; text-align: center;"> 185 [% Translate("Powered by") | html %] [% Config("Product") | html %] [% Config("Version").remove('\.0\..*') | html %] 186 </div> 187 </td> 188 </tr> 189 </tbody> 190 </table> 191 [% END %] 192 </td> 193 </tr> 194 </tbody> 195 </table> 196 </td> 197 </tr> 198 </tbody> 199 </table> 200 <br /> 201 </td> 202 </tr> 203 </tbody> 204 </table> 205 </center> 206</body> 207 208</html> 209