color entretiens

This commit is contained in:
Julie Blanc 2026-03-17 15:20:44 +01:00
parent fe9a3228a8
commit 828d97f3f9
5 changed files with 495 additions and 374 deletions

View file

@ -46,3 +46,139 @@
/* left: calc(var( --w-container)*-1 + var(--pagedjs-margin-left)*-1 + 2px); */
left: calc(var( --w-container)*-1 + 10px);
}
[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);
}
@top-left {
content: none;
}
@top-center {
content: none;
}
@top-right {
content: none;
}
}
@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);
}
@top-left {
content: none;
}
@top-center {
content: none;
}
@top-right {
content: none;
}
}
@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);
}
@top-left {
content: none;
}
@top-center {
content: none;
}
@top-right {
content: none;
}
}
/* TEMP */
@page entretien{
--sign-color: var(--red);
}