Julie/decor-6-expe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

adjust header entretiens

Browse source
This commit is contained in:
Julie Blanc 2026-03-17 15:31:57 +01:00
parent 828d97f3f9
commit 6e97e2f46c
4 changed files with 62 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

50
maquette-tests/assets/css/03_layout.css
View file

@ -233,20 +233,6 @@
overflow: hidden;
}
/* DELETE BEFORE PRINT */
/* .pagedjs_margin-top-right-corner-holder{
background-color: white;
width: 40px;
position: absolute;
right: -41px;
} */
/* DELETE BEFORE PRINT */
.pagedjs_left_page .pagedjs_margin-bottom-left .pagedjs_margin-content::after {
padding-left: 0.25ch;
@ -264,4 +250,40 @@
display: inline-block;
background-color: white;
min-width: 2ch;
}
[data-chapter="essai"]{
--sign-color: var(--blue);
page: essai;
break-before: right;
}
@page essai{
--sign-color: var(--blue);
}
[data-chapter="entretien"]{
--sign-color: var(--red);
page: entretien;
break-before: right;
}
@page entretien{
--sign-color: var(--red);
}
[data-chapter="portfolio"]{
--sign-color: var(--green);
page: portfolio;
break-before: right;
}
@page portfolio{
--sign-color: var(--green);
}

22
maquette-tests/assets/css/chapter-header.css
View file

@ -142,4 +142,26 @@
/* left: calc(var(--pagedjs-margin-left)*-1);
padding-left: 19px;
top: -36px; */
}
/* SPECIFIC ----------------------------------------------- */
#charlie-aubry .hgroup{
top: calc(var(--baseline)*0.5);
}
#charlie-aubry .chapter-header .title-before{
top: calc(var(--baseline) * -1.5);
}
#charlie-aubry .chapter-header .title-after {
bottom: calc(var(--baseline) * -1.75 + 1px);
}
#charlie-aubry .hgroup-after{
bottom: calc(var(--baseline)*-12 - 4px);
}

65
maquette-tests/assets/css/running-page.css
View file

@ -48,73 +48,14 @@
}
[data-chapter="entretiens"]{
color: red;
}
.chapter {
break-before: right;
page: chapter;
}
@page chapter:first {
@top-left-corner {
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
}
@top-left {
content: none;
}
@top-center {
content: none;
}
@top-right {
content: none;
}
}
[data-chapter="essai"]{
--sign-color: var(--blue);
page: essai;
}
@page essai{
--sign-color: var(--blue);
}
[data-chapter="entretien"]{
--sign-color: var(--red);
page: entretien;
}
@page entretien{
--sign-color: var(--red);
}
[data-chapter="portfolio"]{
--sign-color: var(--green);
page: portfolio;
}
@page portfolio{
--sign-color: var(--green);
}
@page essai:first {
@top-left-corner {
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
}
@top-left {
@ -136,7 +77,7 @@
@page entretien:first {
@top-left-corner {
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
}
@top-left {
@ -158,7 +99,7 @@
@page portfolio:first {
@top-left-corner {
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
}
@top-left {

2
maquette-tests/index.html
View file

@ -558,7 +558,7 @@
<section class="chapter" data-chapter="entretien">
<section class="chapter" data-chapter="entretien" id="charlie-aubry">
<span class="nav-decor">D6cor</span>
<span class="nav-author">Charlie Aubry</span>