1<html>
2  <head>
3  <title>fcon Issue Tracker notification</title>
4    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
5    <style type="text/css">
6      /* Mobile-specific Styles */
7      @media only screen and (max-device-width: 480px) {
8          table[class=w0], td[class=w0] { width: 0 !important; }
9          table[class=w10], td[class=w10], img[class=w10] { width:10px !important; }
10          table[class=w15], td[class=w15], img[class=w15] { width:5px !important; }
11          table[class=w30], td[class=w30], img[class=w30] { width:10px !important; }
12          table[class=w60], td[class=w60], img[class=w60] { width:10px !important; }
13          table[class=w125], td[class=w125], img[class=w125] { width:80px !important; }
14          table[class=w130], td[class=w130], img[class=w130] { width:55px !important; }
15          table[class=w140], td[class=w140], img[class=w140] { width:90px !important; }
16          table[class=w160], td[class=w160], img[class=w160] { width:180px !important; }
17          table[class=w170], td[class=w170], img[class=w170] { width:100px !important; }
18          table[class=w180], td[class=w180], img[class=w180] { width:80px !important; }
19          table[class=w195], td[class=w195], img[class=w195] { width:80px !important; }
20          table[class=w220], td[class=w220], img[class=w220] { width:80px !important; }
21          table[class=w240], td[class=w240], img[class=w240] { width:180px !important; }
22          table[class=w255], td[class=w255], img[class=w255] { width:185px !important; }
23          table[class=w275], td[class=w275], img[class=w275] { width:135px !important; }
24          table[class=w280], td[class=w280], img[class=w280] { width:135px !important; }
25          table[class=w300], td[class=w300], img[class=w300] { width:140px !important; }
26          table[class=w325], td[class=w325], img[class=w325] { width:95px !important; }
27          table[class=w360], td[class=w360], img[class=w360] { width:140px !important; }
28          table[class=w410], td[class=w410], img[class=w410] { width:180px !important; }
29          table[class=w470], td[class=w470], img[class=w470] { width:200px !important; }
30          table[class=w580], td[class=w580], img[class=w580] { width:280px !important; }
31          table[class=w640], td[class=w640], img[class=w640] { width:300px !important; }
32          table[class*=hide], td[class*=hide], img[class*=hide], p[class*=hide], span[class*=hide] { display:none !important; }
33          table[class=h0], td[class=h0] { height: 0 !important; }
34          p[class=footer-content-left] { text-align: center !important; }
35          #headline p { font-size: 30px !important; }
36          .article-content, #left-sidebar{ -webkit-text-size-adjust: 90% !important; -ms-text-size-adjust: 90% !important; }
37          .header-content, .footer-content-left {-webkit-text-size-adjust: 80% !important; -ms-text-size-adjust: 80% !important;}  }
38
39      /* Client-specific Styles */
40        #outlook a { padding: 0; }
41
42      /* Force Outlook to provide a "view in browser" button. */
43        body { width: 100% !important; }
44        .ReadMsgBody { width: 100%; }
45        .ExternalClass { width: 100%; display:block !important; }
46
47      /* Force Hotmail to display emails at full width */
48      /* Reset Styles */
49      /* Add 100px so mobile switch bar doesn't cover street address. */
50        body { background-color: #ececec; margin: 0; padding: 0; }
51        img { height: auto; line-height: 100%; outline: none; text-decoration: none; display: block;}
52        br, strong br, b br, em br, i br { line-height:100%; }
53        h1, h2, h3, h4, h5, h6 { line-height: 100% !important; -webkit-font-smoothing: antialiased; }
54        h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: blue !important; }
55        h1 a:active, h2 a:active,  h3 a:active, h4 a:active, h5 a:active, h6 a:active {	color: red !important; }
56
57      /* Preferably not the same color as the normal header link color.
58         There is limited support for psuedo classes in email clients,
59         this was added just for good measure. */
60         h1 a:visited, h2 a:visited,  h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: purple !important; }
61
62      /* Preferably not the same color as the normal header link color.
63         There is limited support for psuedo classes in email clients,
64         this was added just for good measure. */
65         table td, table tr { border-collapse: collapse; }
66         .yshortcuts, .yshortcuts a, .yshortcuts a:link,.yshortcuts a:visited, .yshortcuts a:hover, .yshortcuts a span { color: black; text-decoration: none !important; border-bottom: none !important; background: none !important; }
67
68      /* Body text color for the New Yahoo.  This example sets the font of Yahoo's Shortcuts to black. */
69      /* This most probably won't work in all email clients. Don't include <code _tmplitem="560" > blocks in email. */
70        code {   white-space: normal;   word-break: break-all; }
71        #background-table { background-color: #ececec; }
72
73      /* Webkit Elements */
74        #top-bar { border-radius:6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius:6px 6px 0px 0px; -webkit-font-smoothing: antialiased; background-color: #556c90; color: #d9fffd; }
75        #top-bar a { font-weight: bold; color: #d9fffd; text-decoration: none;}
76        #footer { border-radius:0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius:0px 0px 6px 6px; -webkit-font-smoothing: antialiased; }
77
78      /* Fonts and Content */
79        body, td { font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; }
80        .header-content, .footer-content-left, .footer-content-right { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
81
82      /* Prevent Webkit and Windows Mobile platforms from changing default font sizes on header and footer. */
83        .header-content { font-size: 12px; color: #d9fffd; }
84        .header-content a { font-weight: bold; color: #d9fffd; text-decoration: none; }
85        #headline p { color: #d9fffd; font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 36px; text-align: center; margin-top:0px; margin-bottom:30px; }
86        #headline p a { color: #d9fffd; text-decoration: none; }
87        .article-title { font-size: 18px; line-height:24px; color: #c25130; font-weight:bold; margin-top:0px; margin-bottom:18px; font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; }
88        .article-title a { color: #c25130; text-decoration: none; }
89        .article-title.with-meta {margin-bottom: 0;}
90        .article-meta { font-size: 13px; line-height: 20px; color: #ccc; font-weight: bold; margin-top: 0;}
91        .article-content { font-size: 13px; line-height: 18px; color: #444444; margin-top: 0px; margin-bottom: 18px; font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; }
92        .article-content a { color: #3f6569; font-weight:bold; text-decoration:none; }
93        .article-content img { max-width: 100% }
94        .article-content ol, .article-content ul { margin-top:0px; margin-bottom:18px; margin-left:19px; padding:0; }
95        .article-content li { font-size: 13px; line-height: 18px; color: #444444; }
96        .article-content li a { color: #3f6569; text-decoration:underline; }
97        .article-content p {margin-bottom: 15px;}
98        .footer-content-left { font-size: 12px; line-height: 15px; color: #d9fffd; margin-top: 0px; margin-bottom: 15px; }
99        .footer-content-left a { color: #d9fffd; font-weight: bold; text-decoration: none; }
100        .footer-content-right { font-size: 11px; line-height: 16px; color: #d9fffd; margin-top: 0px; margin-bottom: 15px; }
101        .footer-content-right a { color: #d9fffd; font-weight: bold; text-decoration: none; }
102        #footer { background-color: #425470; color: #d9fffd; }
103        #footer a { color: #d9fffd; text-decoration: none; font-weight: bold; }
104        #permission-reminder { white-space: normal; }
105        #street-address { color: #d9fffd; white-space: normal; }
106        /* ----- copied from style.css Issue Detail Elements ----- */
107        .itd__title {
108                  	border:                   0px;
109                  	margin:                   0px;
110                  	padding:                  0px;
111                  	width:                    90%;
112                  	border-spacing:           0px; }
113
114        .itd__title TR TD {
115                    vertical-align:         middle; }
116
117        .itd__title TR TD P {
118                  	vertical-align:         middle;
119                  	border-width:              1px;
120                  	border-color:          #9999FF;
121                  	border-style:           outset;
122                  	background-color:      #CED2DB;
123                  	padding:                   5px;
124                  	border-radius:             4px; }
125
126        .itd__title TR TD P span {
127                    margin-right:              5px; }
128
129        .itd_formtitle {
130                    color:                 #000066;
131                    text-decoration:     underline; }
132
133        .itd_formtitle:hover {
134                    color:                 #0000CC;
135                    text-decoration:     underline; }
136
137        .itd_tr_standard, .itd__details {
138                  	background-color:      #f0f0f0;
139                  	border:                    0px; }
140
141        .itd__col2, .itd__col3, .itd__col4, .itd__col5, .itd__col6 {
142                  	border:                    0px;
143                  	background-color:      #f0f0f0;
144                    padding:                   3px;
145                    font-size:                 8pt; }
146
147        .itd__col2 {
148                  	width:                     13%;
149                  	font-weight:              bold; }
150
151        .itd__col3, .itd__col4 {
152        	          width:                     25%; }
153
154        .itd__col5 {
155                  	width:                     10%;
156                  	font-weight:              bold; }
157
158        .itd__col6 {
159                  	width:                     25%; }
160
161        .itd__tables {
162                  	border:                    0px;
163                  	margin:                    0px;
164                  	padding:                   4px;
165                  	width:                     90%;
166                  	border-spacing:            0px; }
167
168        .itd_tables_tdh {
169                    background-color:      #CED2DB;
170                  	width:                     90%;
171                  	border:     1px dotted #9999FF;
172                  	color:                 #555555;
173                  	font-weight:              bold;
174                  	white-space:            nowrap;
175                  	text-align:               left;
176                  	vertical-align:         middle;
177                    padding-left:             12px;
178                  	border-radius:             3px; }
179
180        .itd__tables_tr {
181                  	border:                      0;
182                  	background-color:      #f0f0f0; }
183
184        .itd_tables_tdc2 {
185                  	border:                      0;
186                  	width:                     13%;
187                  	font-size:                 8pt; }
188
189        .itd_tables_tdc3 {
190                  	border:                      0;
191                  	width:                     75%; }
192
193        .itd__tables code {
194                    font-size:      11pt !important; }
195
196        .itd_comment_trh {
197                  	background-color:      #ffffff;
198                  	padding-top:            0.75em;
199                  	padding-left:           0.45em;
200                  	font-size:                 8pt;
201                  	font-style:             italic; }
202
203        .itd_comment_tr {
204                  	border:              solid 1px;
205                  	border-bottom:       solid 2px;
206                  	border-color:          #b0b0b0;
207                  	background-color:      #f0f0f0;
208                  	padding:                0.75em;
209                  	border-radius:          0.25em;
210                    position:             relative; }
211
212        .itd_comment_tr li {
213                    margin:           0 !important;
214                    padding:          0 !important;
215                    font-size:      10pt !important;
216                    line-height:    11pt !important;
217                    font-weight: normal !important;
218                    position:             relative; }
219
220        .it__left_indent {
221                  	border:                      0;
222                  	width:                      3%;
223                  	background-color:      #f0f0f0; }
224
225        td.itd_comment_trh label {
226                    margin-right: 5px; }
227    </style>
228  </head>
229  <body>
230    <table id="background-table" border="0" cellspacing="0" cellpadding="0" width="100%">
231      <tbody>
232        <tr>
233          <td bgcolor="#ececec" align="center">
234            <table style="margin: 0px 10px;" class="w640" border="0" cellspacing="0" cellpadding="0" width="640">
235              <tbody>
236                <tr>
237                  <td class="w640" height="20" width="640"></td>
238                </tr>
239                <tr>
240                  <td class="w640" width="640">
241                    <table id="top-bar" class="w640" border="0" cellspacing="0" cellpadding="0" width="640" bgcolor="#425470">
242                      <tbody>
243                        <tr>
244                          <td class="w15" width="15"></td>
245                          <td class="w325" valign="middle" width="350" align="left">
246                            <table class="w325" border="0" cellspacing="0" cellpadding="0" width="350">
247                              <tbody>
248                                <tr>
249                                  <td class="w325" height="8" width="350"></td>
250                                </tr>
251                              </tbody>
252                            </table>
253                            <div class="header-content">
254
255                            <table class="w325" border="0" cellspacing="0" cellpadding="0" width="350">
256                              <tbody>
257                                <tr>
258                                  <td class="w325" height="8" width="350"></td>
259                                </tr>
260                              </tbody>
261                            </table>
262                          </td>
263                          <td class="w30" width="30"></td>
264                          <td class="w255" valign="middle" width="255" align="right">
265                              <table class="w255" border="0" cellspacing="0" cellpadding="0" width="255">
266                                <tbody>
267                                  <tr>
268                                    <td class="w255" height="8" width="255"></td>
269                                  </tr>
270                                </tbody>
271                              </table>
272
273                              <table border="0" cellspacing="0" cellpadding="0">
274                                <tbody>
275                                  <tr>
276                                    <td class="w10" width="10"></td>
277                                    <td valign="middle"></td>
278                                    <td width="3"></td>
279                                    <td valign="middle">
280                                      <div class="header-content">provided by Frister Consultancy Services</div>
281                                    </td>
282                                  </tr>
283                                </tbody>
284                              </table>
285
286                              <table class="w255" border="0" cellspacing="0" cellpadding="0" width="255">
287                                  <tbody><tr><td class="w255" height="8" width="255"></td></tr>
288                              </tbody></table>
289                          </td>
290                          <td class="w15" width="15"></td>
291                        </tr>
292                      </tbody>
293                    </table>
294                  </td>
295                </tr>
296                <tr>
297                  <td id="header" class="w640" bgcolor="#425470" width="640" align="center">
298                    <table class="w640" border="0" cellspacing="0" cellpadding="0" width="640">
299                        <tbody>
300                          <tr>
301                            <td class="w30" width="30"></td><td class="w580" height="30" width="580"></td>
302                            <td class="w30" width="30"></td>
303                          </tr>
304                          <tr>
305                            <td class="w30" width="30"></td>
306                            <td class="w580" width="580">
307                              <div id="headline" align="center">
308                                <p><strong>
309                                  <a href="http://www.fristercons.de/fcon/doku.php?id=issuetracker:issuelist"><singleline label="Title">fcon - IssueTracker notice</singleline></a>
310                                </strong></p>
311                              </div>
312                            </td>
313                            <td class="w30" width="30"></td>
314                          </tr>
315                        </tbody>
316                      </table>
317                    </td>
318                  </tr>
319                  <tr><td class="w640" bgcolor="#ffffff" height="30" width="640"></td></tr>
320                  <tr id="simple-content-row"><td class="w640" bgcolor="#ffffff" width="640">
321                    <table class="w640" border="0" cellspacing="0" cellpadding="0" width="640">
322                        <tbody>
323                          <tr>
324                            <td class="w30" width="30"></td>
325                            <td class="w580" width="580">
326                              <repeater>
327                                <layout label="Text only">
328                                    <table class="w580" border="0" cellspacing="0" cellpadding="0" width="580">
329                                        <tbody>
330                                          <tr>
331                                            <td class="w580" width="580">
332                                                <p class="article-title" align="left">
333                                                  <a href="%%_see%%">
334                                                  <singleline label="Title"><u>
335                                                    <i style="padding: 0;margin: 0;font-size: 0.5em;">%%ID%%</i>
336                                                    <i style="padding: 0;margin: 0"><span style="padding: 0;margin: 0;">%%TITEL%%</span></i>
337                                                  </u></singleline></a></p>
338                                                <div class="article-content" align="left">
339                                                    <multiline label="Description">Dear IssueTracker Admin,<br><br>the following new Issue was reported. Please check and assign it.</multiline>
340                                                    <br><br>
341                                                <table style="width: 100%;"><tr>
342                                                  <td valign="top" style="width: 35%;">
343                                                    <table class="itd__details" style="width: 100%; border: solid 1px;border-bottom: solid 2px;border-right: solid 2px;border-color: #b0b0b0;background-color: #f0f0f0;padding: 0;margin: 0;font-family: Calibri;font-size: 9pt;border-radius: 0.25em;float: right">
344                                                      <tr class="itd_tr_standard">
345                                                        <td class="itd__col2" style="vertical-align: middle;border: 0;background-color: #f0f0f0;font-weight: bold;padding-left: 0.5em;margin: 0">%%issuemod_issueid%%</td>
346                                                        <td class="itd__col3" style="vertical-align: middle;border: 0;background-color: #f0f0f0;padding-left: 0.5em;margin: 0">%%ID%%</td>
347                                                      </tr>
348                                                      <tr class="itd_tr_standard">
349                                                        <td class="itd__col5" style="vertical-align: middle;border: 0;background-color: #f0f0f0;font-weight: bold;padding-left: 0.5em;margin: 0">%%th_project%%</td>
350                                                        <td class="itd__col6" style="vertical-align: middle;border: 0;background-color: #f0f0f0;padding-left: 0.5em;margin: 0">%%project%%</td>
351                                                      </tr>
352                                                      <tr class="itd_tr_standard">
353                                                        <td class="itd__col5" style="vertical-align: middle;border: 0;background-color: #f0f0f0;font-weight: bold;padding-left: 0.5em;margin: 0">%%issuemod_product%%</td>
354                                                        <td class="itd__col6" style="vertical-align: middle;border: 0;background-color: #f0f0f0;padding-left: 0.5em;margin: 0">%%product%%</td>
355                                                      </tr>
356                                                      <tr class="itd_tr_standard">
357                                                        <td class="itd__col5" style="vertical-align: middle;border: 0;background-color: #f0f0f0;font-weight: bold;padding-left: 0.5em;margin: 0">%%issuemod_version%%</td>
358                                                        <td class="itd__col6" style="vertical-align: middle;border: 0;background-color: #f0f0f0;padding-left: 0.5em;margin: 0">%%version%%</td>
359                                                      </tr>
360                                                      <tr class="itd_tr_standard">
361                                                        <td class="itd__col2" style="vertical-align: middle;border: 0;background-color: #f0f0f0;font-weight: bold;padding-left: 0.5em;margin: 0">%%issuemod_severity%%</td>
362                                                        <td class="itd__col3" style="vertical-align: middle;border: 0;background-color: #f0f0f0;padding-left: 0.5em;margin: 0">%%severity%%</td>
363                                                      </tr>
364                                                      <tr class="itd_tr_standard">
365                                                        <td class="itd__col2" style="vertical-align: middle;border: 0;background-color: #f0f0f0;font-weight: bold;padding-left: 0.5em;margin: 0">%%issuemod_status%%</td>
366                                                        <td class="itd__col3" style="vertical-align: middle;border: 0;background-color: #f0f0f0;padding-left: 0.5em;margin: 0">%%status%%</td>
367                                                      </tr>
368                                                      <tr class="itd_tr_standard">
369                                                        <td class="itd__col2" style="vertical-align: middle;border: 0;background-color: #f0f0f0;font-weight: bold;padding-left: 0.5em;margin: 0">%%issuemod_creator%%</td>
370                                                        <td class="itd__col3" style="vertical-align: middle;border: 0;background-color: #f0f0f0;padding-left: 0.5em;margin: 0"><a href="mailto:%%CREATOR_MAIL%%" style="padding: 0;margin: 0;color: #000;text-decoration: none;background: none !important">%%creator%%</a></td>
371                                                      </tr>
372                                                      <tr class="itd_tr_standard">
373                                                        <td class="itd__col5" style="vertical-align: middle;border: 0;background-color: #f0f0f0;font-weight: bold;padding-left: 0.5em;margin: 0">%%th_created%%</td>
374                                                        <td class="itd__col6" style="vertical-align: middle;border: 0;background-color: #f0f0f0;padding-left: 0.5em;margin: 0">%%created%%</td>
375                                                      </tr>
376                                                    </table>
377                                                  </td>
378                                                  <td valign="top" style="width: 65%;">
379                                                    <table class="itd__tables" style="width: 100%; border: 0;margin: 0;padding: 4px;font-family: Calibri;font-size: 10pt;">
380                                                      <tr>
381                                                        <td class="itd_tables_tdh" style="background-color: #CED2DB;border: 1px solid #99F;border-style: outset;color: #555;font-weight: bold;white-space: nowrap;text-align: left;vertical-align: middle;border-radius: 3px;padding-left: 0.5em;margin: 0;height: 1.5em">%%th_description%%</td>
382                                                      </tr>
383                                                      <tr class="itd__tables_tr" style="border: solid 1px;background-color: #f0f0f0;padding: 0;margin: 0">
384                                                        <td style="border: solid 1px;border-bottom: solid 2px;border-right: solid 2px;border-color: #b0b0b0;border-radius: 0.25em;vertical-align: text-top;padding-left: 1em;margin: 0">%%description%%</td>
385                                                      </tr>
386                                                    </table>
387                                                  </td></tr>
388                                                </table>
389                                                </div>
390                                            </td>
391                                          </tr>
392                                          <tr>
393                                            <td class="w580" height="10" width="580"></td>
394                                          </tr>
395                                        </tbody>
396                                      </table>
397                                </layout>
398                              </repeater>
399                            </td>
400                          </tr>
401                        </tbody>
402                    </table>
403                  </tr>
404                  <tr><td class="w640" bgcolor="#ffffff" height="15" width="640"></td></tr>
405                  <tr>
406                    <td class="w640" width="640">
407                      <table id="footer" class="w640" border="0" cellspacing="0" cellpadding="0" width="640" bgcolor="#425470">
408                        <tbody>
409                          <tr>
410                            <td class="w30" width="30"></td><td class="w580 h0" height="30" width="360"></td><td class="w0" width="60"></td><td class="w0" width="160"></td><td class="w30" width="30"></td></tr>
411                          <tr>
412                            <td class="w30" width="30"></td>
413                            <td class="w580" valign="top" width="520">
414                              <span class="hide">
415                                <p id="permission-reminder" class="footer-content-left" align="left">
416                                  <span>You're registered as IssueTracker Admin and therefore being informed about newly reported issues.</span>
417                                </p>
418                              </span>
419                            </td>
420                            <td class="w30" width="30"></td>
421                          </tr>
422                          <tr><td class="w30" width="30"></td><td class="w580 h0" height="15" width="360"></td><td class="w0" width="60"></td><td class="w0" width="160"></td><td class="w30" width="30"></td></tr>
423                      </tbody>
424                    </table>
425                  </td>
426                </tr>
427                <tr><td class="w640" height="60" width="640"></td></tr>
428            </tbody></table>
429        </td>
430	</tr>
431</tbody></table></body></html>