//Info: YAL-16
Template To be previewed:
Before Proceeding, we need to make clear how much <td> is required in order to display just the inside box.
For making the page width & spacing clear, we are converting the Pixel dimension to percentage mode. Thus we can group all specifications to a total of 100% & dividing this into each section.
<?xml version="1.0"?><!DOCTYPE pdf PUBLIC "-//big.faceless.org//report" "report-1.1.dtd">
<pdf>
<head>
<link name="NotoSans" type="font" subtype="truetype" src="${nsfont.NotoSans_Regular}" src-bold="${nsfont.NotoSans_Bold}" src-italic="${nsfont.NotoSans_Italic}" src-bolditalic="${nsfont.NotoSans_BoldItalic}" bytes="2" />
<style type="text/css">* {
<#if .locale == "zh_CN">
font-family: NotoSans, NotoSansCJKsc, sans-serif;
<#elseif .locale == "zh_TW">
font-family: NotoSans, NotoSansCJKtc, sans-serif;
<#elseif .locale == "ja_JP">
font-family: NotoSans, NotoSansCJKjp, sans-serif;
<#elseif .locale == "ko_KR">
font-family: NotoSans, NotoSansCJKkr, sans-serif;
<#elseif .locale == "th_TH">
font-family: NotoSans, NotoSansThai, sans-serif;
<#else>
font-family: NotoSans, sans-serif;
</#if>
}
table {
font-size: 9pt;
table-layout: fixed;
}
th {
font-weight: bold;
font-size: 8pt;
vertical-align: middle;
padding: 5px 6px 3px;
background-color: #e3e3e3;
color: #333333;
}
td {
padding: 4px 6px;
}
td p { align:left }
b {
font-weight: bold;
color: #333333;
}
table.header td {
padding: 0px;
font-size: 10pt;
}
table.footer td {
padding: 0px;
font-size: 8pt;
}
table.itemtable th {
padding-bottom: 10px;
padding-top: 10px;
}
table.body td {
padding-top: 2px;
}
table.total {
page-break-inside: avoid;
}
tr.totalrow {
background-color: #e3e3e3;
line-height: 200%;
}
td.totalboxtop {
font-size: 12pt;
background-color: #e3e3e3;
}
td.addressheader {
font-size: 8pt;
padding-top: 6px;
padding-bottom: 2px;
}
td.address {
padding-top: 0px;
}
td.totalboxmid {
font-size: 28pt;
padding-top: 20px;
background-color: #e3e3e3;
}
td.totalboxbot {
background-color: #e3e3e3;
font-weight: bold;
}
span.title {
font-size: 28pt;
}
span.number {
font-size: 16pt;
}
span.itemname {
font-weight: bold;
line-height: 150%;
}
hr {
width: 100%;
color: #d3d3d3;
background-color: #d3d3d3;
height: 1px;
}
</style>
</head>
<body header="nlheader" header-height="0%" padding="0in 0in 0in 0in" size="A5">
<table class="body" style="width: 100%;">
<tr height="50%">
<td align="center" colspan="1000" style=" border-bottom: 1 px black; width: 100%;"> </td>
</tr>
<tr height="8.62%">
<td align="center" colspan= "156"> </td>
<td align="center" colspan= "688" style=" border-bottom: 1 px black;"> </td>
<td align="center" colspan= "156"> </td>
</tr>
<tr height="8.62%">
<td align="center" colspan="156"> </td>
<td colspan= "688" style=" border-left: 1 px black; border-right: 1 px black; " padding="0.2in 0.2in "> <I> To </I> </td>
<td align="center" colspan="156"> </td>
</tr>
<tr height="11.04%">
<td align="center" colspan="156"> </td>
<td colspan= "688" style=" border-left: 1 px black; border-right: 1 px black; " padding="0.1in 0.2in "> <I> Message </I> </td>
<td align="center" colspan="156"> </td>
</tr>
<tr height="8.62%">
<td align="center" colspan="156"> </td>
<td colspan= "688" style=" border-left: 1 px black; border-bottom: 1 px black; border-right: 1 px black; " padding="0.1in 0.2in "> <I> From </I> </td>
<td align="center" colspan="156"> </td>
</tr>
<tr height="13.10%">
<td align="center" colspan="156"> </td>
<td align="center" colspan="688"> </td>
<td align="center" colspan="156"> </td>
</tr>
</table>
</body>
</pdf>