Skip to content

Instantly share code, notes, and snippets.

@bbn-bernard
Created September 16, 2014 10:09
Show Gist options
  • Save bbn-bernard/f273d40851035e18eb75 to your computer and use it in GitHub Desktop.
Save bbn-bernard/f273d40851035e18eb75 to your computer and use it in GitHub Desktop.
header_test.html
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
<script>
function subst() {
var vars={};
var x=document.location.search.substring(1).split(\'&\');
for(var i in x) {var z=x[i].split(\'=\',2);vars[z[0]] = unescape(z[1]);}
var x=[\'frompage\',\'topage\',\'page\',\'webpage\',\'section\',\'subsection\',\'subsubsection\'];
for(var i in x) {
var y = document.getElementsByClassName(x[i]);
for(var j=0; j<y.length; ++j) y[j].textContent = vars[x[i]];
}
}
</script>
<style type="text/css">
body, table, td, span, div {
font-family: "DejaVu Sans Bold", Arial;
}
.act_as_table {
display: table;
}
.act_as_row {
display: table-row;
}
.act_as_cell {
display: table-cell;
}
.act_as_thead {
display: table-header-group;
}
.act_as_tbody {
display: table-row-group;
}
.act_as_tfoot {
display: table-footer-group;
}
.act_as_caption {
display: table-caption;
}
act_as_colgroup {
display: table-column-group;
}
.list_table, .data_table {
width: 690px;
table-layout: fixed
}
.bg, .act_as_row.labels {
background-color:#F0F0F0;
}
.list_table, .data_table, .list_table .act_as_row {
border-left:0px;
border-right:0px;
text-align:left;
font-size:9px;
padding-right:3px;
padding-left:3px;
padding-top:2px;
padding-bottom:2px;
border-collapse:collapse;
}
.list_table .act_as_row.labels, .list_table .act_as_row.initial_balance, .list_table .act_as_row.lines {
border-color:gray;
border-bottom:1px solid lightGrey;
}
.data_table .act_as_cell {
border: 1px solid lightGrey;
text-align: center;
}
.data_table .act_as_cell, .list_table .act_as_cell {
word-wrap: break-word;
}
.data_table .act_as_row.labels {
font-weight: bold;
}
.initial_balance .act_as_cell {
font-style:italic;
}
.account_title {
font-size:10px;
font-weight:bold;
page-break-after: avoid;
}
.act_as_cell.amount {
word-wrap:normal;
text-align:right;
}
.list_table .act_as_cell{
padding-left: 5px;
/* border-right:1px solid lightGrey; uncomment to active column lines */
}
.list_table .act_as_cell.first_column {
padding-left: 0px;
/* border-left:1px solid lightGrey; uncomment to active column lines */
}
.sep_left {
border-left: 1px solid lightGrey;
}
.account_level_1 {
text-transform: uppercase;
/*font-weight: bold;*/
font-size: 15px;
background-color:#F0F0F0;
}
/*
.account_level_1 .act_as_cell {
height: 30px;
vertical-align: bottom;
}
*/
.account_level_2 {
/*text-transform: uppercase;
font-weight: bold;*/
font-size: 12px;
background-color:#F0F0F0;
}
/*
.account_level_2 .act_as_cell {
height: 20px;
vertical-align: bottom;
}
.account_level_3 {
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
background-color:#FAFAFA;
}
.account_level_4 {
font-weight: bold;
font-size: 11px;
}
*/
.account_level_5 {
}
.regular_account_type {
font-weight: normal;
}
.view_account_type {
font-weight: bold;
.account_level_consol {
font-weight: normal;
\tfont-style: italic;
}
.overflow_ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
</style>
</head>
<body style="border:0; margin: 0;" onload="subst()">
<table class="header" style="border-bottom: 0px solid black; width: 100%; padding: 0px 40px;">
<tr>
<td style="text-align:center;" width="20%"><img src="data:image/png;base64,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 " /></td> <td style="text-align:right; font-size:11px; font-weight: bold;">Right Text</td></tr>
<tr>
<td style="text-align:center; font-size:11px; font-weight: bold; padding: 20px 0px 20px 0px;"><span style="font-size:12px;">Title</span></td>
</tr>
</table> </body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment