Commit 4beab9b5 authored by Julie Blanc's avatar Julie Blanc

breaks parts

parent feb3c59b
......@@ -30,7 +30,7 @@
<section id="cover">
<h1>Auroræ : their characters and spectra</h1>
<h1>Auroræ: their characters and spectra</h1>
</section>
......@@ -432,7 +432,7 @@
<section class="part">
<h2 class="title-part" id="part-1">The Aurora <br/>and <br/>its characters</h2>
<div class="img-part">
<img src="images/img-part1.jpg">
<img src="images/img-part1.jpg">
</div>
</section>
......
/* To define how the book look on the screen: */
@media screen {
body {
......@@ -30,29 +22,12 @@
margin-left: 50%;
}
/* show the margin-box */
.pagedjs_margin-content
{
box-shadow: 0 0 0 1px inset#666);
.pagedjs_page {
background-image: repeating-linear-gradient(180deg, transparent 0, transparent 14px , rgba(0,255,0,0.7) 15px) ;
background-size: cover;
}
}
/* baseline */
@page {
background-image: repeating-linear-gradient(180deg, transparent 0, transparent 14px , rgba(0,255,0,0.7) 15px) ;
background-size: cover;
}
/* p:not(.shorter), li, h4, #appendix-e h5 {
position: relative;
top: 4px;
} */
/* specific to aurorae */
.sidenote, .footnote {
display:none;
......@@ -11,22 +8,25 @@
@media print{
/* layout for all the pages
------------------------------------------------- */
@page {
size: 148mm 210mm;
margin-left:14mm;
margin-right:22mm;
margin-top: 80px;
margin-bottom: 60px;
}
/* All left pages */
/* layout for all left pages
------------------------------------------------- */
@page:left {
margin-left:14mm;
margin-right:22mm;
margin-top: 80px;
margin-bottom: 60px;
@top-left{
content: counter(page);
......@@ -35,12 +35,13 @@
font-size: var(--font-size);
font-weight: normal;
line-height: var(--line-height);
/* snap to baseline */
position: relative;
top: 2px;
}
@top-center{
content: "Auroræ : their characters and spectra";
content: string(booktitle);
font-family: var(--serif);
font-size: var(--font-size);
font-weight: normal;
......@@ -48,31 +49,36 @@
text-align: left;
font-variant-numeric: oldstyle-nums;
font-variant: small-caps;
/* snap to baseline */
position: relative;
top: 2px;
}
}
/* generated content for margin box: book title*/
#cover h1 {
string-set: booktitle content(text);
}
/* All right pages */
/* layout for all right pages
------------------------------------------------- */
@page:right {
margin-left:22mm;
margin-right:14mm;
margin-top: 80px;
margin-bottom: 65px;
/* margin-top: 80px;
margin-bottom: 65px; */
@top-right{
content: counter(page);
width: 30px;
font-family: var(--serif);
font-size: var(--font-size);
font-weight: normal;
line-height: var(--line-height);
/* snap to baseline */
position: relative;
top: 2px;
}
......@@ -81,15 +87,15 @@
content: element(shorter);
text-align: right;
position: relative;
/* snap to baseline */
top: 2px;
max-width: 400px;
}
}
/* generated content for margin box: tuning headers (chapter titles) */
.shorter{
position: running(shorter);
font-family: var(--serif);
......@@ -97,7 +103,6 @@
font-weight: normal;
line-height: var(--line-height);
font-variant-numeric: oldstyle-nums;
}
......@@ -105,7 +110,8 @@
/* COVER ------------------------------------------------------------------------- */
/* Cover (first page)
------------------------------------------------- */
@page:first {
......@@ -123,7 +129,9 @@
#cover { break-after: page; }
/* FRONTMATTER -------------------------------------------------------------------- */
/* layout for frontmatter pages
------------------------------------------------- */
#pre,
......@@ -150,43 +158,10 @@ section[data-type="epigraph"],
}
#preface,
#introduction {
page: frontmatterbody;
}
@page frontmatterbody :left {
}
@page frontmatterbody :right{
}
@page frontmatterbody :first{
margin-bottom: 95px;
@top-left{ content: none; color: transparent; }
@top-center{ content: none; color: transparent; }
@top-right{ content: none; color: transparent; }
/* @bottom-center{
content: counter(page);
font-family: var(--serif);
font-size: var(--font-size);
font-weight: normal;
} */
}
#pre {
break-before: left;
break-after: page;
width: 80%;
}
#pre div {
......@@ -210,19 +185,48 @@ section[data-type="epigraph"],
/* PARTS (named page) -------------------------------------------------------------------- */
/* layout for preface and introduction
------------------------------------------------- */
#preface,
#introduction {
page: frontmatterbody;
}
@page frontmatterbody :first{
margin-bottom: 95px;
@top-left{ content: none; }
@top-center{ content: none; }
@top-right{ content: none; }
@bottom-center{
content: counter(page);
font-family: var(--serif);
font-size: var(--font-size);
font-weight: normal;
}
}
/* layout for part pages
------------------------------------------------- */
.part {
page: part;
break-before: right;
break-after: page;
/* break-after: page; */
}
/* doesn't work */
@page part :first {
@top-left{ content: none; color: transparent; }
@top-center{ content: none; color: transparent; }
@top-right{ content: none; color: transparent; }
@top-left{ content: none; }
@top-center{ content: none; }
@top-right{ content: none; }
}
......@@ -230,12 +234,18 @@ section[data-type="epigraph"],
.img-part{
display: none;
/* break-before: page; */
/* break-before: right; */
/* break-after: right; */
}
.img-part img {
height: 220mm;
position: absolute;
top: calc(-80px - 1mm);
left:-22mm;
break-after: right;
}
#part-3 .img-part {
......@@ -254,9 +264,9 @@ section[data-type="epigraph"],
@page chapter :first {
margin-bottom: 95px;
@top-left{ content: none; color: transparent; }
@top-center{ content: none; color: transparent; }
@top-right{ content: none; color: transparent; }
@top-left{ content: none; }
@top-center{ content: none; }
@top-right{ content: none; }
@bottom-center{
content: counter(page);
font-family: var(--serif);
......@@ -270,7 +280,7 @@ section[data-type="epigraph"],
.chapter, .appendix {
page: chapter;
break-before: right;
break-after: page;
/* break-after: page; */
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment