CSS Problem in answer model

[th13fp45s]

Hi,

I have a problem in OTRS 5 (in another OTRS 4, it works well). I have a CSS in an model answer (template) but the style code doenst work. Here is the code:

Code: Select all

<!-- So that mobile will display zoomed in --><!-- enable media queries for windows phone 8 --><!-- disable auto telephone linking in iOS -->
<style type="text/css">body {
  margin: 0;
  padding: 0;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
table {
  border-spacing: 0;
}
table td {
  border-collapse: collapse;
}
.ExternalClass {
  width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
  line-height: 100%;
}
.ReadMsgBody {
  width: 100%;
  background-color: #ebebeb;
}
table {
  mso-table-lspace: 0pt;
  mso-table-rspace: 0pt;
}
img {
  -ms-interpolation-mode: bicubic;
}
.yshortcuts a {
  border-bottom: none !important;
}
@media screen and (max-width: 599px) {
  .force-row,
  .container {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 400px) {
  .container-padding {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
.ios-footer a {
  color: #aaaaaa !important;
  text-decoration: underline;
}
</style>
<!-- 100% background wrapper (grey background) --><br />
<!-- 600px container (white background) --><img src="http://apromotora.com/move/uploads/2016.09.28-13.26.13.png" /><br />
&nbsp;
<div style="font-family:Helvetica, Arial, sans-serif;font-size:18px;font-weight:600;color:#374550">
<h3>Resposta do chamado <OTRS_TICKET_TicketNumber></h3>
</div>

<div style="height:1px;border-bottom:1px solid #cccccc;clear: both;">&nbsp;</div>
&nbsp;

<div style="font-family:Helvetica, Arial, sans-serif;font-size:18px;line-height:20px;text-align:left;color:#333333">Dados do chamado</div>
&nbsp;

<div style="font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:18px; text-align:left;color:#333333">Título:&nbsp;<strong><OTRS_CUSTOMER_SUBJECT[20]></strong><br />
Usuário:&nbsp;<strong><OTRS_CUSTOMER_From></strong><br />
Motivo: <strong>Solicitação de Suporte - Central de T.I</strong><br />
No. do chamado:&nbsp;<strong><OTRS_TICKET_TicketNumber></strong><br />
Fila:&nbsp;<strong><OTRS_TICKET_Queue></strong><br />
Responsável:&nbsp;<strong><OTRS_Agent_UserFirstname> <OTRS_Agent_UserLastname></strong></div>

<div style="height:1px;border-bottom:1px solid #cccccc;clear: both;">&nbsp;</div>

<div style="font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:600;color:# FF0004">
<p>Resposta do Atendente</p>
</div>

<div style="font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:20px;text-align:left;color:#333333">Olá,<br />
Espero que esteja tudo bem. Estou apenas atualizando seu caso.<br />
<br />
Texto editável....<br />
&nbsp;
<p><OTRS_Agent_UserFirstname> <OTRS_Agent_UserLastname><br />
Atenciosamente,<br />
Tecnologia da Informação<br />
............................................<br />
(98) 3222-6055<br />
São Luís/MA (Matriz) | Ramal: 9000<br />
www.assuncaopromotora.com.br</p>
</div>
<br />
<br />
<br />
Assunção Promotora - Departamento de TI<br />
<br />
<br />
<!--/600px container --><br />
<!--/100% background wrapper-->

This exactly code, works in OTRS 4. CSS and Javascript is "ON" in Sysconfig. Look the picture in attachment, the logo isnt on center and the backgroud is not gray like otrs 4 (see picture).

Can someone help me?

Thanks in advance.

[th13fp45s]

Update: This same code works in email notifications. What's wrong with CSS in Templates answers? Is it a bug?