At that point, I'm just naming the page -- the @page rules are still commented out. I.e. the CSS has just this part of the named pages stuff:
div.book div.titlepage {
page: book-title;
}
Here's my entire CSS file as it is now ..
/* WIP. Avoid ugly page breaks after headings and in TOC
* Pending release of Prince 6.0 rev 5
dt span.chapter { page-break-before: avoid }
dt span.chapter { page-break-after: avoid }
dt { page-break-before: avoid }
dt { page-break-after: avoid }
dl { page-break-inside: avoid }
*/
/* No big gaps after headings */
h1, h2, h3, h4, h5, h6 {
margin-bottom: 0em;
}
div.note h3 { margin-top: 0.5em }
/* Don't let heading font get smaller than body font */
h5, h6 { font-size: 12pt; }
/* Get rid of the underline */
a, acronym { text-decoration: none; }
/* Reduce spacing between paragraphs */
p { margin-top: 0.25em;
margin-bottom: 0.25em;
}
dl { margin-top: 0.5em }
dd { margin-bottom: 0.5em }
/* Configure top-level page breaks */
div.part { page-break-before: always }
div.chapter > div.titlepage { page-break-before: always }
/* Don't allow orphan list titles. Both "before" and "after" rules are
* necessary because there may be paragraphs between the title and the
* list. */
div.variablelist > p.title { page-break-after: avoid }
/* Additionally, indent the list relative to the list title. */
div.variablelist > p.title ~ dl {
page-break-before: avoid;
margin-left: 1em;
}
/* Keep example title with example */
div.example > p.title {
page-break-after: avoid;
}
ul {margin-left: 0.8em}
/* Page numbers */
/*
div.book div.titlepage {
page: book-title;
}
div.book div.toc {
page: book-toc;
}
div.book div.chapter,div.part,div.glossary,div.appendix {
page: book-body;
}
@page book-toc {
@top { content: "Table of Contents" }
@bottom {
content: counter(page, lower-alpha)
}
}
@page book-body {
@bottom {
content: counter(page)
}
}
*/
/* Figures */
div.figure {
border: black solid 0.1pt; /* I want hairline and "thin" is too thick */
padding: 1em;
margin: 1em;
}
/* Keep figure title and caption together with figure */
div.figure { page-break-inside: avoid }
div.caption {
font-size: smaller;
margin-left: 1em;
}
/* Put caption below figure
.figure {display:table; /+or inline-table if needs to be inline+/
}
.figure .title
{display:table-footer-group; /+ or table-caption with caption-side:bottom+/
}
.figure .figure-contents
{display:table-row}
*/
/* Colour "remark" elements red, so that we don't miss them during
* editing */
.remark {color: red}
@page { marks: crop cross }