Posted on by & filed under book design, epub zen garden.

Another clean, minimalist style from Reece Dunn, with a nice use of small-caps:

Screen shot 2009-11-11 at 11.12.19 AM

Adding small caps to only the first line of a chapter:

#content > p.noindent:first-line
{
	font-variant: small-caps;
}

where #content is the containing block that holds the ebook.

Tags:

2 Responses to “New ePub Zen Garden contribution: Modern 2”

  1. reece

    As an aditional note — in the ebook html, p.noindent refers to the first paragraph in the chapter.

    This can also be done with CSS3 selectors as:

    #content > p:first-of-type:first-line

    Also, the > is used so that p elements in the blockquotes are not selected.

  2. Mark Gladding

    Can you provide download links to the ePub ebooks in ePub Zen Garden? It would be nice to see how they look on other readers. I would also like to test their compatibility with text to speech.

    ePub Zen Garden is a great idea by the way!