CSS - Consulta - Template HTML

Consultas
#1

Pessoal estou criando um Template HTML para usar dentro de uma consulta, estou tentando usar o css dentro, mas não está pegando… o que será que eu fiz de errado… alguém poderia dar uma força?

<HTML>
<HEAD>
<TITLE>www.site.com.br</TITLE>
<style type=text/css>
@color-gray: #BCBCBC;
.text {
	&-center { text-align: center; }
}
.ttu { text-transform: uppercase; }

.printer-ticket {
	display: table !important;
	width: 100%;
	max-width: 400px;
	font-weight: light;
	line-height: 1.3em;
	@printer-padding-base: 10px;
	&, & * { 
		font-family: Tahoma, Geneva, sans-serif; 
		font-size: 10px; 
	}

	th:nth-child(2),
	td:nth-child(2) {
		width: 50px;
	}
	
	th:nth-child(3) ,
	td:nth-child(3) { 
		width: 90px; text-align: right; 
	}
	
	th { 
		font-weight: inherit;
		padding: @printer-padding-base 0;
		text-align: center;
		border-bottom: 1px dashed @color-gray;
	}
	tbody {
		tr:last-child td { padding-bottom: @printer-padding-base; }
	}
	tfoot {
		.sup td {
			padding: @printer-padding-base 0;
			border-top: 1px dashed @color-gray;
		}
		.sup.p--0 td { padding-bottom: 0; }
	}
	
	.title { font-size: 1.5em; padding: @printer-padding-base*1.5 0; }
	.top {
		td { padding-top: @printer-padding-base; }
	}
	.last td { padding-bottom: @printer-padding-base; }
}
</style>
</head>

<BODY text=#000000 bgColor=#ffffff topMargin=0 rightMargin=0>







<table class="printer-ticket">
 	<thead>
		<tr>
			<th class="title" colspan="3">Victor Shop</th>
		</tr>
		<tr>
			<th colspan="3">17/11/2015 - 11:57:52</th>
		</tr>
		<tr>
			<th colspan="3">
				Nome do cliente <br />
				000.000.000-00
			</th>
		</tr>
		<tr>
			<th class="ttu" colspan="3">
				<b>Cupom não fiscal</b>
			</th>
		</tr>
	</thead>
	<tbody>
		<tr class="top">
			<td colspan="3">Doce de brigadeiro</td>
		</tr>
		<tr>
			<td>R$7,99</td>
			<td>2.0</td>
			<td>R$15,98</td>
		</tr>
		<tr>
			<td colspan="3">Opcional Adicicional: grande</td>
		</tr>
		<tr>
			<td>R$0,33</td>
			<td>2.0</td>
			<td>R$0,66</td>
		</tr>
	</tbody>
	<tfoot>
		<tr class="sup ttu p--0">
			<td colspan="3">
				<b>Totais</b>
			</td>
		</tr>
		<tr class="ttu">
			<td colspan="2">Sub-total</td>
			<td align="right">R$43,60</td>
		</tr>
		<tr class="ttu">
			<td colspan="2">Taxa de serviço</td>
			<td align="right">R$4,60</td>
		</tr>
		<tr class="ttu">
			<td colspan="2">Desconto</td>
			<td align="right">5,00%</td>
		</tr>
		<tr class="ttu">
			<td colspan="2">Total</td>
			<td align="right">R$45,56</td>
		</tr>
		<tr class="sup ttu p--0">
			<td colspan="3">
				<b>Pagamentos</b>
			</td>
		</tr>
		<tr class="ttu">
			<td colspan="2">Voucher</td>
			<td align="right">R$10,00</td>
		</tr>
		<tr class="ttu">
			<td colspan="2">Dinheiro</td>
			<td align="right">R$10,00</td>
		</tr>
		<tr class="ttu">
			<td colspan="2">Total pago</td>
			<td align="right">R$10,00</td>
		</tr>
		<tr class="ttu">
			<td colspan="2">Troco</td>
			<td align="right">R$0,44</td>
		</tr>
		<tr class="sup">
			<td colspan="3" align="center">
				<b>Pedido:</b>
			</td>
		</tr>
		<tr class="sup">
			<td colspan="3" align="center">
				www.site.com
			</td>
		</tr>
	</tfoot>
</table>
  
  
  
  
  </BODY></HTML>
#2

consulta com HTML ?

você quer dizer Grid com formato livre?

http://www.scriptcase.com.br/aprendizagem/documentacao/pt_br/v9/manual/08-layout/04-templates-html/

#3

Caro Haroldo, eu já havia visto este link e vídeos anteriormente, mas a questão é que da forma que foi feito, o CSS não aplica no HTML…

#4

ou vc usa formato livre ou usa o template (tema) da consulta.

não tem outro jeito.

Para total liberdade, só em blank

#5

Amigo Haroldo,

Referente a minha pergunta, sua resposta não tem muito sentido, afinal CSS é utilizado dentro do template HTML, que é o formato livre, pois já vi exemplos usando CSS, e o que eu fiz foi mais detalhado, sei que é algo no código… logo se alguém manjar legal CSS vai compreender meu erro que eu não estou vendo.

#6

html de formato livre não usa:

www.site.com.br

olhe o formato livre do exemplo:
http://www.scriptcase.com.br/aprendizagem/documentacao/pt_br/v9/manual/08-layout/04-templates-html/

#7

https://suporte.scriptcase.com.br/pt-br/article/273-criando-um-template-para-sua-aplicacao-formato-livre
Será que isto ajuda?
No template ou html de formato não em o . Acho que somente coloca o que iria dentro do

Somente tem e etc na blank como o Haroldo falou

#8

Grande Alexandre, no manual não mostra, mas tenho outros funcionando normal, pois preciso colocar o head para colocar o CSS, caso contrário não funciona a marcação do layout

#9

veja os templates prontos da netmake.