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