backup of the print.css
This commit is contained in:
parent
24f4ea01b7
commit
d331964a64
@ -1,6 +1,6 @@
|
||||
:root{
|
||||
--font-size: 10pt;
|
||||
--line-height: 15.5pt;
|
||||
--font-size: 9pt;
|
||||
--line-height: 14pt;
|
||||
--small-font-size: 7.5pt;
|
||||
--small-line-height: 1.55;
|
||||
--first-indent: 7mm;
|
||||
@ -9,13 +9,32 @@
|
||||
|
||||
@font-face{
|
||||
font-family: "bitter";
|
||||
src: url(../fonts/Bitter-SemiBold.ttf);
|
||||
src: url(../fonts/Bitter-Medium.ttf);
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face{
|
||||
font-family: "bitter";
|
||||
src: url(../fonts/Bitter-MediumItalic.ttf);
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face{
|
||||
font-family: "bitter";
|
||||
src: url(../fonts/Bitter-Bold.ttf);
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face{
|
||||
font-family: "bitter";
|
||||
src: url(../fonts/Bitter-Medium.ttf);
|
||||
src: url(../fonts/Bitter-BoldItalic.ttf);
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face{
|
||||
font-family: "bitter_semi";
|
||||
src: url(../fonts/Bitter-SemiBold.ttf);
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@ -31,7 +50,9 @@ html, body{
|
||||
}
|
||||
|
||||
@page{
|
||||
size: 152.4mm 228.6mm;
|
||||
/*size: 152.4mm 228.6mm;*/ /* Size of the online PDF */
|
||||
/*size: 152mm 229mm;*/ /* Size listed in cover generator of Lightning Source */
|
||||
size: 164mm 237mm; /* Size of the printed DB06 book */
|
||||
|
||||
@top-center{
|
||||
content: string(sectiontitle);
|
||||
@ -41,7 +62,7 @@ html, body{
|
||||
}
|
||||
@bottom-center{
|
||||
content: counter(page);
|
||||
font-size: 9pt;
|
||||
font-size: 9.5pt;
|
||||
margin-top: -6mm;
|
||||
}
|
||||
}
|
||||
@ -80,78 +101,13 @@ html, body{
|
||||
content: "";
|
||||
}
|
||||
@top-center{
|
||||
content: "---";
|
||||
content: "";
|
||||
}
|
||||
@bottom-center{
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* general elements*/
|
||||
h1{
|
||||
string-set: sectiontitle content(text);
|
||||
font-size: 37pt;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
color: green;
|
||||
word-break: normal;
|
||||
hyphens: none;
|
||||
}
|
||||
h2{
|
||||
string-set: contributiontitle content(text);
|
||||
font-size: 16pt;
|
||||
line-height: 22pt;
|
||||
letter-spacing: 0.025em;
|
||||
margin: 0 0 1em var(--second-indent);
|
||||
hyphens: none;
|
||||
}
|
||||
h3{
|
||||
font-size: 100%;
|
||||
margin: 1em 0 0 var(--second-indent);
|
||||
page-break-after: avoid;
|
||||
hyphens: none;
|
||||
}
|
||||
h4, h5, h6{
|
||||
margin: 0 0 1em 0;
|
||||
page-break-after: avoid;
|
||||
hyphens: none;
|
||||
}
|
||||
.thumb{
|
||||
/* image caption */
|
||||
font-size: var(--small-font-size);
|
||||
line-height: var(--small-line-height);
|
||||
margin: 24pt 16pt 16pt 16pt;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
img{
|
||||
position: relative;
|
||||
display: block;
|
||||
max-width: 100mm;
|
||||
height: auto;
|
||||
margin: 0 0 8pt 0;
|
||||
}
|
||||
pre{
|
||||
font-size: 8pt;
|
||||
line-height: 1.8;
|
||||
white-space: normal;
|
||||
margin: 16pt 16pt;
|
||||
}
|
||||
table{
|
||||
width: 100%;
|
||||
}
|
||||
sup{
|
||||
line-height: 0;
|
||||
}
|
||||
a,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover{
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* sections */
|
||||
|
||||
div.section{
|
||||
@ -187,7 +143,9 @@ div.cover{
|
||||
div.cover,
|
||||
div.cover ul li{
|
||||
font-size: 17pt;
|
||||
font-family: "bitter_semi";
|
||||
line-height: 1.4;
|
||||
letter-spacing: 0.025em;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
@ -218,29 +176,149 @@ div.series{
|
||||
div.index{
|
||||
}
|
||||
div.index h3{
|
||||
margin: 1em 0;
|
||||
margin: 1em 0 !important;
|
||||
}
|
||||
div.introduction,
|
||||
div.contribution{
|
||||
}
|
||||
div.introduction p,
|
||||
div.contribution p{
|
||||
text-indent: var(--first-indent);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
div.contribution h2 + p > b{
|
||||
font-weight: normal;
|
||||
}
|
||||
div.introduction ol.references,
|
||||
div.contribution ol.references{
|
||||
/* notes and references */
|
||||
ol.references,
|
||||
ul /* This is tricky as it has no class, so these styles are applied to ALL ul elements */{
|
||||
/* notes and references */
|
||||
font-size: var(--small-font-size);
|
||||
line-height: var(--small-line-height);
|
||||
columns: 2 auto;
|
||||
column-gap: 7mm;
|
||||
margin: 0 1em;
|
||||
padding: 0;
|
||||
}
|
||||
div.cover ul,
|
||||
div.index ul{
|
||||
columns: unset;
|
||||
}
|
||||
ul li{
|
||||
list-style: none;
|
||||
text-indent: -1em;
|
||||
}
|
||||
div.cover ul li,
|
||||
div.index ul li{
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
/* general elements*/
|
||||
|
||||
h1{
|
||||
string-set: sectiontitle content(text);
|
||||
font-size: 37pt;
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
word-break: normal;
|
||||
hyphens: none;
|
||||
}
|
||||
h2{
|
||||
/* Contribution titles */
|
||||
string-set: contributiontitle content(text);
|
||||
font-family: "bitter_semi";
|
||||
font-size: 16pt;
|
||||
line-height: 22pt;
|
||||
letter-spacing: 0.025em;
|
||||
margin: 0 0 1em var(--second-indent);
|
||||
hyphens: none;
|
||||
}
|
||||
h3{
|
||||
/* Sub-headers + Notes/References sections + TOC headers*/
|
||||
font-size: 100%;
|
||||
page-break-after: avoid;
|
||||
margin: 1em 0 0 var(--second-indent);
|
||||
letter-spacing: 0.05em;
|
||||
hyphens: none;
|
||||
}
|
||||
/*This is for the Notes sections only, but how to apply it? */
|
||||
/*h3{
|
||||
margin: 1em 0 0 10px;
|
||||
}*/
|
||||
h4{
|
||||
/* Sub-sub-headers */
|
||||
font-size: 100%;
|
||||
page-break-after: avoid;
|
||||
margin: 1em 0 0 var(--second-indent);
|
||||
hyphens: none;
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
}
|
||||
h5, h6{
|
||||
margin: 0 0 1em 0;
|
||||
page-break-after: avoid;
|
||||
hyphens: none;
|
||||
}
|
||||
p{
|
||||
text-indent: var(--first-indent);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div.series p,
|
||||
div.cover p,
|
||||
blockquote p{
|
||||
text-indent: unset !important;
|
||||
}
|
||||
div.series p{
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
img{
|
||||
position: relative;
|
||||
display: block;
|
||||
min-width: 100%;
|
||||
height: auto;
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
.thumb{
|
||||
/* sometimes wrapper of img + image caption */
|
||||
font-size: var(--small-font-size);
|
||||
line-height: var(--small-line-height);
|
||||
columns: 2 auto;
|
||||
column-gap: 7mm;
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
margin: 1em var(--first-indent);
|
||||
page-break-inside: avoid;
|
||||
hyphens: none;
|
||||
}
|
||||
.thumb img{
|
||||
margin-left: -7mm !important; /* same as first-indent but inverted */
|
||||
}
|
||||
pre{
|
||||
font-size: 8pt;
|
||||
line-height: 1.8;
|
||||
white-space: normal;
|
||||
margin: 1em var(--first-indent);
|
||||
}
|
||||
blockquote{
|
||||
margin: 0 0 0 var(--second-indent);
|
||||
font-style: italic;
|
||||
}
|
||||
table{
|
||||
width: 100%;
|
||||
}
|
||||
sup{
|
||||
line-height: 0;
|
||||
}
|
||||
a,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover{
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* specific details, uitzonderingen */
|
||||
a.external{
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
@media print{
|
||||
html, body{
|
||||
background-color: transparent;
|
||||
}
|
||||
div#nav{
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user