<!DOCTYPE html>
<html>
<head>
<title>voucherku</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma" content="no-cache" />
<style>
body {
color: #000000;
background-color: #ffffff;
font-size: 14px;
font-family: "Helvetica", arial, sans-serif;
margin: 0px;
-webkit-print-color-adjust: exact;
}
table.voucher {
display: inline-block;
border: 2px solid black;
margin: 2px;
}
@page {
size: auto;
margin-left: 7mm;
margin-right: 3mm;
margin-top: 9mm;
margin-bottom: 3mm;
}
@media print {
table {
page-break-after: auto;
}
tr {
page-break-inside: avoid;
page-break-after: auto;
}
td {
page-break-inside: avoid;
page-break-after: auto;
}
thead {
display: table-header-group;
}
tfoot {
display: table-footer-group;
}
}
#num {
float: right;
display: inline-block;
}
.qrc {
width: 30px;
height: 30px;
margin-top: 1px;
}
body {
/* Set "my-sec-counter" to 0 */
counter-reset: my-sec-counter;
}
span::before {
/* Increment "my-sec-counter" by 1 */
counter-increment: my-sec-counter;
content: "[" counter(my-sec-counter) "]";
}
</style>
</head>
<table class="voucher" style="margin:0 4px 10px 2px;width: 177px;">
<tbody>
<tr>
<td style="text-align: left; font-size: 14px; font-weight:bold; border-bottom: 1px black solid;">RNET Hotspot<span id="num"></span>
</td>
</tr>
<tr>
<td>
<table style="text-align: center; width: 167px;">
<tbody>
<tr style="color: black; font-size: 11px;">
<td>
<table style="width:100%;">
<tr>
<td>kode voucher</td>
</tr>
<tr style="color: black; font-size: 14px;">
<td style="width:100%; border: 2px dashed black; font-weight:bold; border-radius: 2px;padding:2px">%u_username%</td>
</tr>
<tr>
<td style="width:100%; border: 1px solid black; font-weight:bold;">%u_actualProfileName%</td>
</tr>
<tr>
<td style="font-family: Andale Mono; width:100%; border: 1px solid black; font-weight: bold;">Login: http://rnet.net</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body></html>
<p class="noprint" style="font-size: 10px"> ................ page break ................ </p> <p class="pagebreak"> </p>
Comments