« Home

Generated HTML

Gordian generates a variety of HTML structures to output your PDF, which you can style. Note that some generated tags and attributes (e.g. pagebreak, or cellSpacing) are MPDF specific markup.


Default front cover (gb-front-cover)

Front and backmatter

Introduction (gb-introduction)

        .introduction {
            font-size: 1.1em;
            page: introduction;
            page-break-inside: auto;


        .paragraph, .rules {
            page-break-inside: avoid;
        .paragraph.long {
            page-break-inside: auto;


Rear page (gb-rear)

Default back cover (gb-rear-cover)

Passage Text

Special tags

We pad the sides of 'check' with spaces because MPDF doesn't support display: inline-block;

        .check {
            display: inline;
            border-radius: 0.5mm;
            padding: 1px 2px;
            border: none;
            background: rgb(205, 250, 255);
            color: black;
        .rules {
            display: block;
            border-radius: 1mm;
            margin: 1em 0px;
            padding: 0.5em;
            border: 1px solid #999;
            background: #f4f4f4;
            color: black;
        .stats {
            display: block;
            margin: 1em 0px;
            padding: 0px;
        .stats .special {
            font-style: italic;
            margin-top: 1em;


        .checklist { width: 100%; margin-top: 20px; }
        .checklist .checkbox { width: 30px; }


CellSpacing and mm mesaurements are MPDF features

        .checkboxes {
            text-align: center;
            height: 4mm;
            margin: 1em auto;
        .checkboxes .box {
            display: inline-block;
            width: 6mm;
            height: 4mm;
            border: 0.2mm solid black;
            background: white;