Instantly share code, notes, and snippets.

Embed
What would you like to do?
Basic css styles for Kindle html
h1 { margin-top: 1em; }
h2 { margin-top: 0.8em; }
h3 { margin-top: 0.7em; }
h4, h5, h6 { margin-top: 0.5em; }
p {
text-indent: 0; /* no indentation for the first line */
margin-top: 0.3em; /* adjust top margin for paragraph */
}
/* chapter and supchapters in an eventual TOC */
div.chapter {margin-left: 1em;}
div.subchapter {margin-left: 2em;}
<html>
<head>
<title>Article Title</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="http://filippo.github.com/stuff/kindle.css" />
</head>
<body>
<div>Section 1</div>
<div class="chapter"><a href="#chapter1">Chapter 1</a></div>
<div class="chapter">Chapter 2</div>
<div class="chapter">Chapter 3</div>
<div class="subchapter">Subchapter 1</div>
<div class="subchapter">Subchapter 2</div>
<div class="chapter">Chapter 4</div>
<div class="subchapter">Subchapter 1</div>
<div>Section 2</div>
<a name="chapter1" /><h1>Chapter 1</h1>
<p>Example of embedded video:
<video id="optional_id" src="audiovideo/movie.mp4" controls poster="play.jpg" title="Video about... (5:20)">
<br /><br /><br />"There is video content at this location that is not supported by your device. The caption for this content is displayed below."<br /><br /><br />
</video>
<br />Video about... (5:20)<br />
</p>
</body>
</html>
@filippo

This comment has been minimized.

Owner

filippo commented Nov 1, 2011

Based on what I found on the "Amazon Kindle Publishing Guidelines".

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment