Browse Source

adding the final print.css file, proof copy version

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

364
command-line/css/print.css

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

Loading…
Cancel
Save