gbraad/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Testfile for HTML rendering of ePUB


## Section1_1.xhtml
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>250 Essential Chinese Characters Volume 1</title>
  <style type="text/css">
/*<![CDATA[*/
  body {
  		font-size: 1.0em;
  }

  p {
  		font-size: 1.0em;
  }

  div.side-margin {
        margin-left: 1em;
        margin-right: 1em;
        text-align: justify;
  }

  .bx {
        background-color: #000000;
        margin-bottom: 0.50em;
        margin-top: 1em;
        padding-left: 0.50em;
        padding-right: 0.50em;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        text-align: center;
        width: 20%;
  }

  .nbx {
        background-color: #dfdfdf;
        margin-bottom: 0.50em;
        margin-top: 1em;
        padding-left: 0.50em;
        padding-right: 0.50em;
        padding-top: 0.50em;
        padding-bottom: 0.50em;
  }

  .indentedpara1 {
  		display: block;
  		margin-bottom: 0em;
  		margin-left: 0;
  		margin-right: 0;
  		margin-top: 1em;
  		text-indent: 0em
  }

  table.tbx{
        text-align: left;
        border: solid 2px;
        margin-bottom: 1em;
        margin-top: 1em;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 0.50em;
        padding-bottom: 0.50em;
        width: 50%;
  }

  .ip1 {
  		display: block;
  		margin-bottom: 0em;
  		margin-left: 1.5em;
  		margin-right: 0;
  		margin-top: 0em;
  		text-indent: 0em
  }

  .rv1 {
  		display: block;
  		margin-bottom: 0em;
  		margin-top: 1em;
  		margin-left: 1.5em;
  		margin-right: 0;
  		text-indent: -1.5em
  }

  .pb {
        page-break-before: always
  }

  .textStyle16 {
        font-family: 'simkai';
        font-size: 119%;
  }

  .textStyle21 {
        font-family: 'Timesbd', Times, serif;
        font-size: 100%;
        font-weight: bold;
  }

  .textStyle43 {
		font-family: 'Timesbd', Times, serif;
		font-size: 114%;
		font-weight: bold;
  }

  .textStyle45 {
        font-family: 'Frutiger-Bold', Frutiger, sans-serif;
        font-size: 86%;
        font-weight: bold;
        color: #ffffff;
  }

  .textStyle46a {
        font-family: 'Frutiger-Bold', Frutiger, sans-serif;
        font-size: 105%;
        font-weight: bold;
        color: #ffffff;
  }
  .textStyle47 {
        font-family: 'simkai';
        font-size: 514%;
  }

  .textStyle48 {
        font-family: 'Times', Times, serif;
        font-size: 114%;
  }

  .textStyle49 {
        font-family: 'Timesbd', Times, serif;
        font-size: 95%;
        font-weight: bold;
  }

  .textStyle50 {
        font-family: 'Classical Garamond BT-Bold', Classical, sans-serif;
        font-size: 95%;
        font-weight: bold;
  }

  .textStyle51 {
        font-family: 'Times', Times, serif;
        font-size: 95%;
  }

  .textStyle52 {
        font-family: 'Times', Times, serif;
        font-size: 105%;
  }

  .textStyle53 {
        font-family: 'simkai';
        font-size: 110%;
  }

  .textStyle54 {
        font-family: 'Timesi', Times, serif;
        font-size: 105%;
        font-style: italic;
  }

  .textStyle55 {
        font-family: 'Helvetica Neue-Roman', Helvetica, sans-serif;
        font-size: 48%;
  }

  .textStyle56 {
        font-family: 'Times', Times, serif;
        font-size: 85%;
  }

  .textStyle57 {
        font-family: 'simkai';
        font-size: 76%;
  }

  .textStyle58 {
        font-family: 'Timesbd', Times, serif;
        font-size: 76%;
        font-weight: bold;
  }

  @font-face {
		font-family: "Times";
		font-weight: normal;
		font-style: normal;
		src:url(../Fonts/times.ttf);
  }

  @font-face {
		font-family: "Timesi";
		font-weight: normal;
		font-style: italic;
		src:url(../Fonts/timesi.ttf);
  }

  @font-face {
		font-family: "Timesbd";
		font-weight: bold;
		font-style: normal;
		src:url(../Fonts/timesbd.ttf);
  }

  @font-face {
		font-family: "Timesbi";
		font-weight: bold;
		font-style: italic;
		src:url(../Fonts/timesbi.ttf);
  }

  @font-face {
		font-family: "simkai";
		font-weight: normal;
		font-style: normal;
		src:url(../Fonts/simkai.ttf);
  }

  /*]]>*/
  </style>
</head>
<body style="">
  <div class="side-margin">
    <h1 id="heading_id_2" title=
    "1. &#19968;&#20108;&#19977;&#22235;&#20116;&#20845;&#19971;&#20843;&#20061; &#21313;&#38646; &#30334;">
    </h1>

    <p class="bx"><span class="textStyle45">CHARACTER</span> <span class=
    "textStyle46a">1</span></p>

    <table class="tbx">
      <tr>
        <td rowspan="2"><span class="textStyle47">&#19968;</span></td>

        <td><span class="textStyle43">y&#299; / y&#237; / y&#236;</span></td>
      </tr>

      <tr>
        <td>
          <p class="indentedpara1"><span class="textStyle48">one</span></p>
        </td>
      </tr>
    </table>

    <p class="indentedpara1"><span class="textStyle49">Radical:</span> <span class=
    "textStyle19">&#19968;</span> <span class="textStyle50"># 2</span> <span class=
    "textStyle51">&#8220;horizontal stroke&#8221;</span></p>

    <p class="nbx"><span class="textStyle56">Note: When</span> <span class=
    "textStyle57">&#19968;</span> <span class="textStyle56">is used in a stream of
    numbers, it is usually pronounced</span> <span class="textStyle58">y&#257;o</span>
    <span class="textStyle56">. Example:</span> <span class=
    "textStyle57">&#20061;&#19968;&#19968;</span> <span class="textStyle56">(September
    11) is pronounced</span> <span class="textStyle58">Ji&#468;y&#257;oy&#257;o</span>
    <span class="textStyle56">.</span></p>

    <p class="bx1"><span class="textStyle44">Compounds, sentences, and
    meanings</span></p>

    <p class="rv1"><span class="textStyle52">1.</span> <span class="ud"><span class=
    "textStyle53">&#19968;</span> <span class="textStyle21">y&#299;</span> <span class=
    "textStyle52">one</span></span></p>

    <p class="ip1"><span class="textStyle16">&#19968;&#20108;&#19977;</span></p>

    <p class="ip1"><span class="textStyle21">y&#299; &#232;r s&#257;n</span></p>

    <p class="ip1"><span class="textStyle54">one two three</span></p>
  </div>
</body>
</html>
	<?xml version="1.0" encoding="utf-8" standalone="no"?>
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<title>250 Essential Chinese Characters Volume 1</title>
	<style type="text/css">
	/<![CDATA[/
	body {
	font-size: 1.0em;
	}

	p {
	font-size: 1.0em;
	}

	div.side-margin {
	margin-left: 1em;
	margin-right: 1em;
	text-align: justify;
	}

	.bx {
	background-color: #000000;
	margin-bottom: 0.50em;
	margin-top: 1em;
	padding-left: 0.50em;
	padding-right: 0.50em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	text-align: center;
	width: 20%;
	}

	.nbx {
	background-color: #dfdfdf;
	margin-bottom: 0.50em;
	margin-top: 1em;
	padding-left: 0.50em;
	padding-right: 0.50em;
	padding-top: 0.50em;
	padding-bottom: 0.50em;
	}

	.indentedpara1 {
	display: block;
	margin-bottom: 0em;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1em;
	text-indent: 0em
	}

	table.tbx{
	text-align: left;
	border: solid 2px;
	margin-bottom: 1em;
	margin-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.50em;
	padding-bottom: 0.50em;
	width: 50%;
	}

	.ip1 {
	display: block;
	margin-bottom: 0em;
	margin-left: 1.5em;
	margin-right: 0;
	margin-top: 0em;
	text-indent: 0em
	}

	.rv1 {
	display: block;
	margin-bottom: 0em;
	margin-top: 1em;
	margin-left: 1.5em;
	margin-right: 0;
	text-indent: -1.5em
	}

	.pb {
	page-break-before: always
	}

	.textStyle16 {
	font-family: 'simkai';
	font-size: 119%;
	}

	.textStyle21 {
	font-family: 'Timesbd', Times, serif;
	font-size: 100%;
	font-weight: bold;
	}

	.textStyle43 {
	font-family: 'Timesbd', Times, serif;
	font-size: 114%;
	font-weight: bold;
	}

	.textStyle45 {
	font-family: 'Frutiger-Bold', Frutiger, sans-serif;
	font-size: 86%;
	font-weight: bold;
	color: #ffffff;
	}

	.textStyle46a {
	font-family: 'Frutiger-Bold', Frutiger, sans-serif;
	font-size: 105%;
	font-weight: bold;
	color: #ffffff;
	}
	.textStyle47 {
	font-family: 'simkai';
	font-size: 514%;
	}

	.textStyle48 {
	font-family: 'Times', Times, serif;
	font-size: 114%;
	}

	.textStyle49 {
	font-family: 'Timesbd', Times, serif;
	font-size: 95%;
	font-weight: bold;
	}

	.textStyle50 {
	font-family: 'Classical Garamond BT-Bold', Classical, sans-serif;
	font-size: 95%;
	font-weight: bold;
	}

	.textStyle51 {
	font-family: 'Times', Times, serif;
	font-size: 95%;
	}

	.textStyle52 {
	font-family: 'Times', Times, serif;
	font-size: 105%;
	}

	.textStyle53 {
	font-family: 'simkai';
	font-size: 110%;
	}

	.textStyle54 {
	font-family: 'Timesi', Times, serif;
	font-size: 105%;
	font-style: italic;
	}

	.textStyle55 {
	font-family: 'Helvetica Neue-Roman', Helvetica, sans-serif;
	font-size: 48%;
	}

	.textStyle56 {
	font-family: 'Times', Times, serif;
	font-size: 85%;
	}

	.textStyle57 {
	font-family: 'simkai';
	font-size: 76%;
	}

	.textStyle58 {
	font-family: 'Timesbd', Times, serif;
	font-size: 76%;
	font-weight: bold;
	}

	@font-face {
	font-family: "Times";
	font-weight: normal;
	font-style: normal;
	src:url(../Fonts/times.ttf);
	}

	@font-face {
	font-family: "Timesi";
	font-weight: normal;
	font-style: italic;
	src:url(../Fonts/timesi.ttf);
	}

	@font-face {
	font-family: "Timesbd";
	font-weight: bold;
	font-style: normal;
	src:url(../Fonts/timesbd.ttf);
	}

	@font-face {
	font-family: "Timesbi";
	font-weight: bold;
	font-style: italic;
	src:url(../Fonts/timesbi.ttf);
	}

	@font-face {
	font-family: "simkai";
	font-weight: normal;
	font-style: normal;
	src:url(../Fonts/simkai.ttf);
	}

	/]]>/
	</style>
	</head>
	<body style="">
	<div class="side-margin">
	<h1 id="heading_id_2" title=
	"1. 一二三四五六七八九十零百">
	</h1>

	<p class="bx"><span class="textStyle45">CHARACTER</span> <span class=
	"textStyle46a">1</span></p>

	<table class="tbx">
	<tr>
	<td rowspan="2"><span class="textStyle47">一</span></td>

	<td><span class="textStyle43">yī / yí / yì</span></td>
	</tr>

	<tr>
	<td>
	<p class="indentedpara1"><span class="textStyle48">one</span></p>
	</td>
	</tr>
	</table>

	<p class="indentedpara1"><span class="textStyle49">Radical:</span> <span class=
	"textStyle19">一</span> <span class="textStyle50"># 2</span> <span class=
	"textStyle51">“horizontal stroke”</span></p>

	<p class="nbx"><span class="textStyle56">Note: When</span> <span class=
	"textStyle57">一</span> <span class="textStyle56">is used in a stream of
	numbers, it is usually pronounced</span> <span class="textStyle58">yāo</span>
	<span class="textStyle56">. Example:</span> <span class=
	"textStyle57">九一一</span> <span class="textStyle56">(September
	11) is pronounced</span> <span class="textStyle58">Jiǔyāoyāo</span>
	<span class="textStyle56">.</span></p>

	<p class="bx1"><span class="textStyle44">Compounds, sentences, and
	meanings</span></p>

	<p class="rv1"><span class="textStyle52">1.</span> <span class="ud"><span class=
	"textStyle53">一</span> <span class="textStyle21">yī</span> <span class=
	"textStyle52">one</span></span></p>

	<p class="ip1"><span class="textStyle16">一二三</span></p>

	<p class="ip1"><span class="textStyle21">yī èr sān</span></p>

	<p class="ip1"><span class="textStyle54">one two three</span></p>
	</div>
	</body>
	</html>