Browse Source

adding the final print.css file, proof copy version

master
mb@ts 2 years ago
parent
commit
e8a2ba7c55
  1. 364
      command-line/css/print.css

364
command-line/css/print.css

@ -49,15 +49,16 @@
/* custom markers */ /* custom markers */
div.page-break{ .page-break{
page-break-after: always; page-break-after: always;
} }
div.column-break{ .column-break{
/* does not work from this stylesheet, rule gets removed by paged.js??? */ /* does not work from this stylesheet, rule gets removed by paged.js??? */
/* only worked once inserted directly into the HTML */ /* only worked once inserted directly into the HTML */
break-after: column; break-after: column;
display: block;
} }
div.column-break + p{ .column-break + p{
orphans: 8; orphans: 8;
} }
div.no-hyphens{ div.no-hyphens{
@ -94,7 +95,7 @@ body{
/*size: 152mm 229mm;*/ /* Size listed in cover generator of Lightning Source */ /*size: 152mm 229mm;*/ /* Size listed in cover generator of Lightning Source */
/*size: 164mm 237mm;*/ /* Size of the physical printed DB06 book */ /*size: 164mm 237mm;*/ /* Size of the physical printed DB06 book */
/*size: 576px 864px;*/ /*size: 576px 864px;*/
size: 152.4mm 228.6mm; size: 152mm 229mm;
bleed: 3mm; bleed: 3mm;
marks: crop; marks: crop;
@ -105,12 +106,16 @@ body{
} }
} }
@page:right{ @page:right{
margin: 55px 18mm 80px 29.125mm; /*margin: 55px 18mm 80px 29.125mm;*/
/*margin: 14.758mm 18mm 21.225mm 29.125mm;*/ /*margin: 14.758mm 18mm 21.225mm 29.125mm;*/
/* --- new margins after final trim size is 0.4mm less wide --- */
margin: 55px 17.8mm 80px 28.975mm;
} }
@page:left{ @page:left{
margin: 55px 29.125mm 80px 18mm; /*margin: 55px 29.125mm 80px 18mm;*/
/*margin: 14.758mm 29.125mm 21.225mm 18mm;*/ /*margin: 14.758mm 29.125mm 21.225mm 18mm;*/
/* --- new margins after final trim size is 0.4mm less wide --- */
margin: 55px 28.975mm 80px 17.8mm;
} }
@page:right{ @page:right{
/* running header: contribution title (taken from the h2 of the contribution) */ /* running header: contribution title (taken from the h2 of the contribution) */
@ -157,9 +162,10 @@ body{
} }
@page section{ @page section{
/* section title pages */ /* section title pages -- color */
/*background: linear-gradient(180deg, #787cc0, #c0c1e7);*/ /*background: linear-gradient(180deg, #3741ea, #c0c1e7);*/
background: linear-gradient(180deg, #3741ea, #c0c1e7); /* section title pages -- black and white */
background: linear-gradient(180deg, #444444, #d1d1d1);
color: white !important; color: white !important;
@top-center{ @top-center{
@ -296,6 +302,12 @@ div.appendix{
div.appendix.letter{ div.appendix.letter{
page-break-before: right; page-break-before: right;
} }
div.appendix.previously_published{
hyphens: none !important;
}
div.appendix.item_index{
page-break-before: right; !important;
}
div.backcover{ div.backcover{
page-break-before: left; page-break-before: left;
page: backcover; page: backcover;
@ -318,13 +330,6 @@ div.backcover{
color: white; color: white;
font-weight: bold; font-weight: bold;
} }
/*div.multi img{
position: absolute !important;
top: 13mm !important;
left: -30mm !important;
width: 152.4mm !important;
display: unset;
}*/
div.cover ul{ div.cover ul{
padding: 0; padding: 0;
margin: 2em 0; margin: 2em 0;
@ -459,40 +464,17 @@ div.two-columns{
div.two-columns div.thumb img{ div.two-columns div.thumb img{
width: 55mm !important; width: 55mm !important;
} }
/* SUPER hacky... */
/* Exception for Nicolas' text */
div.two-columns a[href="#File:Inscriptions_2.jpg"] {
left: -54mm;
display: block;
}
div.two-columns div.thumbcaption{ div.two-columns div.thumbcaption{
width: 48mm; width: 48mm;
} }
/* Exceptions for one of the images in Nicolas' text,
to not display the caption on the left image in case there are two side by side */
div.two-columns a[href="#File:Inscriptions.jpg"] + div.thumbcaption {
display: none;
}
/* And to move the caption of the right image to the left,
so it functions as a caption for both */
div.two-columns a[href="#File:Inscriptions_2.jpg"] + div.thumbcaption {
width: 108mm !important;
margin-left: -60mm !important;
}
div.two-columns a[href="#File:Overexposed.jpg"] + div.thumbcaption {
margin-left: -42mm !important;
width: 90mm !important;
}
/* general elements*/ /* general elements*/
span.star{ span.star{
/* ----> ✶ <--- */ /* ----> ✶ <--- */
font-family: monospace; font-family: monospace;
vertical-align: text-bottom; vertical-align: inherit;
line-height: 1.4; line-height: 0;
} }
h1{ h1{
@ -527,11 +509,13 @@ h2{
position: absolute; position: absolute;
width: 80mm; width: 80mm;
} }
/* exception for the introduction */ /* exception for titles with 3 lines (the introduction + signs of clandestine disorder) */
div.signs-of-clandestine div.title-wrapper h2,
div.introduction div.title-wrapper h2{ div.introduction div.title-wrapper h2{
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
} }
div.signs-of-clandestine div.title-wrapper p,
div.introduction div.title-wrapper h2 + p{ div.introduction div.title-wrapper h2 + p{
position: absolute; position: absolute;
width: 80mm; width: 80mm;
@ -539,18 +523,18 @@ h2{
line-height: 0 !important; line-height: 0 !important;
} }
/* author names */
div.preface h2, div.preface h2,
div.introduction h2, div.introduction h2,
div.contribution h2{ div.contribution h2{
margin-bottom: 0.2em !important; margin-bottom: 0.2em !important;
} }
/* author names */
div.preface h2 + p, div.preface h2 + p,
div.title-wrapper + p,
div.introduction h2 + p, div.introduction h2 + p,
div.contribution h2 + p{ div.contribution h2 + p{
margin-left: 0 !important; margin-left: 0 !important;
text-indent: unset !important; text-indent: unset !important;
font-weight: normal;
} }
div.preface h2 + p > b, div.preface h2 + p > b,
div.introduction h2 + p > b, div.introduction h2 + p > b,
@ -579,6 +563,10 @@ h3{
div.contribution.bugged-report ol.references{ div.contribution.bugged-report ol.references{
margin-top: -18px !important; margin-top: -18px !important;
} }
/* exception for fragility of life h3 above notes */
div.contribution.fragility-of-life h3{
margin-top: 12px !important;
}
h4{ h4{
/* Sub-sub-headers */ /* Sub-sub-headers */
font-size: 100%; font-size: 100%;
@ -604,6 +592,7 @@ p{
} }
/* all exceptions on the text-indent */ /* all exceptions on the text-indent */
div.title-wrapper + p, div.title-wrapper + p,
div.title-wrapper + div + p,
div.note > p, div.note > p,
div.no-margin-top + p, div.no-margin-top + p,
p.image + p, p.image + p,
@ -682,6 +671,9 @@ ul > li {
div.list-without-markers{ div.list-without-markers{
text-indent: -0.8em !important; text-indent: -0.8em !important;
} }
div.contribution.so-called-plants div.list-without-markers{
text-indent: -1em !important;
}
div.list-without-markers ul > li{ div.list-without-markers ul > li{
text-indent: -1em !important; text-indent: -1em !important;
} }
@ -769,7 +761,32 @@ img{
page: fullpage !important; page: fullpage !important;
} }
div.fullpage div.thumb{ div.fullpage div.thumb{
margin: 0 !important; margin: 0 !important;
}
/* Exception for circluding */
div.circludingcontainer{
position: relative;
width: 100%;
height: 100%;
}
div.fullpage.circluding{
position: absolute;
background-size: contain;
width: 155.4mm;
height: 234.6mm;
top: -3mm;
page-break-before: always;
}
div.fullpage.circluding.right{
background-image: url(../images/Fanziposter.png);
margin-left: 0mm !important;
}
div.fullpage.circluding.left{
background-image: url(../images/Fanziposter_verso.png);
margin-left: -3mm !important;
}
div.contribution.circluding div.fullpage img{
display: none;
} }
div.fullpage div.thumb img{ div.fullpage div.thumb img{
/* PREVIEW PDF -- these sizes only apply for the preview view! no bleed */ /* PREVIEW PDF -- these sizes only apply for the preview view! no bleed */
@ -782,17 +799,10 @@ img{
/* PRINT PDF -- these sizes only apply when the bleed is turned on */ /* PRINT PDF -- these sizes only apply when the bleed is turned on */
width: 155.4mm; width: 155.4mm;
max-width: none; max-width: none;
height: auto;
max-height: 234.6mm; max-height: 234.6mm;
margin-top: -6mm !important; margin-top: 0mm !important;
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
div.fullpage.left div.thumb img{
margin-left: -3mm !important;
}
div.fullpage.right div.thumb img{
margin-left: 0mm !important;
}
img[src="./images/Topology-typography-2B.svg"]{ img[src="./images/Topology-typography-2B.svg"]{
page-break-after: always; page-break-after: always;
} }
@ -828,7 +838,7 @@ img{
} }
div.contribution.beirut-82 div.thumb { div.contribution.beirut-82 div.thumb {
display: inline-block; display: inline-block;
margin: var(--line-height) 0 -0.5em 0!important; margin: calc(var(--line-height) - 4px) 0 -0.5em 0 !important;
} }
/* Exception for So-called plants */ /* Exception for So-called plants */
div.contribution.so-called-plants img{ div.contribution.so-called-plants img{
@ -848,182 +858,187 @@ img{
}*/ }*/
/* BASELINE FINAL TWEAKS */ /* BASELINE FINAL TWEAKS */
img[src="./images/Imagen_2.png"]{ div[data-page-number="13"] div.thumb{
margin-top: 17px; margin-top: 17px;
} }
img[src="./images/Brk02.gif"]{ div[data-page-number="35"] div.thumb{
margin-bottom: 8px; margin-bottom: 14px;
}
img[src="./images/Image20.png"]{
margin-top: 23px;
margin-bottom: 16px;
} }
img[src="./images/CharmedS1EP2.jpg"]{ div[data-page-number="36"] div.thumb{
margin-bottom: 15px; margin-top: 24px;
margin-bottom: 20px;
} }
img[src="./images/CharmedS1EP22.jpg"]{ div[data-page-number="37"] div.thumb{
margin-bottom: 7px; margin-bottom: 20px;
} }
img[src="./images/DisintegrationEffect2.png"]{ div[data-page-number="39"] div.thumb{
margin-top: 23px; margin-bottom: 13px;
} }
img[src="./images/CollapseWoman1.jpg"]{ div[data-page-number="40"] div.thumb{
margin-top: 0 !important; margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
img[src="./images/Image92.gif"]{ div[data-page-number="42"] div.thumb{
margin-bottom: 11px; margin-bottom: 26px;
} }
img[src="./images/FKrig171.gif"]{ div[data-page-number="43"] div.thumb{
margin-top: -4px; margin-bottom: 22px;
} }
img[src="./images/AdvanceRig1.png"]{ div[data-page-number="44"] div.thumb{
margin-top: 22px; margin-bottom: 23px;
} }
img[src="./images/Rigonfour1.png"]{ div[data-page-number="46"] div.thumb{
margin-top: 23px; margin-bottom: 17px;
} }
img[src="./images/DigestingDuck1.png"]{ div[data-page-number="47"] div.thumb{
margin-top: -2px; margin-top: 23px;
margin-bottom: 27px;
} }
img[src="./images/RiggingDan1.jpg"]{ div[data-page-number="48"] div.thumb{
margin-top: 16px; margin-top: 16px;
margin-bottom: 11px; margin-bottom: 15px;
} }
img[src="./images/McKayRig1.jpg"]{ div[data-page-number="51"] div.thumb{
margin-top: -5px; margin-bottom: 16px;
} }
img[src="./images/TalismanRig1.jpg"]{ div[data-page-number="53"] div.thumb{
margin-bottom: 24px; margin-top: 14px;
margin-bottom: 13px;
} }
img[src="./images/Blender.jpg"]{ div[data-page-number="56"] div.thumb{
margin-top: 20px; margin-bottom: 12px;
} }
img[src="./images/MojoDallas01.jpg"]{ div[data-page-number="62"] pre{
margin-top: -2px; margin-top: calc(var(--line-height) - 2px);
margin-bottom: calc(var(--line-height) - 2px);
} }
img[src="./images/Cunningham.jpg"]{ div[data-page-number="63"] div.thumb{
margin-top: 22px; margin-bottom: 20px;
} }
img[src="./images/Figure04.png"]{ div[data-page-number="66"] pre{
margin-top: 27px; margin-top: calc(var(--line-height) - 2px);
margin-bottom: calc(var(--line-height) - 2px);
} }
img[src="./images/Figure09.png"]{ div[data-page-number="67"] div.thumb{
margin-top: -6px; margin-bottom: 15px;
} }
img[src="./images/Figure10.png"], div[data-page-number="72"] div.thumb{
img[src="./images/Figure12.png"]{ margin-bottom: 22px;
margin-top: 25px;
} }
img[src="./images/Figure13.jpg"]{ div[data-page-number="88"] img[src="./images/Figure02.png"] {
margin-top: 18px; margin-top: -8px;
} }
img[src="./images/Background_prominence.png"]{ div[data-page-number="101"] div.thumb{
margin-top: -4px; margin-bottom: 19px;
} }
img[src="./images/Inscriptions.jpg"], div[data-page-number="110"] img[src="./images/File_manager_overview.png"] {
img[src="./images/Inscriptions_2.jpg"]{ margin-bottom: 11px;
margin-top: -2px;
} }
img[src="./images/Backlighting.jpg"], div[data-page-number="114"] div.thumb{
img[src="./images/Overexposed.jpg"]{ margin-bottom: 13px;
margin-top: -2px;
} }
img[src="./images/Fol_thefragilityoflife-2.jpeg"]{ div[data-page-number="118"] div.thumb{
margin-top: 20px; margin-top: 22px;
margin-bottom: 12px; margin-bottom: 21px;
} }
img[src="./images/04_bertillon_identification_system.jpg"]{ div[data-page-number="121"] div.thumb{
margin-top: -4px; margin-top: -4px;
margin-bottom: 14px;
}
div[data-page-number="127"] div.thumb{
margin-bottom: 20px;
} }
img[src="./images/09_newsdirect.png"]{ div[data-page-number="128"] div.thumb{
margin-top: 26px; margin-top: -1px;
margin-bottom: 14px;
} }
img[src="./images/Simone1.jpg"]{ div[data-page-number="129"] div.thumb{
margin-top: 20px; margin-top: 20px;
margin-bottom: 20px;
} }
img[src="./images/06_imgf0016.png"]{ div[data-page-number="131"] div.thumb{
margin-top: 21px; margin-top: 21px;
margin-bottom: 22px;
} }
img[src="./images/Difficultforest.jpg"]{ div[data-page-number="134"] div.thumb{
margin-top: -2px; margin-top: 19px;
} margin-bottom: 21px;
img[src="./images/Makehuman.png"]{
margin-top: -4px;
} }
img[src="./images/Leaflet.jpg"]{ div[data-page-number="171"] div.thumb{
margin-top: 15px; margin-bottom: 16px;
} }
img[src="./images/Continuum_brighton.svg"]{ div[data-page-number="178"] div.thumb{
margin-top: -13px; margin-bottom: 20px;
} }
img[src="./images/Image1.jpg"]{ div[data-page-number="179"] div.thumb{
margin-top: 17px; margin-bottom: 27px;
} }
img[src="./images/Image2.png"]{ div[data-page-number="180"] div.thumb{
margin-top: 15px; margin-bottom: 26px;
} }
img[src="./images/Image3.jpg"]{ div[data-page-number="181"] div.thumb{
margin-top: 28px; margin-bottom: 19px;
} }
img[src="./images/Image4.jpg"]{ div[data-page-number="182"] div.thumb{
margin-top: 26px; margin-bottom: 20px;
} }
img[src="./images/Image5.jpg"]{ div[data-page-number="183"] div.thumb{
margin-top: 23px; margin-bottom: 26px;
} }
img[src="./images/Image6.png"]{ div[data-page-number="195"] div.thumb{
margin-top: 15px; margin-top: -5px;
} }
div[data-page-number="203"] p.image{
img[src="./images/Datum.jpg"]{
margin-top: 21px; margin-top: 21px;
margin-bottom: 23px;
} }
img[src="./images/Gplates1.gif"]{ div[data-page-number="236"] div.thumb{
margin-top: 17px; margin-bottom: 22px;
} }
img[src="./images/Image01.png"]{ div[data-page-number="247"] div.floatnone{
margin-top: -3px; margin-top: -6px;
} }
img[src="./images/Image02.png"]{ div[data-page-number="252"] div.floatnone{
margin-top: 21px; margin-top: 5px !important;
} }
img[src="./images/Image03.png"]{ div[data-page-number="254"] div.floatnone{
margin-top: 23px; margin-top: -7px;
} }
img[src="./images/Image04.png"]{ div[data-page-number="257"] div.floatnone{
margin-top: -8px; margin-top: -2px;
} }
a[href="#File:Image04.png"] + .thumbcaption{ div[data-page-number="279"] div.thumb{
margin-bottom: -8px; margin-top: 21px;
}
img[src="./images/Gplates1.gif"] {
margin-top: -1px;
} }
img[src="./images/Gplates2.gif"] { div[data-page-number="284"] p.image{
margin-top: 22px; margin-top: -2px !important;
} }
img[src="./images/Gplates3.gif"] { div[data-page-number="285"] p.image{
margin-top: 21px; margin-bottom: 22px !important;
} }
img[src="./images/Gplates3.gif"] { div[data-page-number="287"] p.image{
margin-top: 21px; margin-bottom: 20px !important;
} }
img[src="./images/Gplates5.gif"] { div[data-page-number="292"] p.image{
margin-top: 24px; margin-bottom: 24px !important;
} }
img[src="./images/Gplates5.gif"] { div[data-page-number="297"] div.thumb{
margin-top: 60px; margin-top: -2px;
margin-bottom: 16px;
} }
img[src="./images/Image02.png"] { div[data-page-number="298"] div.thumb{
margin-top: 20px; margin-bottom: 20px;
} }
img[src="./images/Image05.png"] { div[data-page-number="300"] div.thumb{
margin-top: 21px; margin-top: 21px;
margin-bottom: 20px;
} }
img[src="./images/File_manager_overview.png"]{ div[data-page-number="305"] div.thumb{
margin-top: 24px; margin-bottom: 20px;
margin-bottom: 24px; }
div[data-page-number="308"] div.thumb{
margin-top: 19px;
margin-bottom: 20px;
} }
.contribution.so-called-plants div.floatnone + p{ .contribution.so-called-plants div.floatnone + p{
margin-left: var(--second-indent) !important; margin-left: var(--second-indent) !important;
@ -1031,8 +1046,6 @@ img{
} }
pre{ pre{
/* <br>'s are sometimes manually added in the text */
/* BITTER VERSION */ /* BITTER VERSION */
font-family: "bitter"; font-family: "bitter";
font-size: var(--font-size); font-size: var(--font-size);
@ -1051,10 +1064,12 @@ pre{
font-style: italic; font-style: italic;
white-space: pre-line; white-space: pre-line;
word-wrap: break-word; word-wrap: break-word;
line-height: var(--line-height);
margin-bottom: var(--line-height);
} }
div.contribution.so-called-plants pre{ div.contribution.so-called-plants pre{
margin-top: 9px; margin-top: 9px;
margin-bottom: 9px; margin-bottom: 15px;
} }
blockquote{ blockquote{
margin: 0 0 0 var(--second-indent); margin: 0 0 0 var(--second-indent);
@ -1100,6 +1115,9 @@ table{
tr:first-of-type td:last-of-type{ tr:first-of-type td:last-of-type{
border-right: 1px solid black !important; border-right: 1px solid black !important;
} }
tr td:nth-of-type(2){
min-width: 75px;
}
sup{ sup{
line-height: 0; line-height: 0;
font-size: 7pt; font-size: 7pt;

Loading…
Cancel
Save