From d863bee7e93fd9a417acfa2aa8a02bc0be3ce6d7 Mon Sep 17 00:00:00 2001
From: grgr <gargaglione.erica@gmail.com>
Date: Thu, 5 May 2022 18:22:31 +0200
Subject: [PATCH] fix structure in css

---
 style.css | 61 +++++++++++++++++++++++++++++++++++++++----------------
 1 file changed, 43 insertions(+), 18 deletions(-)

diff --git a/style.css b/style.css
index 67f90a6..ed194d7 100644
--- a/style.css
+++ b/style.css
@@ -14,7 +14,7 @@
 
 
 /* To define how the book look on the screen: */
-@media screen {
+@media screen{
     body {
         background-color: var(--color-background);
     }
@@ -43,23 +43,7 @@
         object-fit: contain;
     }
 
-    @page {
-        size: A5;
-        margin: 10mm 15mm;
-        bleed: 6mm;
-        marks: crop cross;
-    }
-    @page:left {
-        margin-left: 8mm;
-        margin-right: 15mm;
-    }
-    @page:right {
-        margin-left: 15mm;
-        margin-right: 8mm;
-    }  
-    @page:first{
-        margin: 8mm 8mm 8mm 8mm;
-    }
+    
     /*comment - uncomment below to see the double page on the web interface*/
     .pagedjs_pages {
         display: flex;
@@ -138,7 +122,48 @@
 }
 
 
+@media print{
+    @page {
+        size: A5;
+        margin: 10mm 15mm;
+        bleed: 6mm;
+        marks: crop cross;
+    }
+    @page:left {
+        margin-left: 8mm;
+        margin-right: 15mm;
+    }
+    @page:right {
+        margin-left: 15mm;
+        margin-right: 8mm;
+    }  
+    @page:first{
+        margin: 8mm 8mm 8mm 8mm;
+    }
+    .frontispiece{
+        text-align: center;
+    }
+    .frontispiece h4{
+        position: absolute;
+        bottom: 0;
+        left: 50%;
+        transform: translate(-50%, 0);
+    }
+
+    .index{
+        break-before: recto;
+        text-align: center;
+    }
+
+    .chapter{
+        break-before: page;
+    }
 
+    .chapter img{
+        width: 100%;
+        object-fit: contain;
+    }
+}
 
 
 /* Marks (to delete when merge in paged.js) */