diff --git a/maquette-tests/assets/css/01_var.css b/maquette-tests/assets/css/01_var.css index 113067d..2a7a7c4 100644 --- a/maquette-tests/assets/css/01_var.css +++ b/maquette-tests/assets/css/01_var.css @@ -70,7 +70,7 @@ --sign-baseline: 18px; --sign-spacing: 0.45rem; --sign-spacing: 7.5px; - --sign-color: var(--red); + --sign-color: var(--blue); /* --sign-color: black; */ diff --git a/maquette-tests/assets/css/03_layout.css b/maquette-tests/assets/css/03_layout.css index 008cbc1..af75700 100644 --- a/maquette-tests/assets/css/03_layout.css +++ b/maquette-tests/assets/css/03_layout.css @@ -8,6 +8,7 @@ marks: crop; --symbol-top: 1px; --running-top: 8mm; + --running-bottom: 10mm; } @page:left { @@ -66,6 +67,17 @@ } + @bottom-left { + content: counter(page); + vertical-align: top; + padding-top: var(--running-bottom); + white-space: nowrap; + font-size: var(--font-size); + color: var(--sign-color); + z-index: 100; + + } + @@ -112,10 +124,21 @@ white-space: nowrap; } - @top-right-corner { - + + @bottom-right { + content: counter(page); + vertical-align: top; + padding-top: var(--running-bottom); + text-align: right; + white-space: nowrap; + font-size: var(--font-size); + color: var(--sign-color); + z-index: 100; + } + + } @@ -205,3 +228,25 @@ /* DELETE BEFORE PRINT */ + + +.pagedjs_left_page .pagedjs_margin-bottom-left .pagedjs_margin-content::after{ + background-color: white; + display: inline-block; + padding-left: 10px; + position: relative; + left: -10px; + padding-right: 1.5ch; +} + + + +.pagedjs_right_page .pagedjs_margin-bottom-right .pagedjs_margin-content::after{ + background-color: white; + display: inline-block; + padding-right: 10px; + position: relative; + left: 10px; + padding-left: 10px; + padding-right: 6px; +} \ No newline at end of file diff --git a/maquette-tests/assets/css/chapter-header.css b/maquette-tests/assets/css/chapter-header.css index a7163bb..7085acf 100644 --- a/maquette-tests/assets/css/chapter-header.css +++ b/maquette-tests/assets/css/chapter-header.css @@ -2,7 +2,7 @@ .chapter-header { position: relative; - font-family: var(--font-title); + /* font-family: var(--font-title); */ font-size: 36px; line-height: 1; break-after: page; diff --git a/maquette-tests/assets/css/running-page.css b/maquette-tests/assets/css/running-page.css index ba821f9..c43cedf 100644 --- a/maquette-tests/assets/css/running-page.css +++ b/maquette-tests/assets/css/running-page.css @@ -5,7 +5,7 @@ letter-spacing: var(--sign-spacing); line-height: var(--sign-baseline); vertical-align: top; - padding-top: var(--running-top); + padding-top: var(--running-bottom); width: 100%; @@ -21,7 +21,7 @@ .running-page{ width: calc(var(--w-container)*2); - padding-left: 7px; + padding-left: 11px; padding-right: 6px; display: flex; /* background-color: yellow; */