backing up the print.css

command-line/css/print.css

@@ -7,6 +7,13 @@
     --second-indent: 20mm;
 }
 
+/* --------------- */
+
+/* h1: section titles */
+/* h2: contribution titles */
+
+/* --------------- */
+
 @font-face{
     font-family: "bitter";
     src: url(../fonts/Bitter-Medium.ttf);
@@ -105,7 +112,7 @@ html, body{
     margin: 14.758mm 29.125mm 21.225mm 18mm;
 }
 @page:right{
-    /* running header: contribution title (h2) */
+    /* running header: contribution title (taken from the h2 of the contribution) */
     @top-center{
         content: string(contributiontitle);
         font-size: 8pt;
@@ -114,7 +121,7 @@ html, body{
     }
 }
 @page:left{
-    /* running header: section title (h1) */
+    /* running header: section title (taken from the h1 of the section) */
     @top-center{
         content: element(sectiontitle);
         font-size: 8pt;
@@ -122,61 +129,20 @@ html, body{
         margin-top: 5mm;
     }
 }
-@page section{
+
+@page:first{
+    /* cover */
+    background: linear-gradient(180deg, #787cc0, #c0c1e7);
+
     @top-center{
         content: none;
     }
-}
-    @page section:first{
-        @bottom-center{
-            content: none;
-        }
-    }
-    /* section title pages */
-    @page:nth(28){
-        background: linear-gradient(180deg, #787cc0, #c0c1e7);
-    }
-    @page:nth(29){
-        background: linear-gradient(180deg, #787cc0, #c0c1e7);
-    }
-    @page:nth(100){
-        background: linear-gradient(180deg, #787cc0, #c0c1e7);
-    }
-    @page:nth(101){
-        background: linear-gradient(180deg, #787cc0, #c0c1e7);
-    }
-    @page:nth(160){
-        background: linear-gradient(180deg, #787cc0, #c0c1e7);
-    }
-    @page:nth(161){
-        background: linear-gradient(180deg, #787cc0, #c0c1e7);
-    }
-    @page:nth(206){
-        background: linear-gradient(180deg, #787cc0, #c0c1e7);
-    }
-    @page:nth(207){
-        background: linear-gradient(180deg, #787cc0, #c0c1e7);
-    }
-    @page:nth(258){
-        background: linear-gradient(180deg, #787cc0, #c0c1e7);
-    }
-    @page:nth(259){
-        background: linear-gradient(180deg, #787cc0, #c0c1e7);
-    }
-    @page:nth(320){
-        background: linear-gradient(180deg, #787cc0, #c0c1e7);
-    }
-    @page:nth(321){
-        background: linear-gradient(180deg, #787cc0, #c0c1e7);
-    }
-@page contribution:first{
-    /* exception for running-header on the first page of a contribution */
-    @top-center{
+    @bottom-center{
         content: none;
     }
 }
-@page:first{
-    /*background-color: #b89ee6;*/
+@page backcover{
+    /* backcover */
     background: linear-gradient(180deg, #787cc0, #c0c1e7);
 
     @top-center{
@@ -186,13 +152,28 @@ html, body{
         content: none;
     }
 }
-@page backcover{
+
+@page section{
+    /* section title pages */
     background: linear-gradient(180deg, #787cc0, #c0c1e7);
+    color: white !important;
 
     @top-center{
         content: none;
     }
     @bottom-center{
+        color: white !important;
+    }
+}
+    @page section:first{    
+ 
+        @bottom-center{
+            content: none;
+        }
+    }
+@page contribution:first{
+    /* exception for running-header on the first page of a contribution */
+    @top-center{
         content: none;
     }
 }
@@ -251,9 +232,9 @@ div.section{
     /* force an extra blank page before each section ... */
     page-break-before: always;
 }
-    div.section.preface_and_introduction{
-        /* reset this extra page break for the preface + introduction section (does not work?) */
-        /*page-break-before: none !important;*/
+    div.section.intro{
+        /* exception for the intro section, as there is no title page for this section */
+        page: contribution !important;
     }
     div.section h1{
         /* ... and make sure that each section starts on the right */
@@ -271,7 +252,8 @@ div.contribution{
     div.preface,
     div.acknowledgements,
     div.introduction,
-    div.contribution{
+    div.contribution,
+    div.appendix{
         page: contribution;
     }
 div.section.nomarks,
@@ -463,6 +445,13 @@ div.two-columns{
 
 /* general elements*/
 
+span.star{
+    /*  ----> ✶ <---  */
+    font-family: monospace;
+    vertical-align: text-bottom;
+    line-height: 1.4;
+}
+
 h1{
     /* section titles */
     font-size: 34pt;
@@ -536,13 +525,15 @@ p{
     padding: 0;
 }
     /* all exceptions on the text-indent */
+    div.note > p,
+    p.image + p,
     div.list-without-markers p,
     div.no-text-indent p,
     div.toc p,
-    div.information-for-users h2 + p + p,
     h2 + p, /* author name */
     h2 + p,
     h2 + p + p + blockquote + p,
+    div.contribution.information-for-users h2 + p + p,
     div.contribution h2 + p + p + div.thumb,
     div.contribution h2 + p + div.thumb,
     h3 + p,
@@ -557,7 +548,9 @@ p{
     blockquote p,
     table p,
     pre + p,
-    blockquote + p{
+    blockquote + p,
+    ul + p,
+    ol + p{
         text-indent: unset !important;
     }
     div.previously_published p,
@@ -568,6 +561,9 @@ p{
     div.contribution.interview-phil h3 + p {
         text-indent: var(--first-indent) !important;
     }    
+    div.contribution.ultrasonic-dreams h2 + p + p + p > b{
+        margin-left: -7mm;
+    }
 
 ul > li {
     list-style: none;
@@ -630,6 +626,13 @@ ul > li {
             margin-bottom: unset !important;
         }
 
+    div.note{
+        font-size: var(--small-font-size);
+        line-height: var(--small-line-height);
+        width: 50mm;
+        margin: 0;
+        hyphens: none;
+    }
 img{
     position: relative;
     display: block;
@@ -705,6 +708,9 @@ img{
         div.invasive-imagination div.thumb img{
             width: 100% !important;
         }
+        /*div.invasive-imagination div.thumb img[src="./images/Figure06.png"]{
+            width: 365px !important;
+        }*/
     /* Exception for Maria Dada's text on Beirut 82 */
     div.enlarged-image img,
     div.contribution.beirut-82 div.thumb img{
@@ -712,18 +718,22 @@ img{
         max-width: auto !important;
         height: 175mm !important;
         max-height: 175mm !important;
-        margin-top: -10mm;
-        margin-left: -22mm !important;
     }
+        div.contribution.beirut-82 div.thumb img{
+            margin-top: -10mm;
+            margin-left: -22mm !important;
+        }
         img[alt="Strategy and Tactics.jpg"]{
             margin-left: -18mm !important;
         }
-        div.enlarged-image img[alt="Spiralling outburst"],
         div.enlarged-image img[alt="Spiralling outburst"]{
-            max-width: 140mm !important;
+            max-width: 130mm !important;
             height: auto !important;
             max-height: unset !important;
         }
+            div.enlarged-image img[src="./images/Spiralling_outburst.png"]{
+                margin-left: -25mm;
+            }
 
 pre{
     /* <br>'s are sometimes manually added in the text */
@@ -739,10 +749,13 @@ pre{
     padding: 1em;
     page-break-inside: avoid;
 }
-    div.quote + pre{
-        border: 0 !important;
-        padding: 0 !important;
+    div.quote > pre{
+        border: none;
+        padding: 0;
+        page-break-inside: unset;
         font-style: italic;
+        white-space: pre-line; 
+        word-wrap: break-word;
     }
 blockquote{
     margin: 0 0 0 var(--second-indent);
@@ -792,7 +805,7 @@ sup{
 }
 canvas{
     position: absolute;
-    top: 20mm; 
+    top: 24mm; 
     left: -20mm; 
     /*border: 1px solid magenta;*/
 }