207 lines
No EOL
3.3 KiB
CSS
207 lines
No EOL
3.3 KiB
CSS
@media print {
|
|
|
|
@page {
|
|
size: 165mm 240mm;
|
|
margin-top: 25mm;
|
|
margin-bottom: 14mm;
|
|
/* bleed: 6mm;
|
|
marks: crop; */
|
|
|
|
margin-left: 33mm;
|
|
margin-right: 11mm;
|
|
|
|
}
|
|
|
|
@page:left {
|
|
|
|
|
|
@top-left {
|
|
content: element(decor);
|
|
width: 0px;
|
|
vertical-align: top;
|
|
padding-top: 8mm;
|
|
color: var(--rouge);
|
|
font-family: var(--font-nav);
|
|
font-weight: 120;
|
|
}
|
|
|
|
|
|
@top-right {
|
|
content: element(author);
|
|
vertical-align: top;
|
|
padding-top: 8mm;
|
|
width: 100%;
|
|
padding-top: 8mm;
|
|
text-align: right;
|
|
color: var(--rouge);
|
|
font-family: var(--font-nav);
|
|
font-weight: 120;
|
|
}
|
|
|
|
|
|
|
|
@top-left-corner {
|
|
content: counter(page);
|
|
vertical-align: top;
|
|
padding-top: 8mm;
|
|
text-align: left;
|
|
margin-left: 11mm;
|
|
color: var(--rouge);
|
|
font-size: 14px;
|
|
font-family: var(--font-nav);
|
|
font-weight: 120;
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
@page:right {
|
|
/* margin-left: 18mm;
|
|
margin-right: 26mm; */
|
|
|
|
|
|
@top-left {
|
|
content: element(type);
|
|
width: 0px;
|
|
vertical-align: top;
|
|
padding-top: 8mm;
|
|
color: var(--bleu);
|
|
font-family: var(--font-nav);
|
|
font-weight: 120;
|
|
}
|
|
|
|
@top-right {
|
|
content: element(title);
|
|
vertical-align: top;
|
|
padding-top: calc(8mm + 20px);
|
|
/* padding-right: 11mm; */
|
|
text-align: left;
|
|
position: relative;
|
|
left: -11mm;
|
|
width: 100%;
|
|
color: var(--bleu);
|
|
font-family: var(--font-nav);
|
|
font-weight: 120;
|
|
}
|
|
|
|
@top-right-corner {
|
|
content: counter(page);
|
|
width: 40px;
|
|
position: relative;
|
|
left: -40px;
|
|
text-align: right;
|
|
vertical-align: top;
|
|
padding-top: 8mm;
|
|
color: var(--bleu);
|
|
font-size: 14px;
|
|
font-family: var(--font-nav);
|
|
font-weight: 120;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.chapter {
|
|
break-before: right;
|
|
page: chapter;
|
|
}
|
|
|
|
|
|
@page chapter:first {
|
|
@top-right {
|
|
content: none;
|
|
}
|
|
|
|
}
|
|
|
|
@page:blank {
|
|
@top-left {
|
|
content: none;
|
|
}
|
|
@top-left-corner {
|
|
content: none;
|
|
}
|
|
@top-right {
|
|
content: none;
|
|
}
|
|
@top-center {
|
|
content: none;
|
|
}
|
|
|
|
@bottom-center {
|
|
content: none;
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.nav-title {
|
|
position: running(title);
|
|
}
|
|
|
|
.nav-author {
|
|
position: running(author);
|
|
}
|
|
|
|
.nav-type {
|
|
position: running(type);
|
|
}
|
|
|
|
.nav-decor {
|
|
position: running(decor);
|
|
}
|
|
|
|
|
|
|
|
/* borders */
|
|
.pagedjs_margin-top-left-corner-holder:before{
|
|
content: " ";
|
|
background: var(--vert);
|
|
width: 100%;
|
|
height: var(--border);
|
|
position: absolute;
|
|
}
|
|
|
|
.pagedjs_margin-left:before{
|
|
content: " ";
|
|
position: absolute;
|
|
top:0;
|
|
background: var(--bleu);
|
|
width: var(--border);
|
|
height: var(--pagedjs-height);
|
|
z-index: 2;
|
|
}
|
|
|
|
.pagedjs_right_page .pagedjs_margin-left:before{
|
|
content: none;
|
|
}
|
|
|
|
.pagedjs_margin-right:after{
|
|
content: " ";
|
|
position: absolute;
|
|
top:0;
|
|
right: 0;
|
|
background: var(--bleu);
|
|
width: var(--border);
|
|
height: var(--pagedjs-height);
|
|
z-index: 2;
|
|
}
|
|
|
|
.pagedjs_left_page .pagedjs_margin-right:after{
|
|
content: none;
|
|
}
|
|
|
|
.pagedjs_margin-bottom:after{
|
|
content: " ";
|
|
background: var(--rouge);
|
|
width: 100%;
|
|
height: var(--border);
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
} |