Julie/walter-boente_book-collection
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

intro bottom

Browse source
This commit is contained in:
Julie Blanc 2026-04-21 23:05:59 +02:00
parent 9ef96b6897
commit 725306418d
8 changed files with 116 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

107
css/style.css
View file

@ -10,7 +10,7 @@
--fs-intro: 16.5px;
--baseline: 18px;
--indent: 26px;
--fs-num: 12px;
--fs-num: 11px;
}
* {
@ -34,14 +34,17 @@ body {
}
:root {
--unit: 80px;
--unit: calc(142mm/7);
--margin-box: -13px;
}
@media print {
@page {
size: 176mm 240mm;
margin-top: 10mm;
margin-bottom: 14mm;
margin-bottom: 19mm;
bleed: 6mm;
marks: crop;
}
@page :left {
margin-left: 14mm;
@ -50,14 +53,20 @@ body {
content: counter(page);
font-family: var(--font-sans);
font-size: var(--fs-num);
font-weight: 500;
text-align: left;
width: 10mm;
position: relative;
top: var(--margin-box);
}
@bottom-center {
content: "Höchstpersönlichkeit";
font-family: var(--font-sans);
font-size: var(--fs-num);
font-weight: 500;
text-align: left;
position: relative;
top: var(--margin-box);
}
}
@page :right {
@ -67,23 +76,34 @@ body {
content: string(chapterCount);
font-family: var(--font-sans);
font-size: var(--fs-num);
font-weight: 500;
text-align: left;
width: 10mm;
width: calc(var(--unit) * 3);
padding-left: calc(var(--unit) * 2);
position: relative;
top: var(--margin-box);
}
@bottom-center {
content: string(chapter);
font-family: var(--font-sans);
font-size: var(--fs-num);
font-weight: 500;
text-align: left;
position: relative;
top: var(--margin-box);
width: calc(var(--unit) * 3.5);
}
@bottom-right {
content: counter(page);
font-family: var(--font-sans);
font-size: var(--fs-num);
font-weight: 500;
text-align: right;
position: relative;
top: var(--margin-box);
}
}
@page :first {
@page chapter:first {
@top-left-corner {
content: none;
}
@ -183,58 +203,6 @@ body {
content: none;
}
}
@page chapter {
margin-left: 14mm;
margin-right: 14mm;
@top-left-corner {
content: none;
}
@top-left {
content: none;
}
@top-center {
content: none;
}
@top-right {
content: none;
}
@top-right-corner {
content: none;
}
@left-top {
content: none;
}
@left-middle {
content: none;
}
@left-bottom {
content: none;
}
@right-top {
content: none;
}
@right-middle {
content: none;
}
@right-bottom {
content: none;
}
@bottom-left-corner {
content: none;
}
@bottom-left {
content: none;
}
@bottom-center {
content: none;
}
@bottom-right {
content: none;
}
@bottom-right-corner {
content: none;
}
}
}
#section__content h1 .h1-count {
string-set: chapterCount content(text);
@ -304,6 +272,20 @@ ul {
color: red;
}
.thesis-title {
width: 100%;
display: flex;
}
.thesis-title p::after {
content: "";
display: block;
width: 100%;
height: 10px;
background-color: black;
flex-grow: 1;
}
.thesis p {
display: block;
}
@ -317,7 +299,7 @@ ul {
.intro p {
font-size: var(--fs-intro);
padding-left: calc(var(--unit) * 1);
line-height: 1.4;
line-height: 23px;
display: block;
}
@ -347,7 +329,7 @@ ol[type="1"] {
margin-bottom: 1em;
}
#section__content h1 {
min-height: 215mm;
min-height: 210mm;
display: flex;
flex-direction: column;
justify-content: space-between;
@ -400,7 +382,7 @@ ol[type="1"] {
font-size: 105px;
line-height: 0.9;
hyphens: auto;
hyphenate-limit-chars: 8 4 3;
hyphenate-limit-chars: 12 4 3;
}
#section__content h1 span {
display: block;
@ -488,7 +470,9 @@ ol[type="1"] {
left: 0;
}
[data-id=section__content][data-split-from] > :first-child {
[data-id=section__content] > .chapter h2:first-child,
[data-id=section__content] > .chapter h3:first-child,
[data-id=section__content] > .chapter h4:first-child {
margin-top: 0;
}
@ -510,7 +494,6 @@ ol[type="1"] {
position: absolute;
top: 0;
left: 0;
color: blue;
}
.body-note {