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

nouveaux tests

Browse source
This commit is contained in:
sarahgarcin1 2026-03-12 21:58:10 +01:00
parent ca50f33eb3
commit d736be631c
8 changed files with 149 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

159
assets/css/print.css
View file

@ -8,25 +8,21 @@
}
@page :left {
margin: 20mm 36mm 18mm 14mm;
margin: 12mm 36mm 18mm 14mm;
/* @top-left-corner {
content: counter(page);
font-size: 11pt;
text-align: center;
font-family: "Bilzig Trial";
}*/
@top-center{
/* @top-center{
font-family: var(--fontFamily);
content: "D6cor > essai";
font-size: 8pt;
color: var(--bleu);
text-align: left;
margin-top: 4mm;
/*text-align: center;*/
/*text-transform: uppercase;*/
/*width: 105%;*/
/*margin-left: 0%;*/
}
}*/
@bottom-left{
font-family: var(--fontFamily);
content: counter(page);
@ -35,24 +31,32 @@
margin-top:-5mm;
margin-left: 0mm;
}
@bottom-right{
font-family: var(--fontFamily);
content: "D6cor > essai";
font-size: 8pt;
color: var(--bleu);
text-align: left;
margin-top:-5mm;
}
}
@page :right {
margin: 20mm 14mm 18mm 36mm;
margin: 12mm 14mm 18mm 36mm;
/*@top-right-corner {
content: counter(page);
font-size: 7pt;
text-align: center;
font-family: var(--fontFamily);
}*/
@top-center{
/*@top-center{
content: string(chapter);
font-family: var(--fontFamily);
font-size: 8pt;
color: var(--bleu);
text-align: right;
margin-top: 4mm;
}
}*/
@bottom-right{
font-family: var(--fontFamily);
content: counter(page);
@ -61,6 +65,13 @@
margin-top:-5mm;
margin-right: 0mm;
}
@bottom-left{
content: string(chapter);
font-family: var(--fontFamily);
font-size: 8pt;
color: var(--bleu);
margin-top:-5mm;
}
}
.chapter{
@ -141,20 +152,82 @@
/* ---- INTERPAGES ------ */
.interpage figure{
height: calc(var(--pagedjs-height) - (var(--border) * 2)) !important;
margin-top: calc(var(--border) + 3mm);
margin-top: calc(var(--border) + 8mm);
margin-bottom: 0;
width: 100%;
}
/* ---- PAGE DE TITRE ------ */
/* --- test 1 font 1 taille typo */
.chapter-title{
page: chapterTitle;
display: flex;
flex-direction: column;
align-items: center;
page-break-before: always;
position: relative;
}
@page chapterTitle{
.chapter-title h2,
.chapter-title h3{
margin: 0;
font-size: var(--textSize);
/*text-align: center;*/
/*font-family: var(--fontTitle);*/
text-align: left;
}
.chapter-title h2:before{
content: "# # # # # # # # # # # # # # # # # # # # # # # # # # # # #";
display: block;
margin-bottom: 1rem;
}
.chapter-title h2:after{
content: "+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ";
display: block;
margin-top: 1rem;
margin-bottom: 1rem;
}
.chapter-title h3{
font-size: var(--fontSize);
text-transform: none;
font-weight: 500;
}
.chapter-title h3:after{
content: "⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ";
display: block;
margin-top: 1rem;
margin-bottom: 1rem;
}
.chapter-title .type{
position: absolute;
left: -2.2cm;
top: -1mm;
font-family: var(--fontTitle);
/*color: var(--bleu);*/
}
.chapter-title .type:before{
content: "[";
}
.chapter-title .type:after{
content: "]";
}
/* -- test mix ocr / jetbrains --- */
.test .chapter-title{
page-break-before: always;
margin-bottom: 2cm;
position: relative;
/*page: chapterTitle;*/
/* display: flex;
flex-direction: column;
align-items: center;*/
}
/* @page chapterTitle{
background: var(--bleu);
margin: 12mm 0mm;
@top-left-corner {content: none;}
@ -173,17 +246,40 @@
@bottom-center {content: none;}
@bottom-right {content: none;}
@bottom-right-corner {content: none;}
}*/
.test .chapter-title h2,
.test .chapter-title h3{
/* display: inline-block;
position: relative;*/
margin: 0;
font-size: 22pt;
/*text-align: center;*/
font-family: var(--fontTitle);
text-align: left;
}
.chapter-title h2,
.chapter-title h3,
.chapter-title p {
display: inline-block;
position: relative;
margin: 0;
color: #FFF;
font-size: var(--textSize);
text-align: center;
.test .chapter-title h3{
font-size: var(--fontSize);
margin-top: 2cm;
text-transform: none;
font-weight: 500;
}
.test .chapter-title .type{
position: absolute;
left: -2.2cm;
top: 1.5mm;
font-family: var(--fontTitle);
color: var(--bleu);
}
.test .chapter-title .type:before{
content: "[";
}
.test .chapter-title .type:after{
content: "]";
}
/* ascii-fill : pas de flex:1, hauteur fixée par JS */
@ -199,15 +295,14 @@
width: 100%;
}
.chapter-title,
/*.chapter-title,
.biographie {
font-family: var(--fontFamily);
color: #FFF;
text-align: center;
width: 90%;
margin: auto;
/*padding: 30px;*/
}
}*/
pre {
font-family: var(--fontFamily);
@ -298,9 +393,11 @@
/* ------- NOTES ------- */
.margin-note{
font-size: 8.5pt;
font-size: 8pt;
line-height: 1.41;
font-family: "Bilzig Trial";
font-family: var(--fontNotes);
/*font-weight: 400;*/
/*font-family: "Bilzig Trial";*/
color: var(--bleu);
text-align: left;
position: relative !important;

5
assets/css/variables.css
View file

@ -2,7 +2,10 @@
--margin: 1em;
--fontFamily: "JetBrains Mono NL";
--textSize: 9pt;
/*--fontFamily: "Hershey-Noailles-Futura";*/
--fontNotes: "Hershey-Noailles-Times";
--fontTitle: "OCR-X Trial";
--textSize: 9.5pt;
--ratio : auto;
--rouge: #ff665e;