166 lines
3.3 KiB
HTML
166 lines
3.3 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<title>hapagirlsauthoringsystemv1</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
|
|
<!-- NOTE: margin property = top-right-bottom-left -->
|
|
<style type="text/css">
|
|
|
|
body {background-color: #e2e2e2}
|
|
|
|
p.topLevelItemTitle {
|
|
margin: 30px 0px 5px 0px;
|
|
font-family: Times, Times New Roman, Palatino, Cochin, Serif;
|
|
font-size: 30px;
|
|
}
|
|
|
|
p.folderTitle {
|
|
margin: 30px 0px 5px 0px;
|
|
font-family: Times, Times New Roman, Palatino, Cochin, Serif;
|
|
font-size: 18px;
|
|
}
|
|
|
|
p.itemTitle {
|
|
margin: 30px 0px 5px 0px;
|
|
font-family: Helvetica, Arial, Sans-Serif;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
p.itemText {
|
|
margin: 0px 0px 10px 0px;
|
|
font-family: Helvetica, Arial, Sans-Serif;
|
|
font-size: 12px;
|
|
}
|
|
|
|
p.itemTextStart {
|
|
margin: 30px 0px 10px 0px;
|
|
font-family: Helvetica, Arial, Sans-Serif;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.page {border: 1px solid #c0c0c0; background: #fff}
|
|
|
|
hr {
|
|
border: none;
|
|
height: 1px;
|
|
color: #d4d4d4;
|
|
background-color: #d4d4d4;
|
|
}
|
|
|
|
hr.afterTitle {
|
|
margin-top: -3px;
|
|
}
|
|
|
|
hr.afterText {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
padding-left: 30px;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<table border="0" width="100%" cellspacing="3">
|
|
<tr>
|
|
<td>
|
|
|
|
<table class="page" width="100%" cellspacing="10" cellpadding="2">
|
|
|
|
<!-- Top margin -->
|
|
<!-- Not needed, because of the padding above titles. -->
|
|
<!--<tr><td height="15px"></td></tr>-->
|
|
|
|
<tr>
|
|
|
|
<!-- 42 + 30 of list indent = 72 - one inch. -->
|
|
<!-- Actually that ends up too much, so we do 25 + 30 = 55px. -->
|
|
<td width="25px">
|
|
|
|
<td valign="top">
|
|
|
|
<ul>
|
|
<li>
|
|
<p class="topLevelItemTitle">Chapter 1</p>
|
|
</li>
|
|
<hr class="afterTitle"/>
|
|
<ul>
|
|
<li>
|
|
<p class="itemTitle">Scene 1</p>
|
|
</li>
|
|
<li>
|
|
<p class="itemTitle">Scene 2</p>
|
|
</li>
|
|
<li>
|
|
<p class="itemTitle">Scene 3</p>
|
|
</li>
|
|
<li>
|
|
<p class="itemTitle">Scene 4</p>
|
|
</li>
|
|
</ul>
|
|
<hr class="afterTitle"/>
|
|
|
|
<li>
|
|
<p class="topLevelItemTitle">Chapter 2</p>
|
|
</li>
|
|
<hr class="afterTitle"/>
|
|
<ul>
|
|
<li>
|
|
<p class="itemTitle">Scene 5</p>
|
|
<p class="itemText">The patio behind the restaurant was in shade for another twenty minutes, maybe thirty, before the sun would clear the line of palms along the cart path and make sitting outside genuinely unpleasant. For now it was tolerable. A ceiling fan turned overhead without much conviction, and a mockingbird somewhere in the palms was cycling through its repertoire with the manic energy of something that had nowhere to be.</span></p></p>
|
|
<p class="itemText"><p class="p2"><span class="s1"></span><br></p></p>
|
|
<p class="itemText"><p class="p1"><span class="s1">Ella had a Sprite and a sleeve of Oreos she'd bought from the vending machine inside...</p>
|
|
</li>
|
|
<li>
|
|
<p class="itemTitle">Scene 6</p>
|
|
</li>
|
|
<li>
|
|
<p class="itemTitle">Scene 7</p>
|
|
</li>
|
|
</ul>
|
|
<hr class="afterTitle"/>
|
|
|
|
<li>
|
|
<p class="topLevelItemTitle">Chapter 3</p>
|
|
</li>
|
|
<hr class="afterTitle"/>
|
|
<ul>
|
|
<li>
|
|
<p class="itemTitle">Scene 8</p>
|
|
</li>
|
|
<li>
|
|
<p class="itemTitle">Scene 9</p>
|
|
</li>
|
|
<li>
|
|
<p class="itemTitle">Scene 10</p>
|
|
</li>
|
|
<li>
|
|
<p class="itemTitle">Scene 11</p>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
|
|
</td>
|
|
<td width="55px">
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Bottom margin -->
|
|
<tr><td height="15px"></td></tr>
|
|
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</body>
|
|
</html>
|