[rt-devel] Including CSS on template - RT

[Murillo Azambuja Gonçalves]

Hello,

In advance, sorry for my English.

I'm trying to change the default template "Resolved in HTML", so that 
when the user receives the e-mail stating that the ticket has been 
resolved, a satisfaction survey (linked in the email) be filled.

But I would like this link to the survey be a star rating, where each 
star represents a parameter of the level of satisfaction for the survey 
treatment.
To make this star rating, I am using HTML and CSS.

But the template accuses an error when I use CSS:


"Could not compile the template of codeblock 'text-decoration: none; 
color: inherit;': syntax error at line 6 template"


Follows the code:



Subject: Resolvido: {$Ticket->Subject}

Content-Type: text/html

<style type="text/css">

     a {

         text-decoration: none;

         color: inherit;

     }

     .rating {

       unicode-bidi: bidi-override;

       direction: rtl;

       float: left;

     }

     .rating span {

       display: inline-block;

       position: relative;

       width: 3.0em;

     }

     .rating span:before {

        content: "\2606";

        font-size: 50px;

     }

     .rating span:hover:before,

     .rating span:hover ~ span:before {

        content: "\2605";

        cursor: pointer;

        color: gold;

     }

     .clear {

         clear: both;

     }

</style>

<p>De acordo com nossos registros, o seu pedido foi resolvido. Se você 
tem qualquer outra questão, por favor, responda a esta mensagem.</p>

<p>Por favor, avalie o atendimento:</p>

<div class="rating">

     <a 
href="https://www.mydomain.com?param1=x&param2=y&rating=excelente"><span></span></a>

     <a 
href="https://www.mydomain.com?param1=x&param2=y&rating=bom"><span></span></a>

     <a 
href="https://www.mydomain.com?param1=x&param2=y&rating=mediano"><span></span></a>

     <a 
href="https://www.mydomain.com?param1=x&param2=y&rating=ruim"><span></span></a>

     <a 
href="https://www.mydomain.com?param1=x&param2=y&rating=pessimo"><span></span></a>

</div>

<div class="clear"> </div>


Does anyone know how I can get around this?

Thank you very much