details styles

This commit is contained in:
Julie Blanc 2026-03-17 15:59:47 +01:00
parent 6e97e2f46c
commit 1867e54400
6 changed files with 52 additions and 32 deletions

View file

@ -2,7 +2,7 @@
@page {
size: 165mm 240mm;
margin-top: 22mm;
margin-top: 95px;
margin-bottom: 18mm;
bleed: 6mm;
marks: crop;

View file

@ -18,8 +18,8 @@
font-weight: normal;
/* margin-top: calc(var(--baseline)*2);*/
position: relative;
top: calc(var(--baseline)*0.25);
margin-bottom: calc(var(--baseline)*3 + 11px);
top: calc(var(--baseline)*-0.25 - 2px);
margin-bottom: calc(var(--baseline)*3 + 13px);
padding-right: calc(var(--unit)*2);
position: relative;
padding-left: 15px;
@ -122,7 +122,7 @@
}
.chapter-header .title-after {
bottom: calc(var(--baseline)*-1.5);
bottom: calc(var(--baseline)*-1.5 + 1px);
}
@ -130,18 +130,14 @@
position: absolute;
left: calc(var(--pagedjs-margin-left)*-1);
padding-left: 19px;
top: -36px;
top: -47px;
}
.hgroup-after{
position: absolute;
bottom: calc(var(--baseline)*-5 + 4px);
bottom: calc(var(--baseline)*-5 - 1px);
right: calc(var(--pagedjs-margin-right)*-1);
text-align: right;
/* left: calc(var(--pagedjs-margin-left)*-1);
padding-left: 19px;
top: -36px; */
}
@ -151,17 +147,19 @@
/* SPECIFIC ----------------------------------------------- */
#charlie-aubry .hgroup{
top: calc(var(--baseline)*0.5);
top: calc(var(--baseline)*-0.25 - 2px);
top: -2px;
}
#charlie-aubry .chapter-header .title-before{
top: calc(var(--baseline) * -1.5);
/* top: calc(var(--baseline)*-1.25); */
top: calc(var(--baseline)*-1.5);
}
#charlie-aubry .chapter-header .title-after {
/* bottom: calc(var(--baseline)*-5 - 1px); */
bottom: calc(var(--baseline) * -1.75 + 1px);
}
#charlie-aubry .hgroup-after{
bottom: calc(var(--baseline)*-12 - 4px);
bottom: calc(var(--baseline)*-11 - 10px);
}

View file

@ -1,19 +1,22 @@
.description {
/* margin-bottom: calc(var(--baseline)*1); */
padding-left: calc(var(--unit)*0.75);
padding-right: calc(var(--unit)*0.75);
position: relative;
top: -4px;
}
.description-after {
margin-top: -2px;
margin-bottom: calc(var(--baseline)*1);
}
.description-before {
margin-bottom: 2px;
position: relative;
top: -6px;
}
.description-after {
margin-top: -5px;
margin-bottom: calc(var(--baseline)*1 - 3px);
}
.description-before,
.description-after {

View file

@ -97,12 +97,26 @@ h3, h4{
/*if page top */
.subtitle-top-page {
.pagedjs_right_page .subtitle-top-page h3 {
margin-top: 0px;
}
.subtitle-top-page [data-count="2"]{
.pagedjs_right_page .subtitle-top-page [data-count="2"]{
color: transparent
}
.pagedjs_left_page .subtitle-top-page h3 {
margin-top: 5px;
}
.pagedjs_left_page .subtitle-top-page .decor-h3_big [data-count="1"],
.pagedjs_left_page .subtitle-top-page .decor-h3_big [data-count="2"]{
color: transparent!important
}