PDF

Step 1: Prepare a template

A template for PDF export is a CSS file that defines the PDF appearance: fonts, margins, headers/footers, and print rules. In the template you can set styles for the following CSS classes:

Common classes

All document pages have a base class: .page

Title page

In addition to the base .page class, the title page has an extra class: .title-page

  • Header/footer containers:

    • .title-page-top

    • .title-page-bottom

  • Header/footer cells:

    • .title-page-top-left, .title-page-top-right

    • .title-page-bottom-left, .title-page-bottom-right

  • Title:

    • h1.title-page-header — catalog/section title

Other pages

All pages except the title page use the same structure.

  • Header/footer containers:

    • .page-top

    • .page-bottom

  • Header/footer cells:

    • .page-top-left, .page-top-right

    • .page-bottom-left, .page-bottom-right

  • Main content:

    • .page-content

Contents page (table of contents)

Its structure fully matches a regular page, but it also has the .toc-page class.

Scaling and splitting images and diagrams

  • By default, images and diagrams are scaled to fit the page.

  • The --pdf-min-scale variable sets the minimum allowed scaling factor.

  • If --pdf-min-scale is set and rendering on a page requires a lower scale, the resource is split across multiple pages.

  • Each part of a split resource is scaled according to --pdf-split-scale. If --pdf-split-scale is not set, the --pdf-min-scale value is used.

Exported article/section title (catalog name)

The title is stored in the CSS variable --title.

Example settings

/* Page paddings */
.page.page {
	padding: 14mm 20mm !important;
}

/* Divider line for top header */
.page-top {
	margin-bottom: 10mm;
	padding-bottom: 8mm;
	border-bottom: 1px solid black;
}

/* Styles for all pages except TOC page (.toc-page) */
.page:not(.toc-page) {
	/* Link styles inside main content (.page-content) */
	.page-content {
		a {
			color: blue;
			text-decoration: underline;
			text-decoration-thickness: 1px;
			text-underline-offset: 1px;
		}
	}
}

/* Gramax logo in the left cell of top header */
.page-top-left {
	width: 60mm;
	height: 10mm;
	/* gramax logo as base64 */
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAxMTMgMzIiIGZpbGw9Im5vbmUiPgo8cGF0aCBkPSJNMTkuMTYgMS40ODM0OUgxNi41ODg5VjBIMjMuMTg2NFYxLjQ4MzQ5SDIwLjYxNTJWMjkuOTE4MUgyMy4xODY0VjMxLjQwMTZIMTYuNTg4OVYyOS45MTgxSDE5LjE2VjEuNDgzNDlaIiBmaWxsPSIjOEU5NjlFIi8+CjxwYXRoIGQ9Ik01My41NTMgMjIuNjAzN0M1My42ODg2IDIyLjc0MiA1My44NjMgMjIuODExMSA1NC4wNzYyIDIyLjgxMTFINTcuNTA2QzU3LjcxOTIgMjIuODExMSA1Ny44OTM1IDIyLjc0MiA1OC4wMjkyIDIyLjYwMzdDNTguMTg0MiAyMi40NjU0IDU4LjI2MTcgMjIuMjg3NiA1OC4yNjE3IDIyLjA3MDNWMTMuODMyNkM1OC4yNjE3IDEzLjE2MDkgNTguMzU4NiAxMi42Mjc1IDU4LjU1MjQgMTIuMjMyNEM1OC43NjU1IDExLjgxNzYgNTkuMDM2OCAxMS41MjEyIDU5LjM2NjIgMTEuMzQzNEM1OS43MTUgMTEuMTY1NyA2MC4wNjM4IDExLjA3NjggNjAuNDEyNiAxMS4wNzY4QzYwLjgxOTYgMTEuMDc2OCA2MS4xODc3IDExLjE2NTcgNjEuNTE3MSAxMS4zNDM0QzYxLjg0NjYgMTEuNTIxMiA2Mi4xMTc5IDExLjgxNzYgNjIuMzMxIDEyLjIzMjRDNjIuNTQ0MiAxMi42Mjc1IDYyLjY1MDcgMTMuMTcwOCA2Mi42NTA3IDEzLjg2MjJWMjIuMDcwM0M2Mi42NTA3IDIyLjI4NzYgNjIuNzE4NiAyMi40NjU0IDYyLjg1NDIgMjIuNjAzN0M2Mi45ODk4IDIyLjc0MiA2My4xNjQyIDIyLjgxMTEgNjMuMzc3NCAyMi44MTExSDY2Ljc0OTFDNjYuOTYyMiAyMi44MTExIDY3LjEzNjYgMjIuNzQyIDY3LjI3MjMgMjIuNjAzN0M2Ny40MDc5IDIyLjQ2NTQgNjcuNDc1NyAyMi4yODc2IDY3LjQ3NTcgMjIuMDcwM1YxMy44NjIyQzY3LjQ3NTcgMTMuMTcwOCA2Ny41NzI2IDEyLjYyNzUgNjcuNzY2NCAxMi4yMzI0QzY3Ljk3OTYgMTEuODE3NiA2OC4yNTA4IDExLjUyMTIgNjguNTgwMyAxMS4zNDM0QzY4LjkyOTEgMTEuMTY1NyA2OS4yNzc5IDExLjA3NjggNjkuNjI2NyAxMS4wNzY4QzcwLjA1MyAxMS4wNzY4IDcwLjQzMDggMTEuMTY1NyA3MC43NjAyIDExLjM0MzRDNzEuMDg5NyAxMS41MjEyIDcxLjM1MTMgMTEuODE3NiA3MS41NDUgMTIuMjMyNEM3MS43Mzg4IDEyLjYyNzUgNzEuODM1NyAxMy4xNzA4IDcxLjgzNTcgMTMuODYyMlYyMi4wNzAzQzcxLjgzNTcgMjIuMjg3NiA3MS45MDM1IDIyLjQ2NTQgNzIuMDM5MiAyMi42MDM3QzcyLjE5NDIgMjIuNzQyIDcyLjM3ODMgMjIuODExMSA3Mi41OTE0IDIyLjgxMTFINzUuOTYzMUM3Ni4xNTY5IDIyLjgxMTEgNzYuMzIxNiAyMi43NDIgNzYuNDU3MiAyMi42MDM3Qzc2LjYxMjMgMjIuNDY1NCA3Ni42ODk4IDIyLjI4NzYgNzYuNjg5OCAyMi4wNzAzVjEzLjY1NDhDNzYuNjg5OCAxMi4xMzM2IDc2LjQ0NzYgMTAuODk5IDc1Ljk2MzEgOS45NTA3M0M3NS40Nzg3IDguOTgyNzUgNzQuODI5NSA4LjI3MTU3IDc0LjAxNTcgNy44MTcyMUM3My4yMjEyIDcuMzQzMSA3Mi4zMjAxIDcuMTA2MDQgNzEuMzEyNSA3LjEwNjA0QzcwLjMyNDIgNy4xMDYwNCA2OS40MTM1IDcuMzUyOTcgNjguNTgwMyA3Ljg0Njg0QzY3Ljc0NyA4LjMyMDk2IDY3LjEwNzYgOC45MzMzNiA2Ni42NjE5IDkuNjg0MDRDNjUuODI4NyA3LjkyNTg2IDY0LjI5NzggNy4wNjY1MyA2Mi4wNjk0IDcuMTA2MDRDNjEuMTE5OSA3LjEyNTc5IDYwLjI5NjQgNy4zNDMxIDU5LjU5ODggNy43NTc5NUM1OC45MDEyIDguMTUzMDQgNTguMzU4NiA4LjYxNzI4IDU3Ljk3MTEgOS4xNTA2NlY4LjE0MzE3QzU3Ljk3MTEgNy45MjU4NiA1Ny45MDMyIDcuNzQ4MDcgNTcuNzY3NiA3LjYwOTc5QzU3LjYzMiA3LjQ3MTUgNTcuNDU3NiA3LjQwMjM2IDU3LjI0NDQgNy40MDIzNkg1NC4wNzYyQzUzLjg2MyA3LjQwMjM2IDUzLjY4ODYgNy40NzE1IDUzLjU1MyA3LjYwOTc5QzUzLjQxNzMgNy43NDgwNyA1My4zNDk1IDcuOTI1ODYgNTMuMzQ5NSA4LjE0MzE3VjIyLjA3MDNDNTMuMzQ5NSAyMi4yODc2IDUzLjQxNzMgMjIuNDY1NCA1My41NTMgMjIuNjAzN1oiIGZpbGw9IiMxMjEzMTUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MC43MzkzIDIzLjEwNzRDMzkuNjkyOSAyMy4xMDc0IDM4Ljc1MzEgMjIuOTA5OSAzNy45MTk4IDIyLjUxNDhDMzcuMTA2IDIyLjA5OTkgMzYuNDU2OCAyMS41NDY4IDM1Ljk3MjQgMjAuODU1NEMzNS40ODc5IDIwLjE2NCAzNS4yNDU3IDE5LjM4MzcgMzUuMjQ1NyAxOC41MTQ0QzM1LjI0NTcgMTcuMTExOSAzNS44MDc3IDE2LjAwNTYgMzYuOTMxNiAxNS4xOTU2QzM4LjA1NTUgMTQuMzY1OSAzOS41NDc1IDEzLjgwMjkgNDEuNDA3OCAxMy41MDY2TDQ1LjA0MTEgMTIuOTQzNlYxMi41Mjg3QzQ1LjA0MTEgMTEuODE3NiA0NC44OTU3IDExLjI3NDMgNDQuNjA1MSAxMC44OTlDNDQuMzE0NCAxMC41MjM2IDQzLjc4MTUgMTAuMzM2IDQzLjAwNjQgMTAuMzM2QzQyLjQ2MzkgMTAuMzM2IDQyLjAxODIgMTAuNDQ0NiA0MS42Njk0IDEwLjY2MTlDNDEuMzQgMTAuODc5MiA0MS4wNzg0IDExLjE3NTUgNDAuODg0NiAxMS41NTA5QzQwLjcxMDIgMTEuODA3NyA0MC40NjggMTEuOTM2MSA0MC4xNTc5IDExLjkzNjFIMzYuOTAyNUMzNi42ODk0IDExLjkzNjEgMzYuNTI0NiAxMS44NzY4IDM2LjQwODQgMTEuNzU4M0MzNi4yOTIxIDExLjYyIDM2LjI0MzcgMTEuNDYyIDM2LjI2MzEgMTEuMjg0MkMzNi4yNjMxIDEwLjkyODYgMzYuMzg5IDEwLjUyMzYgMzYuNjQwOSAxMC4wNjkzQzM2LjkxMjIgOS41OTUxNSAzNy4zMTkxIDkuMTMwOTEgMzcuODYxNyA4LjY3NjU1QzM4LjQwNDMgOC4yMjIxOSAzOS4xMDE5IDcuODQ2ODQgMzkuOTU0NSA3LjU1MDUyQzQwLjgwNzEgNy4yNTQyIDQxLjgzNDEgNy4xMDYwNCA0My4wMzU1IDcuMTA2MDRDNDQuMjk1IDcuMTA2MDQgNDUuMzcwNSA3LjI1NDIgNDYuMjYxOSA3LjU1MDUyQzQ3LjE1MzIgNy44NDY4NCA0Ny44NzAyIDguMjYxNyA0OC40MTI4IDguNzk1MDhDNDguOTc0NyA5LjMyODQ2IDQ5LjM5MTMgOS45NjA2MSA0OS42NjI2IDEwLjY5MTVDNDkuOTMzOSAxMS40MDI3IDUwLjA2OTYgMTIuMTkyOSA1MC4wNjk2IDEzLjA2MjFWMjIuMDcwM0M1MC4wNjk2IDIyLjI4NzYgNDkuOTkyIDIyLjQ2NTQgNDkuODM3IDIyLjYwMzdDNDkuNzAxNCAyMi43NDIgNDkuNTM2NyAyMi44MTExIDQ5LjM0MjkgMjIuODExMUg0NS45NzEyQzQ1Ljc1OCAyMi44MTExIDQ1LjU4MzcgMjIuNzQyIDQ1LjQ0OCAyMi42MDM3QzQ1LjMxMjQgMjIuNDY1NCA0NS4yNDQ1IDIyLjI4NzYgNDUuMjQ0NSAyMi4wNzAzVjIxLjAzMzJDNDQuOTkyNiAyMS40MDg1IDQ0LjY1MzUgMjEuNzU0MiA0NC4yMjcyIDIyLjA3MDNDNDMuODAwOSAyMi4zODY0IDQzLjI5NzEgMjIuNjMzMyA0Mi43MTU4IDIyLjgxMTFDNDIuMTUzOCAyMy4wMDg3IDQxLjQ5NSAyMy4xMDc0IDQwLjczOTMgMjMuMTA3NFpNNDIuMTA1NCAxOS43Mjk0QzQyLjY2NzMgMTkuNzI5NCA0My4xNzExIDE5LjYxMDggNDMuNjE2OCAxOS4zNzM4QzQ0LjA4MTkgMTkuMTEyIDQ0LjQ0MDQgMTguNzMxNyA0NC42OTIzIDE4LjIxODFDNDQuOTYzNiAxNy42ODQ3IDQ1LjA5OTIgMTcuMDIzIDQ1LjA5OTIgMTYuMjMyOFYxNS44MTc5TDQyLjYyODYgMTYuMjYyNEM0MS43MTc4IDE2LjQyMDQgNDEuMDQ5MyAxNi42Njc0IDQwLjYyMyAxNy4wMDMyQzQwLjIxNjEgMTcuMzE5MyA0MC4wMTI2IDE3LjY5NDYgNDAuMDEyNiAxOC4xMjkyQzQwLjAxMjYgMTguNDY1MSA0MC4xMDk1IDE4Ljc1MTUgNDAuMzAzMyAxOC45ODg2QzQwLjQ5NyAxOS4yMjU2IDQwLjc0OSAxOS40MTMzIDQxLjA1OSAxOS41NTE2QzQxLjM2OSAxOS42NzAxIDQxLjcxNzggMTkuNzI5NCA0Mi4xMDU0IDE5LjcyOTRaIiBmaWxsPSIjMTIxMzE1Ii8+CjxwYXRoIGQ9Ik0yMy45ODggMjIuODExMUMyMy43NzQ4IDIyLjgxMTEgMjMuNjAwNCAyMi43NDIgMjMuNDY0OCAyMi42MDM3QzIzLjMyOTEgMjIuNDY1NCAyMy4yNjEzIDIyLjI4NzYgMjMuMjYxMyAyMi4wNzAzVjguMTQzMTdDMjMuMjYxMyA3Ljk0NTYyIDIzLjMyOTEgNy43Nzc3IDIzLjQ2NDggNy42Mzk0MkMyMy42MDA0IDcuNDgxMzggMjMuNzc0OCA3LjQwMjM2IDIzLjk4OCA3LjQwMjM2SDI3LjMzMDZDMjcuNTQzOCA3LjQwMjM2IDI3LjcxODIgNy40ODEzOCAyNy44NTM4IDcuNjM5NDJDMjcuOTg5NCA3Ljc3NzcgMjguMDU3MyA3Ljk0NTYyIDI4LjA1NzMgOC4xNDMxN1Y5LjMyODQ2QzI4LjU4MDUgOC43MTYwNiAyOS4yMDA1IDguMjQxOTQgMjkuOTE3NSA3LjkwNjExQzMwLjY1MzkgNy41NzAyOCAzMS40Nzc0IDcuNDAyMzYgMzIuMzg4MSA3LjQwMjM2SDMzLjY2NzFDMzMuODYwOCA3LjQwMjM2IDM0LjAyNTUgNy40NzE1IDM0LjE2MTIgNy42MDk3OUMzNC4zMTYyIDcuNzQ4MDcgMzQuMzkzNyA3LjkyNTg2IDM0LjM5MzcgOC4xNDMxN1YxMS4xOTUzQzM0LjM5MzcgMTEuMzkyOCAzNC4zMTYyIDExLjU3MDYgMzQuMTYxMiAxMS43Mjg3QzM0LjAyNTUgMTEuODY2OSAzMy44NjA4IDExLjkzNjEgMzMuNjY3MSAxMS45MzYxSDMwLjg0NzZDMzAuMDUzMSAxMS45MzYxIDI5LjQzMzEgMTIuMTYzMyAyOC45ODc0IDEyLjYxNzZDMjguNTYxMSAxMy4wNTIyIDI4LjM0NzkgMTMuNjc0NSAyOC4zNDc5IDE0LjQ4NDVWMjIuMDcwM0MyOC4zNDc5IDIyLjI4NzYgMjguMjcwNCAyMi40NjU0IDI4LjExNTQgMjIuNjAzN0MyNy45Nzk3IDIyLjc0MiAyNy44MDU0IDIyLjgxMTEgMjcuNTkyMiAyMi44MTExSDIzLjk4OFoiIGZpbGw9IiMxMjEzMTUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04NC40ODA3IDIzLjEwNzRDODMuNDM0MyAyMy4xMDc0IDgyLjQ5NDUgMjIuOTA5OSA4MS42NjEzIDIyLjUxNDhDODAuODQ3NCAyMi4wOTk5IDgwLjE5ODIgMjEuNTQ2OCA3OS43MTM4IDIwLjg1NTRDNzkuMjI5NCAyMC4xNjQgNzguOTg3MiAxOS4zODM3IDc4Ljk4NzIgMTguNTE0NEM3OC45ODcyIDE3LjExMTkgNzkuNTQ5MSAxNi4wMDU2IDgwLjY3MyAxNS4xOTU2QzgxLjc5NjkgMTQuMzY1OSA4My4yODkgMTMuODAyOSA4NS4xNDkyIDEzLjUwNjZMODguNzgyNSAxMi45NDM2VjEyLjUyODdDODguNzgyNSAxMS44MTc2IDg4LjYzNzIgMTEuMjc0MyA4OC4zNDY1IDEwLjg5OUM4OC4wNTU4IDEwLjUyMzYgODcuNTIzIDEwLjMzNiA4Ni43NDc5IDEwLjMzNkM4Ni4yMDUzIDEwLjMzNiA4NS43NTk2IDEwLjQ0NDYgODUuNDEwOCAxMC42NjE5Qzg1LjA4MTQgMTAuODc5MiA4NC44MTk4IDExLjE3NTUgODQuNjI2IDExLjU1MDlDODQuNDUxNiAxMS44MDc3IDg0LjIwOTQgMTEuOTM2MSA4My44OTk0IDExLjkzNjFIODAuNjQzOUM4MC40MzA4IDExLjkzNjEgODAuMjY2MSAxMS44NzY4IDgwLjE0OTggMTEuNzU4M0M4MC4wMzM1IDExLjYyIDc5Ljk4NTEgMTEuNDYyIDgwLjAwNDUgMTEuMjg0MkM4MC4wMDQ1IDEwLjkyODYgODAuMTMwNCAxMC41MjM2IDgwLjM4MjMgMTAuMDY5M0M4MC42NTM2IDkuNTk1MTUgODEuMDYwNSA5LjEzMDkxIDgxLjYwMzEgOC42NzY1NUM4Mi4xNDU3IDguMjIyMTkgODIuODQzMyA3Ljg0Njg0IDgzLjY5NTkgNy41NTA1MkM4NC41NDg1IDcuMjU0MiA4NS41NzU1IDcuMTA2MDQgODYuNzc2OSA3LjEwNjA0Qzg4LjAzNjUgNy4xMDYwNCA4OS4xMTE5IDcuMjU0MiA5MC4wMDMzIDcuNTUwNTJDOTAuODk0NyA3Ljg0Njg0IDkxLjYxMTYgOC4yNjE3IDkyLjE1NDIgOC43OTUwOEM5Mi43MTYxIDkuMzI4NDYgOTMuMTMyOCA5Ljk2MDYxIDkzLjQwNDEgMTAuNjkxNUM5My42NzUzIDExLjQwMjcgOTMuODExIDEyLjE5MjkgOTMuODExIDEzLjA2MjFWMjIuMDcwM0M5My44MTEgMjIuMjg3NiA5My43MzM1IDIyLjQ2NTQgOTMuNTc4NSAyMi42MDM3QzkzLjQ0MjggMjIuNzQyIDkzLjI3ODEgMjIuODExMSA5My4wODQzIDIyLjgxMTFIODkuNzEyNkM4OS40OTk1IDIyLjgxMTEgODkuMzI1MSAyMi43NDIgODkuMTg5NCAyMi42MDM3Qzg5LjA1MzggMjIuNDY1NCA4OC45ODYgMjIuMjg3NiA4OC45ODYgMjIuMDcwM1YyMS4wMzMyQzg4LjczNDEgMjEuNDA4NSA4OC4zOTUgMjEuNzU0MiA4Ny45Njg3IDIyLjA3MDNDODcuNTQyMyAyMi4zODY0IDg3LjAzODUgMjIuNjMzMyA4Ni40NTcyIDIyLjgxMTFDODUuODk1MiAyMy4wMDg3IDg1LjIzNjQgMjMuMTA3NCA4NC40ODA3IDIzLjEwNzRaTTg1Ljg0NjggMTkuNzI5NEM4Ni40MDg4IDE5LjcyOTQgODYuOTEyNiAxOS42MTA4IDg3LjM1ODIgMTkuMzczOEM4Ny44MjMzIDE5LjExNyA4OC4xODE4IDE4LjczMTcgODguNDMzNyAxOC4yMTgxQzg4LjcwNSAxNy42ODQ3IDg4Ljg0MDYgMTcuMDIzIDg4Ljg0MDYgMTYuMjMyOFYxNS44MTc5TDg2LjM3IDE2LjI2MjRDODUuNDU5MyAxNi40MjA0IDg0Ljc5MDcgMTYuNjY3NCA4NC4zNjQ0IDE3LjAwMzJDODMuOTU3NSAxNy4zMTkzIDgzLjc1NCAxNy42OTQ2IDgzLjc1NCAxOC4xMjkyQzgzLjc1NCAxOC40NjUxIDgzLjg1MDkgMTguNzUxNSA4NC4wNDQ3IDE4Ljk4ODZDODQuMjM4NSAxOS4yMjU2IDg0LjQ5MDQgMTkuNDEzMyA4NC44MDA0IDE5LjU1MTZDODUuMTEwNSAxOS42NzAxIDg1LjQ1OTMgMTkuNzI5NCA4NS44NDY4IDE5LjcyOTRaIiBmaWxsPSIjMTIxMzE1Ii8+CjxwYXRoIGQ9Ik05Ni4wMTU1IDIyLjYzMzNDOTYuMTUxMSAyMi43NTE5IDk2LjMwNjEgMjIuODExMSA5Ni40ODA1IDIyLjgxMTFIMTAwLjA4NUMxMDAuMzM3IDIyLjgxMTEgMTAwLjUyMSAyMi43NTE5IDEwMC42MzcgMjIuNjMzM0wxMDAuOTI4IDIyLjMzN0wxMDMuODkyIDE4LjI3NzRMMTA2LjgyOCAyMi4zMzdDMTA2LjkwNiAyMi40MzU4IDEwNy4wMDMgMjIuNTQ0NCAxMDcuMTE5IDIyLjY2M0MxMDcuMjM1IDIyLjc2MTcgMTA3LjQwOSAyMi44MTExIDEwNy42NDIgMjIuODExMUgxMTEuMzMzQzExMS41MjcgMjIuODExMSAxMTEuNjgyIDIyLjc1MTkgMTExLjc5OSAyMi42MzMzQzExMS45MzQgMjIuNDk1IDExMi4wMDIgMjIuMzM3IDExMi4wMDIgMjIuMTU5MkMxMTIuMDAyIDIyLjA4MDIgMTExLjk5MiAyMi4wMDEyIDExMS45NzMgMjEuOTIyMkMxMTEuOTU0IDIxLjg0MzEgMTExLjkwNSAyMS43NjQxIDExMS44MjggMjEuNjg1MUwxMDYuOTE1IDE0Ljg5OTNMMTExLjQ1IDguNTI4MzlDMTExLjUwOCA4LjQ0OTM3IDExMS41NDcgOC4zNzAzNSAxMTEuNTY2IDguMjkxMzNDMTExLjU4NSA4LjIxMjMxIDExMS41OTUgOC4xMzMyOSAxMTEuNTk1IDguMDU0MjdDMTExLjU5NSA3Ljg3NjQ4IDExMS41MjcgNy43MjgzMiAxMTEuMzkyIDcuNjA5NzlDMTExLjI3NSA3LjQ3MTUgMTExLjEzIDcuNDAyMzYgMTEwLjk1NiA3LjQwMjM2SDEwNy41NTVDMTA3LjMwMyA3LjQwMjM2IDEwNy4xMDkgNy40NzE1IDEwNi45NzMgNy42MDk3OUMxMDYuODU3IDcuNzI4MzIgMTA2Ljc2IDcuODM2OTcgMTA2LjY4MyA3LjkzNTc0TDEwNC4wMDkgMTEuNzI4N0wxMDEuMzA2IDcuOTA2MTFDMTAxLjI0NyA3LjgwNzMzIDEwMS4xNTEgNy42OTg2OCAxMDEuMDE1IDcuNTgwMTZDMTAwLjg5OSA3LjQ2MTYzIDEwMC43MTUgNy40MDIzNiAxMDAuNDYzIDcuNDAyMzZIOTYuOTE2NUM5Ni43NDIxIDcuNDAyMzYgOTYuNTg3MSA3LjQ3MTUgOTYuNDUxNSA3LjYwOTc5Qzk2LjMxNTggNy43MjgzMiA5Ni4yNDggNy44NzY0OCA5Ni4yNDggOC4wNTQyN0M5Ni4yNDggOC4xMzMyOSA5Ni4yNTc3IDguMjEyMzEgOTYuMjc3MSA4LjI5MTMzQzk2LjMxNTggOC4zNzAzNSA5Ni4zNjQzIDguNDQ5MzcgOTYuNDIyNCA4LjUyODM5TDEwMC44NCAxNC44OTkzTDk1Ljk4NjQgMjEuNjg1MUM5NS45MjgzIDIxLjc2NDEgOTUuODg5NSAyMS44NTMgOTUuODcwMiAyMS45NTE4Qzk1Ljg1MDggMjIuMDMwOCA5NS44NDExIDIyLjA5OTkgOTUuODQxMSAyMi4xNTkyQzk1Ljg0MTEgMjIuMzM3IDk1Ljg5OTIgMjIuNDk1IDk2LjAxNTUgMjIuNjMzM1oiIGZpbGw9IiMxMjEzMTUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjU2MDc0IDI5LjM2MDdDNy4wNjg2NyAyOS4zNjA3IDUuODI4NSAyOS4xNjMyIDQuODQwMjUgMjguNzY4MUMzLjg3MTM3IDI4LjM3MyAzLjA5NjI3IDI3Ljg5ODkgMi41MTQ5NCAyNy4zNDU3QzEuOTUyOTkgMjYuNzkyNiAxLjU0NjA2IDI2LjIzOTUgMS4yOTQxNiAyNS42ODYzQzEuMDQyMjUgMjUuMTUzIDAuOTA2NjA1IDI0LjcyODIgMC44ODcyMjggMjQuNDEyMkMwLjg2Nzg1IDI0LjE5NDggMC45MzU2NzIgMjQuMDE3MSAxLjA5MDY5IDIzLjg3ODhDMS4yNDU3MSAyMy43NDA1IDEuNDI5OCAyMy42NzEzIDEuNjQyOTUgMjMuNjcxM0g1LjMzNDM4QzUuNTA4NzggMjMuNjcxMyA1LjY1NDExIDIzLjcxMDkgNS43NzAzNyAyMy43ODk5QzUuOTA2MDEgMjMuODg4NyA2LjAxMjU5IDI0LjA0NjcgNi4wOTAxIDI0LjI2NEM2LjE4Njk5IDI0LjQ4MTMgNi4zMTI5NCAyNC43MDg1IDYuNDY3OTYgMjQuOTQ1NUM2LjY0MjM2IDI1LjE4MjYgNi44NzQ4OSAyNS4zNzAzIDcuMTY1NTYgMjUuNTA4NUM3LjQ3NTYgMjUuNjY2NiA3Ljg5MjIxIDI1Ljc0NTYgOC40MTU0MSAyNS43NDU2QzguOTk2NzQgMjUuNzQ1NiA5LjQ4MTE3IDI1LjY0NjggOS44Njg3MyAyNS40NDkzQzEwLjI1NjMgMjUuMjcxNSAxMC41NDY5IDI0Ljk2NTMgMTAuNzQwNyAyNC41MzA3QzEwLjkzNDUgMjQuMTE1OCAxMS4wMzE0IDIzLjU1MjggMTEuMDMxNCAyMi44NDE2VjIwLjg1NjNDMTAuNTg1NyAyMS4zNTAyIDEwLjAxNDEgMjEuNzU1MSA5LjMxNjQ2IDIyLjA3MTJDOC42MTg4NyAyMi4zNjc1IDcuNzc1OTUgMjIuNTE1NyA2Ljc4NzY5IDIyLjUxNTdDNS43OTk0NCAyMi41MTU3IDQuOTI3NDUgMjIuMzY3NSA0LjE3MTcyIDIyLjA3MTJDMy40MTYgMjEuNzc0OSAyLjc4NjIzIDIxLjMzMDQgMi4yODI0MSAyMC43Mzc4QzEuNzc4NiAyMC4xNDUxIDEuMzgxMzYgMTkuNDI0MSAxLjA5MDY5IDE4LjU3NDZDMC44MTk0MDYgMTcuNzI1MSAwLjY1NDY5NyAxNi43NDczIDAuNTk2NTY0IDE1LjY0MUMwLjU3NzE4NyAxNS4xMjc0IDAuNTc3MTg3IDE0LjYxMzggMC41OTY1NjQgMTQuMTAwMUMwLjY1NDY5NyAxMy4wMzM0IDAuODE5NDA2IDEyLjA3NTMgMS4wOTA2OSAxMS4yMjU4QzEuMzYxOTggMTAuMzc2NCAxLjc0OTUzIDkuNjQ1NDMgMi4yNTMzNSA5LjAzMzAzQzIuNzc2NTQgOC40MjA2MyAzLjQxNiA3Ljk1NjM5IDQuMTcxNzIgNy42NDAzMkM0LjkyNzQ1IDcuMzA0NDggNS43OTk0NCA3LjEzNjU3IDYuNzg3NjkgNy4xMzY1N0M3LjgzNDA4IDcuMTM2NTcgOC43MjU0NSA3LjM0Mzk5IDkuNDYxOCA3Ljc1ODg0QzEwLjIxNzUgOC4xNTM5NCAxMC44Mzc2IDguNjU3NjkgMTEuMzIyIDkuMjcwMDlWOC4xNzM3QzExLjMyMiA3Ljk3NjE1IDExLjM4OTkgNy44MDgyMyAxMS41MjU1IDcuNjY5OTVDMTEuNjYxMSA3LjUxMTkxIDExLjgzNTUgNy40MzI4OSAxMi4wNDg3IDcuNDMyODlIMTUuMzkxM0MxNS42MDQ1IDcuNDMyODkgMTUuNzc4OSA3LjUxMTkxIDE1LjkxNDUgNy42Njk5NUMxNi4wNjk1IDcuODA4MjMgMTYuMTQ3MSA3Ljk3NjE1IDE2LjE0NzEgOC4xNzM3VjIyLjQyNjhDMTYuMTQ3MSAyMy45MjgyIDE1Ljg0NjcgMjUuMTkyNSAxNS4yNDYgMjYuMjE5N0MxNC42NDUzIDI3LjI0NyAxMy43ODMgMjguMDI3MyAxMi42NTkxIDI4LjU2MDdDMTEuNTM1MiAyOS4wOTQgMTAuMTY5MSAyOS4zNjA3IDguNTYwNzQgMjkuMzYwN1pNOC4zNTcyOCAxOC42NjM1QzguOTc3MzYgMTguNjYzNSA5LjQ4MTE3IDE4LjUyNTIgOS44Njg3MyAxOC4yNDg3QzEwLjI1NjMgMTcuOTcyMSAxMC41MzczIDE3LjYxNjUgMTAuNzExNiAxNy4xODE5QzEwLjkwNTQgMTYuNzQ3MyAxMS4wMTIgMTYuMjgzIDExLjAzMTQgMTUuNzg5MkMxMS4wNTA4IDE1LjU3MTkgMTEuMDYwNCAxNS4yNjU3IDExLjA2MDQgMTQuODcwNkMxMS4wNjA0IDE0LjQ3NTUgMTEuMDUwOCAxNC4xNzkyIDExLjAzMTQgMTMuOTgxNkMxMS4wMTIgMTMuNDY4IDEwLjkwNTQgMTIuOTkzOSAxMC43MTE2IDEyLjU1OTNDMTAuNTM3MyAxMi4xMjQ3IDEwLjI1NjMgMTEuNzc4OSA5Ljg2ODczIDExLjUyMjFDOS40ODExNyAxMS4yNDU2IDguOTc3MzYgMTEuMTA3MyA4LjM1NzI4IDExLjEwNzNDNy43MTc4MiAxMS4xMDczIDcuMjA0MzEgMTEuMjQ1NiA2LjgxNjc2IDExLjUyMjFDNi40NDg1OSAxMS43OTg3IDYuMTc3MyAxMi4xNzQgNi4wMDI5IDEyLjY0ODIDNS44NDc4OCAxMy4xMjIzIDUuNzUwOTkgMTMuNjQ1OCA1LjcxMjI0IDE0LjIxODdDNS42OTI4NiAxNC42NTMzIDUuNjkyODYgMTUuMDk3OCA1LjcxMjI0IDE1LjU1MjFDNS43NTA5OSAxNi4xMjUgNS44NDc4OCAxNi42NDg1IDYuMDAyOSAxNy4xMjI2QzYuMTc3MyAxNy41OTY3IDYuNDQ4NTkgMTcuOTcyMSA2LjgxNjc2IDE4LjI0ODdDNy4yMDQzMSAxOC41MjUyIDcuNzE3ODIgMTguNjYzNSA4LjM1NzI4IDE4LjY2MzVaIiBmaWxsPSIjMTIxMzE1Ii8+Cjwvc3ZnPg==)
		left/contain no-repeat;
}

/* Title in the right cell of top header */
.page-top-right::after {
	content: var(--title);
}

.page .page-content {
  /* If an image does not fit at 80% scale, split it across pages */
  --pdf-min-scale: 0.8;
  /* Split parts keep original size */
  --pdf-split-scale: 1;
}
Elements and selectors

  • Regular text — p

  • Article title — h1

  • Subheadings — h2, h3, h4

  • Link — a

  • Bold — strong

  • Italic — em

  • Inline code — span.inline-code > code

  • Notes — div.admonition.admonition-{type}

    • Title — .admonition-heading > div > title

    • Content — .admonition-content > .paragraph

  • Table — table

    • Header row cells td.cell-header-row

    • Header column cells td.cell-header-col

    • Any header cell has the .cell-header class

  • Code block — pre

  • Button — button

  • Tabs — div.tabs

  • Images — img

Step 2: Upload template to Gramax

Place the template file in the following path:

[space folder]/.workspace/assets/pdf/

  • Templates are uploaded separately for each space.

  • If .workspace, assets, or pdf folders do not exist at this path, create them manually.

After that, users can select the template during export in the interface.