details styles
This commit is contained in:
parent
6e97e2f46c
commit
1867e54400
6 changed files with 52 additions and 32 deletions
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
@page {
|
||||
size: 165mm 240mm;
|
||||
margin-top: 22mm;
|
||||
margin-top: 95px;
|
||||
margin-bottom: 18mm;
|
||||
bleed: 6mm;
|
||||
marks: crop;
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue