Preface table | Platform

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Preface table | Platform</title>

.mono {
white-space: pre;
padding: 0.3em 0.4em 0.4em 0.4em;
vertical-align: middle;
font-family:  
"DejaVu Sans Mono", 
"Everson Mono Unicode", 
FreeMono,
Monaco,
"Courier New",
monospace;
}

#maincontent {
width: 48em;
z-index: 2;
position: relative;
left: 50%;
margin-left: -24em;
/*border: solid 1px red;*/
padding-bottom: 1em;
}

.tableinfo {
width: 34em;
text-align: left;
overflow: visible;
font-family: verdana, helvetica, arial, sans-serif;
margin-top: 1.2em;
margin-bottom: 1.5em;
position: relative;
left: 50%;
margin-left: -17em;
}

.tableinfo a {
color: #1b4d79;
text-decoration: none;
}

.tableinfo a:hover {
color: #659ecc;
text-decoration: none;
}

#maincontent h1 {
color: #404040; 
text-align: center;
font-size: 1.5em;
font-weight: normal;
margin: 0.6em 0 0 0;
font-family: verdana, helvetica, arial, sans-serif;
}

a {
/*color: #659ecc;*/
color: #287bb3;
text-decoration: none;
}

a:hover {
/*color: #404040;*/
text-decoration: underline;
}

.pageanchor {
color: #000;
text-decoration: none;
}

h3 {
color: #404040;
text-align: center;
margin: 0.8em 0 1em 0;
font-weight: normal;
font-size: 1.3em;
font-family: verdana, helvetica, arial, sans-serif;
}

.tableheading h3 {
margin: 0.8em 0 0.3em 0;
}

.tableheading {
padding: 0 0 1.3em 0;
text-align: center;
}

.tableheading input {
display: none;
}

span.scannedtextlink {
display: none;
}

span.letterspacing {
letter-spacing: 0.15em;
}

.block_off {
display: none;
}

.block_on {
display: block;
}

/*Tables*/

table {
border-collapse: collapse;
border-spacing: 0px;
margin: 0 0 0 0;
width: 48em;
}

td {
vertical-align: top;
font-size: 1.1em;
border: dotted 1px #ccc;
height: 1.8em;
}

td.top_tr_td {
border-top: 0;
}

#banalysis td {
padding: 0.3em 0.4em 0.4em 0.4em;
}

#abbr_ref_biblio_assets #maincontent td {
padding-top: 0.3em;
padding-bottom: 0.4em;
padding-left: 0.4em;
padding-right: 0.4em;
}

input {
margin: 0.2em 0.2em 0.2em 0.2em;
padding: 0;
}

.checkboxtd {
padding: 0.3em!important;
vertical-align: top!important;
width: 1%;
display: none;
}

.wordtd, .numbertd {
padding: 0.4em 0.4em 0.4em 0.4em;
vertical-align: top;
}

td p {
margin: 0.4em 0.4em 0.4em 0.4em; 
}

p.indented {
text-indent: 1em;
}

td table {
font-size: 1em; 
width: 90%;
}

td table td {
border: 0px;
padding-top: 0.3em;
padding-bottom: 0.4em;
padding-left: 0.4em;
padding-right: 0.4em;
font-size: 1em;
vertical-align: top;
}

#banalysis td table td {
padding: 0em 0.4em 0em 0.4em;
}

.colored {
/*background: rgb(176, 196, 222);*/
background: #c9c9c9;
}

#syntaxofconstructions_0 td, 
#syntaxofconstructions_1 td, 
#syntaxofconstructions_2 td, 
#syntaxofconstructions_3 td, 
#wordorder_0 td, #wordorder_1 td, 
#wordorder_2 td, #wordorder_3 td, 
#grammaticaltransl_0 td, 
#grammaticaltransl_1 td, 
#grammaticaltransl_2 td, 
#grammaticaltransl_3 td {
vertical-align: middle;
text-align: center;
}

.mono {
white-space: pre;
padding: 0.3em 0.4em 0.4em 0.4em;
vertical-align: middle;
font-family:  
"DejaVu Sans Mono", 
"Everson Mono Unicode", 
FreeMono, 
"Courier New", 
monospace;
}

.lineoftext {
font-weight: bold;
vertical-align: middle;
}

#text_table .lineoftext {
font-weight: normal;
padding-left: 0.4em;
}

td.linenumber {
display: none;
}

#maincontent table td.seeprevious, #maincontent table td.seenext {
text-align: center; 
vertical-align: middle;
}
</style>

//<![CDATA[

//================================================
//  blockOnOff script                                        
//================================================

function blockOnOff(boxId) {
box=document.getElementById(boxId);
if (box) {
   if (box.className=='block_off') {box.className='block_on';}
   else {box.className='block_off';}
}
}

//================================================
// seePreviousSeeNext script                               
//================================================

//================================================
// initpagefunc_codearea                               
//================================================

function initPage() {seePreviousSeeNext();}
window.onload=initPage;

//]]>

</script>

</head>

<h1>Preface table</h1>

<div class="tableinfo">
<h3><a href="javascript:void(0);" onclick="blockOnOff('tableinfoBox1')">Modifying</a></h3>
<div id="tableinfoBox1" class="block_off">
<p>Add or delete any number of {preface_paragraph} tags; enter contents of {preface_paragraph_text} tags.</p>
</div>
<h3><a href="javascript:void(0);" onclick="blockOnOff('tableinfoBox2')">Using</a></h3>
<div id="tableinfoBox2" class="block_off">
<p> Post entry into "Ebook: Preface" weblog with the following values of fields.</p>
<p>Field "Preface fragment" value: contents of {preface_table} tag.</p>
<p>Field "Categories" value: title of the relevant project.</p>
</div>
</div>

<table>