Children’s event / Shared CSS and settings

These are the CSS and project settings shared by all pages of this example. The CSS extends the product’s business preset. Use them together with the individual page sources.

Back to example overview

design/theme.css

/* Original sample CSS, extends business preset. */
.ps-mode-paged{font-size:11pt;line-height:1.6;}.ps-mode-paged .ps-fixed>.ps-body{padding:18mm 18mm;}
 :root{--accent:#315b80;--text:#243e50;--muted:#526b74;--background:#fffdf5;}h1{font-size:31pt;line-height:1.2;color:#315b80;}h2{font-size:16pt;color:#315b80;border-bottom:3pt solid #e8b648;}table{font-size:10pt;}th{background:#315b80;color:#fff;}td{padding:9pt;border-color:#c8d4cc;}tbody tr:nth-child(even){background:#eef5d9;}blockquote{border:2pt solid #e8b648;border-radius:12pt;background:#fff2b8;padding:12pt;color:#3c4a35;}figure{margin:10pt 0;}

.illustration-panel img{width:100%;max-height:55mm;object-fit:contain;}.illustration-panel figcaption{font-size:9pt;line-height:1.4;}

.ps-body>p:last-child{background:#fffdf5;padding:5pt 8pt;border-radius:6pt;}ul{background:#fffdf5;padding:8pt 8pt 8pt 22pt;border-radius:8pt;}

.ps-body>p:last-child{font-size:9pt;line-height:1.4;}

.wworpoint/project.json

{
  "schemaVersion": 1,
  "name": "design-children-en",
  "entry": "document.md",
  "document": {
    "mode": "paged",
    "lang": "en-US",
    "defaultPage": {
      "size": "A4",
      "orientation": "portrait"
    }
  },
  "theme": {
    "preset": "business",
    "entry": "design/theme.css"
  },
  "output": {
    "directory": "dist",
    "formats": [
      "pdf"
    ]
  },
  "security": {
    "html": "none",
    "sharedAssetRoots": []
  }
}