refactor code + propre
This commit is contained in:
Valentin
@@ -0,0 +1,27 @@
|
||||
.last-page {
|
||||
/* background-image: url(../../assets/bruit_couv.png), linear-gradient(to left,
|
||||
#95a358 0%,
|
||||
#9ca151 14%,
|
||||
#a59d4a 28%,
|
||||
#af9944 42%,
|
||||
#b8963d 57%,
|
||||
#c19238 71%,
|
||||
#cb8e31 85%); */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.last-page .has-children div h3,
|
||||
.last-page .has-children div div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.last-page .has-children div p {
|
||||
width: 75%;
|
||||
padding-bottom: 20mm;
|
||||
font-size: 11pt;
|
||||
color: white;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,55 @@
|
||||
.pagedjs_first_page {
|
||||
background-image: url(../../assets/bruit_couv.png), linear-gradient(to left,
|
||||
#5595a1 0%,
|
||||
#5f9796 14%,
|
||||
#65998d 28%,
|
||||
#6f9b80 42%,
|
||||
#799e75 57%,
|
||||
#83a16b 71%,
|
||||
#8ba460 85%);
|
||||
}
|
||||
|
||||
.pagedjs_first_page img[alt="img_couv"] {
|
||||
position: absolute;
|
||||
width: 80mm;
|
||||
left: 34.5mm;
|
||||
top: 10mm;
|
||||
}
|
||||
|
||||
.pagedjs_first_page img[alt="logo_rivage"] {
|
||||
position: absolute;
|
||||
width: 30mm;
|
||||
bottom: 0;
|
||||
left: 59.5mm;
|
||||
}
|
||||
|
||||
.pagedjs_first_page h2 {
|
||||
position: absolute;
|
||||
font-size: 36pt;
|
||||
font-weight: bold;
|
||||
left: -8mm;
|
||||
width: 165mm;
|
||||
top: 73mm;
|
||||
line-height: 1.1 !important;
|
||||
}
|
||||
|
||||
.pagedjs_first_page .free {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-family: 'Ortica';
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
font-size: 10pt;
|
||||
line-height: 1.3;
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
margin-left: -8mm;
|
||||
width: 165mm;
|
||||
top: 110mm;
|
||||
}
|
||||
|
||||
.pagedjs_first_page .free p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,78 @@
|
||||
:root {
|
||||
--cols: 8;
|
||||
--rows: 8;
|
||||
--guts: 4mm;
|
||||
}
|
||||
|
||||
@page {
|
||||
size: 165mm 230mm;
|
||||
margin-top: 16mm;
|
||||
margin-bottom: 16mm;
|
||||
bleed: 0mm;
|
||||
color: black;
|
||||
marks: crop;
|
||||
}
|
||||
|
||||
@page:left {
|
||||
margin-left: 16mm;
|
||||
margin-right: 8mm;
|
||||
|
||||
@left-middle {
|
||||
content: counter(page);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-family: 'Ortica';
|
||||
font-weight: bold;
|
||||
font-size: 8pt;
|
||||
height: 30mm;
|
||||
}
|
||||
|
||||
@left-top {
|
||||
content: '';
|
||||
white-space: nowrap;
|
||||
font-family: 'Ortica';
|
||||
font-weight: lighter;
|
||||
font-size: 7pt;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@left-bottom {
|
||||
content: '';
|
||||
white-space: nowrap;
|
||||
font-family: 'Ortica';
|
||||
font-weight: lighter;
|
||||
font-size: 7pt;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.pagedjs_margin-left-top div, .pagedjs_margin-left-bottom div {
|
||||
display: block;
|
||||
min-width: max-content;
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
@page:right {
|
||||
margin-left: 8mm;
|
||||
margin-right: 16mm;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Public';
|
||||
}
|
||||
|
||||
.breakbefore {
|
||||
break-before: page;
|
||||
}
|
||||
|
||||
.breakafter {
|
||||
break-after: page;
|
||||
}
|
||||
@@ -0,0 +1,214 @@
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.imgsmall,
|
||||
.imgsmall_bottom {
|
||||
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
}
|
||||
|
||||
.imgsmallsmall {
|
||||
padding-left: calc((var(--pagedjs-pagebox-width) / var(--cols)) + 10mm);
|
||||
}
|
||||
|
||||
.imgsmall_bottom {
|
||||
break-after: page;
|
||||
}
|
||||
|
||||
.imgsmall img,
|
||||
.imgsmall_bottom img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fullpage2imgs {
|
||||
width: 140mm;
|
||||
height: 210mm;
|
||||
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
}
|
||||
|
||||
.fullpageimage {
|
||||
margin-top: -22mm;
|
||||
margin-left: -10mm;
|
||||
width: 171mm;
|
||||
height: 230mm;
|
||||
}
|
||||
|
||||
.bottomimg {
|
||||
width: 100%;
|
||||
break-after: page;
|
||||
}
|
||||
|
||||
.bottomimg img {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* .tripleimgs,
|
||||
.tripleimgs_bottom {
|
||||
break-before: page;
|
||||
break-after: page
|
||||
} */
|
||||
|
||||
.tripleimgs img:nth-of-type(2),
|
||||
.tripleimgs_bottom img:first-of-type {
|
||||
width: calc(50% - 2mm);
|
||||
margin-right: 4mm;
|
||||
}
|
||||
|
||||
.tripleimgs img:last-of-type,
|
||||
.tripleimgs_bottom img:nth-of-type(2) {
|
||||
width: calc(50% - 2mm);
|
||||
}
|
||||
|
||||
/* .tripleimgs2,
|
||||
.tripleimgs2_bottom {
|
||||
break-before: page;
|
||||
break-after: page
|
||||
} */
|
||||
|
||||
.tripleimgs2 img:nth-of-type(2),
|
||||
.tripleimgs2_bottom img:first-of-type {
|
||||
width: calc(37.5% - 2mm);
|
||||
margin-right: 4mm;
|
||||
}
|
||||
|
||||
.tripleimgs2 img:last-of-type,
|
||||
.tripleimgs2_bottom img:nth-of-type(2) {
|
||||
width: calc(62.5% - 2mm);
|
||||
}
|
||||
|
||||
.imgfullspreadleft,
|
||||
.imgfullspreadright,
|
||||
.imgfullspreadright_bleedtop,
|
||||
.imgfullspreadright_bleed,
|
||||
.doublepage_bigleft,
|
||||
.doublepage_bigright {
|
||||
/* break-before: left;
|
||||
*/ break-after: left;
|
||||
width: 149mm;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.imgfullspreadright_bleedtop {
|
||||
margin-top: -22mm;
|
||||
height: 220mm;
|
||||
}
|
||||
|
||||
.imgfullspreadright_bleed {
|
||||
margin-top: -22mm;
|
||||
height: 242mm;
|
||||
}
|
||||
|
||||
.imgfullspreadleft img,
|
||||
.imgfullspreadright img {
|
||||
height: 198mm;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.imgfullspreadright_bleedtop img {
|
||||
height: 220mm;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.imgfullspreadright_bleed img {
|
||||
height: 242mm;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.imgfullspreadleft-right {
|
||||
width: 149mm;
|
||||
overflow: hidden;
|
||||
margin-left: -16mm;
|
||||
}
|
||||
|
||||
.imgfullspreadright-right {
|
||||
width: 143mm;
|
||||
margin-left: -8mm;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.imgfullspreadright_bleedtop-right, .imgfullspreadright_bleed-right {
|
||||
width: 173mm;
|
||||
height: 220mm !important;
|
||||
margin-top: -22mm;
|
||||
margin-left: -8mm;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.imgfullspreadright_bleed-right, .imgfullspreadright_bleed-right img {
|
||||
height: 242mm !important;
|
||||
}
|
||||
|
||||
.imgfullspreadright_bleedtop-right img, .imgfullspreadright_bleed-right img {
|
||||
height: 220mm;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.imgfullspreadright-right img {
|
||||
height: 198mm;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.imgfullspreadleft-right img {
|
||||
height: 198mm;
|
||||
width: auto;
|
||||
margin-left: -141mm;
|
||||
}
|
||||
|
||||
.doublepage_bigleft,
|
||||
.doublepage_bigright {
|
||||
height: 128mm !important;
|
||||
}
|
||||
|
||||
.doublepage_bigleft img,
|
||||
.doublepage_bigright img {
|
||||
height: 100%;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.overflow_bigimgleft,
|
||||
.overflow_bigimgright {
|
||||
height: 128mm !important;
|
||||
}
|
||||
|
||||
.overflow_bigimgleft {
|
||||
margin-left: -157mm;
|
||||
}
|
||||
|
||||
.overflow_bigimgright {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.doublepage_bigright img {
|
||||
margin-left: 106mm;
|
||||
}
|
||||
|
||||
.overflow_bigimgleft img,
|
||||
.overflow_bigimgright img {
|
||||
height: 100%;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.dp_sm_img {
|
||||
position: absolute;
|
||||
width: calc((var(--pagedjs-pagebox-width) / var(--cols)) * 4);
|
||||
height: 71mm !important;
|
||||
}
|
||||
|
||||
.pagedjs_right_page .dp_sm_img {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.pagedjs_left_page .dp_sm_img {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.dp_sm_img img {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
.latour, .lampe,
|
||||
.latour_nohead, .lampe_nohead {
|
||||
font-family: 'Novel';
|
||||
font-weight: normal;
|
||||
margin-top: 5mm !important;
|
||||
margin-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
margin-right: -16mm;
|
||||
margin-bottom: 5mm;
|
||||
line-height: 12pt;
|
||||
font-size: 8pt;
|
||||
padding-right: 23mm;
|
||||
width: 142mm;
|
||||
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
padding-bottom: 8mm;
|
||||
padding-top: 8mm;
|
||||
background-color: beige;
|
||||
max-height: 198mm;
|
||||
}
|
||||
|
||||
.pagedjs_page_content section div div div div:first-child:is(.latour),
|
||||
.pagedjs_page_content section div div div div:nth-child(2):is(.latour[data-split-from]) {
|
||||
margin-top: 0mm !important;
|
||||
}
|
||||
|
||||
.pagedjs_page_content section div div div div:last-child:is(.latour) {
|
||||
margin-bottom: 0mm !important;
|
||||
}
|
||||
|
||||
.latour p:last-of-type,
|
||||
.lampe p:last-of-type,
|
||||
.latour_nohead p:last-of-type,
|
||||
.lampe_nohead p:last-of-type {
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.latour ul, .latour ol,
|
||||
.lampe ul, .lampe ol,
|
||||
.latour_nohead ul, .latour_nohead ol,
|
||||
.lampe_nohead ul, .lampe_nohead ol {
|
||||
padding-left: 0;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.encart-split {
|
||||
position: absolute;
|
||||
margin-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
background-color: beige;
|
||||
}
|
||||
|
||||
.pagedjs_left_page .latour, .pagedjs_left_page .lampe,
|
||||
.pagedjs_left_page .latour_nohead, .pagedjs_left_page .lampe_nohead {
|
||||
padding-right: 10mm;
|
||||
width: 128.375mm;
|
||||
}
|
||||
|
||||
.encart-header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 3mm;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.encart-header img:first-of-type {
|
||||
margin-top: 1mm;
|
||||
margin-right: 2mm;
|
||||
width: 8mm;
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
.note {
|
||||
font-family: 'Ortica';
|
||||
font-weight: bold;
|
||||
font-size: 6pt;
|
||||
color: red;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.note_texte_number {
|
||||
font-family: 'Ortica';
|
||||
font-weight: bold;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.note_text {
|
||||
line-height: 12pt;
|
||||
font-size: 9pt;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.bibliographie {
|
||||
column-count: 2;
|
||||
column-gap: var(--guts);
|
||||
column-fill: auto;
|
||||
line-height: 12pt;
|
||||
font-size: 9pt;
|
||||
font-weight: bold;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.bibliographie a {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,65 @@
|
||||
|
||||
h2 {
|
||||
font-family: 'Ortica';
|
||||
font-weight: lighter;
|
||||
padding: 0 8%;
|
||||
font-size: 24pt;
|
||||
color: white;
|
||||
margin: 0;
|
||||
line-height: 1.2 !important;
|
||||
text-align: center;
|
||||
break-before: left;
|
||||
}
|
||||
|
||||
.partie_cover_page:first-child {
|
||||
background-color: #4a90b2;
|
||||
}
|
||||
|
||||
.partie_cover_page_right {
|
||||
background-color: #4a90b2;
|
||||
}
|
||||
|
||||
.partie_cover_page .pagedjs_page_content > div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.partie_count {
|
||||
font-size: 55pt;
|
||||
color: white;
|
||||
font-family: 'Ortica';
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
margin-bottom: 33pt;
|
||||
}
|
||||
|
||||
h3 {
|
||||
break-before: left;
|
||||
font-family: 'Ortica';
|
||||
font-weight: lighter;
|
||||
font-size: 28pt;
|
||||
line-height: 1.3;
|
||||
margin: 0;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
h3 .gros-chiffre {
|
||||
font-size: 54pt;
|
||||
font-family: 'Ortica';
|
||||
font-weight: bold;
|
||||
margin-bottom: -5mm;
|
||||
}
|
||||
|
||||
h4 {
|
||||
break-before: left;
|
||||
margin-top: 0;
|
||||
font-size: 16pt;
|
||||
line-height: 1.1;
|
||||
color: black;
|
||||
font-family: 'Ortica';
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,92 @@
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.moment {
|
||||
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
display: block;
|
||||
font-size: 11pt;
|
||||
font-weight: bold;
|
||||
line-height: 1.1; /* LA IL FAUT AJUSTER CF TEMPS 14 */
|
||||
}
|
||||
|
||||
.moment + .moment {
|
||||
margin-bottom: 14pt;
|
||||
}
|
||||
|
||||
.moment .first-letter {
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
.temps {
|
||||
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
font-size: 9pt;
|
||||
margin-top: -1pt;
|
||||
margin-bottom: 8pt;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.temps:before {
|
||||
content: "> ";
|
||||
}
|
||||
|
||||
.labeur, .free, .free_left, .citation {
|
||||
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
line-height: 12pt;
|
||||
font-size: 9pt;
|
||||
hyphens: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.labeur p:before {
|
||||
content: '+ ';
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.labeur li {
|
||||
margin-bottom: 4pt;
|
||||
}
|
||||
|
||||
.labeur li:before {
|
||||
content: '× ';
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.labeur ul {
|
||||
list-style: none;
|
||||
padding-left: 6mm;
|
||||
}
|
||||
|
||||
.free, .free_left {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.free_left {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.citation {
|
||||
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols) + 6.5mm);
|
||||
text-align: justify;
|
||||
padding-right: 16mm;
|
||||
hyphens: auto;
|
||||
font-style: italic;
|
||||
margin-top: 4mm;
|
||||
}
|
||||
|
||||
.citation .guillement_ouvrant {
|
||||
position: absolute;
|
||||
font-size: 58pt;
|
||||
margin-left: -15mm;
|
||||
margin-top: 5mm;
|
||||
}
|
||||
|
||||
.citation .guillement_fermant {
|
||||
position: absolute;
|
||||
font-size: 58pt;
|
||||
right: 3mm;
|
||||
}
|
||||
|
||||
.citation ul {
|
||||
padding: 0;
|
||||
}
|
||||
@@ -1,645 +1,10 @@
|
||||
:root {
|
||||
--cols: 8;
|
||||
--rows: 8;
|
||||
--guts: 4mm;
|
||||
}
|
||||
@import url('mep/general.css');
|
||||
@import url('mep/front-cover.css');
|
||||
@import url('mep/back-cover.css');
|
||||
@import url('mep/titles.css');
|
||||
@import url('mep/typographie.css');
|
||||
@import url('mep/inserts.css');
|
||||
@import url('mep/notes-biblios.css');
|
||||
@import url('mep/imgs.css');
|
||||
|
||||
@page {
|
||||
size: 165mm 230mm;
|
||||
margin-top: 16mm;
|
||||
margin-bottom: 16mm;
|
||||
bleed: 0mm;
|
||||
color: black;
|
||||
marks: crop;
|
||||
}
|
||||
|
||||
@page:left {
|
||||
margin-left: 16mm;
|
||||
margin-right: 8mm;
|
||||
@left-middle {
|
||||
content: counter(page);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-family: 'Ortica';
|
||||
font-weight: bold;
|
||||
font-size: 8pt;
|
||||
height: 30mm;
|
||||
}
|
||||
@left-top {
|
||||
content: '';
|
||||
white-space: nowrap;
|
||||
font-family: 'Ortica';
|
||||
font-weight: lighter;
|
||||
font-size: 7pt;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
text-align: right;
|
||||
}
|
||||
@left-bottom {
|
||||
content: '';
|
||||
white-space: nowrap;
|
||||
font-family: 'Ortica';
|
||||
font-weight: lighter;
|
||||
font-size: 7pt;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.pagedjs_margin-left-top div, .pagedjs_margin-left-bottom div {
|
||||
display: block;
|
||||
min-width: max-content;
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
@page:right {
|
||||
margin-left: 8mm;
|
||||
margin-right: 16mm;
|
||||
}
|
||||
|
||||
.pagedjs_first_page {
|
||||
background-image: url(../assets/bruit_couv.png), linear-gradient(to left,
|
||||
#5595a1 0%,
|
||||
#5f9796 14%,
|
||||
#65998d 28%,
|
||||
#6f9b80 42%,
|
||||
#799e75 57%,
|
||||
#83a16b 71%,
|
||||
#8ba460 85%);
|
||||
}
|
||||
|
||||
.pagedjs_first_page img[alt="img_couv"] {
|
||||
position: absolute;
|
||||
width: 80mm;
|
||||
left: 34.5mm;
|
||||
top: 10mm;
|
||||
}
|
||||
|
||||
.pagedjs_first_page img[alt="logo_rivage"] {
|
||||
position: absolute;
|
||||
width: 30mm;
|
||||
bottom: 0;
|
||||
left: 59.5mm;
|
||||
}
|
||||
|
||||
.pagedjs_first_page h2 {
|
||||
position: absolute;
|
||||
font-size: 36pt;
|
||||
font-weight: bold;
|
||||
left: -8mm;
|
||||
width: 165mm;
|
||||
top: 73mm;
|
||||
line-height: 1.1 !important;
|
||||
}
|
||||
|
||||
.pagedjs_first_page .free {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-family: 'Ortica';
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
font-size: 10pt;
|
||||
line-height: 1.3;
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
margin-left: -8mm;
|
||||
width: 165mm;
|
||||
top: 110mm;
|
||||
}
|
||||
|
||||
.pagedjs_first_page .free p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.last-page {
|
||||
/* background-image: url(../assets/bruit_couv.png), linear-gradient(to left,
|
||||
#95a358 0%,
|
||||
#9ca151 14%,
|
||||
#a59d4a 28%,
|
||||
#af9944 42%,
|
||||
#b8963d 57%,
|
||||
#c19238 71%,
|
||||
#cb8e31 85%); */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.last-page .has-children div h3,
|
||||
.last-page .has-children div div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.last-page .has-children div p {
|
||||
width: 75%;
|
||||
padding-bottom: 20mm;
|
||||
font-size: 11pt;
|
||||
color: white;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Public';
|
||||
}
|
||||
|
||||
#chargement {
|
||||
position: fixed;
|
||||
background-color: chocolate;
|
||||
padding: 5px;
|
||||
color: white;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
opacity: 1;
|
||||
transition: opacity 0.3s ease-out;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-family: 'Ortica';
|
||||
font-weight: lighter;
|
||||
padding: 0 8%;
|
||||
font-size: 24pt;
|
||||
break-before: left;
|
||||
color: white;
|
||||
margin: 0;
|
||||
line-height: 1.2 !important;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.partie_cover_page:first-child {
|
||||
background-color: #4a90b2;
|
||||
}
|
||||
|
||||
.partie_cover_page_right {
|
||||
background-color: #4a90b2;
|
||||
}
|
||||
|
||||
.partie_cover_page .pagedjs_page_content > div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.partie_count {
|
||||
font-size: 55pt;
|
||||
color: white;
|
||||
font-family: 'Ortica';
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
margin-bottom: 33pt;
|
||||
}
|
||||
|
||||
h3 {
|
||||
break-before: left;
|
||||
font-family: 'Ortica';
|
||||
font-weight: lighter;
|
||||
font-size: 28pt;
|
||||
line-height: 1.3;
|
||||
margin: 0;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
h3 .gros-chiffre {
|
||||
font-size: 54pt;
|
||||
font-family: 'Ortica';
|
||||
font-weight: bold;
|
||||
margin-bottom: -5mm;
|
||||
}
|
||||
|
||||
h4 {
|
||||
break-before: left;
|
||||
margin-top: 0;
|
||||
font-size: 16pt;
|
||||
line-height: 1.1;
|
||||
color: black;
|
||||
font-family: 'Ortica';
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.breakbefore {
|
||||
break-before: page;
|
||||
}
|
||||
|
||||
.breakafter {
|
||||
break-after: page;
|
||||
}
|
||||
|
||||
.moment {
|
||||
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
display: block;
|
||||
font-size: 11pt;
|
||||
font-weight: bold;
|
||||
line-height: 1.1; /* LA IL FAUT AJUSTER CF TEMPS 14 */
|
||||
}
|
||||
|
||||
.moment + .moment {
|
||||
margin-bottom: 14pt;
|
||||
}
|
||||
|
||||
.moment .first-letter {
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
.temps {
|
||||
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
font-size: 9pt;
|
||||
margin-top: -1pt;
|
||||
margin-bottom: 8pt;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.temps:before {
|
||||
content: "> ";
|
||||
}
|
||||
|
||||
|
||||
.labeur, .free, .free_left, .citation {
|
||||
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
line-height: 12pt;
|
||||
font-size: 9pt;
|
||||
text-align: justify;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
.labeur {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.free, .free_left {
|
||||
margin-bottom: 12px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.free_left {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.citation {
|
||||
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols) + 6.5mm);
|
||||
text-align: justify;
|
||||
padding-right: 16mm;
|
||||
hyphens: auto;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.citation .guillement_ouvrant {
|
||||
position: absolute;
|
||||
font-size: 58pt;
|
||||
margin-left: -15mm;
|
||||
margin-top: 5mm;
|
||||
}
|
||||
|
||||
.citation .guillement_fermant {
|
||||
position: absolute;
|
||||
font-size: 58pt;
|
||||
right: 3mm;
|
||||
}
|
||||
|
||||
.citation ul {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.labeur p:before {
|
||||
content: '+ ';
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.labeur li {
|
||||
margin-bottom: 4pt;
|
||||
}
|
||||
|
||||
.labeur li:before {
|
||||
content: '× ';
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.labeur ul {
|
||||
list-style: none;
|
||||
padding-left: 6mm;
|
||||
}
|
||||
|
||||
.pilote {
|
||||
font-family: 'Novel';
|
||||
font-weight: normal;
|
||||
font-size: 11pt;
|
||||
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
text-align: left;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.latour, .lampe,
|
||||
.latour_nohead, .lampe_nohead {
|
||||
font-family: 'Novel';
|
||||
font-weight: normal;
|
||||
margin-top: 5mm !important;
|
||||
margin-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
margin-right: -16mm;
|
||||
margin-bottom: 5mm;
|
||||
line-height: 12pt;
|
||||
font-size: 8pt;
|
||||
padding-right: 23mm;
|
||||
width: 142mm;
|
||||
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
padding-bottom: 8mm;
|
||||
padding-top: 8mm;
|
||||
background-color: beige;
|
||||
max-height: 198mm;
|
||||
}
|
||||
|
||||
.pagedjs_page_content section div div div div:first-child:is(.latour),
|
||||
.pagedjs_page_content section div div div div:nth-child(2):is(.latour[data-split-from]) {
|
||||
margin-top: 0mm !important;
|
||||
}
|
||||
|
||||
.pagedjs_page_content section div div div div:last-child:is(.latour) {
|
||||
margin-bottom: 0mm !important;
|
||||
}
|
||||
|
||||
.latour p:last-of-type,
|
||||
.lampe p:last-of-type,
|
||||
.latour_nohead p:last-of-type,
|
||||
.lampe_nohead p:last-of-type {
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.latour ul, .latour ol,
|
||||
.lampe ul, .lampe ol,
|
||||
.latour_nohead ul, .latour_nohead ol,
|
||||
.lampe_nohead ul, .lampe_nohead ol {
|
||||
padding-left: 0;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.encart-split {
|
||||
position: absolute;
|
||||
margin-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
background-color: beige;
|
||||
}
|
||||
|
||||
.pagedjs_left_page .latour, .pagedjs_left_page .lampe,
|
||||
.pagedjs_left_page .latour_nohead, .pagedjs_left_page .lampe_nohead {
|
||||
padding-right: 10mm;
|
||||
width: 128.375mm;
|
||||
}
|
||||
|
||||
.encart-header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 3mm;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.encart-header img:first-of-type {
|
||||
margin-top: 1mm;
|
||||
margin-right: 2mm;
|
||||
width: 8mm;
|
||||
}
|
||||
|
||||
.bibliographie {
|
||||
column-count: 2;
|
||||
column-gap: var(--guts);
|
||||
column-fill: auto;
|
||||
line-height: 12pt;
|
||||
font-size: 9pt;
|
||||
font-weight: bold;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.bibliographie a {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.imgsmall,
|
||||
.imgsmall_bottom {
|
||||
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
}
|
||||
|
||||
.imgsmallsmall {
|
||||
padding-left: calc((var(--pagedjs-pagebox-width) / var(--cols)) + 10mm);
|
||||
}
|
||||
|
||||
.imgsmall_bottom {
|
||||
break-after: page;
|
||||
}
|
||||
|
||||
.imgsmall img,
|
||||
.imgsmall_bottom img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fullpage2imgs {
|
||||
width: 140mm;
|
||||
height: 210mm;
|
||||
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
|
||||
}
|
||||
|
||||
.fullpageimage {
|
||||
margin-top: -22mm;
|
||||
margin-left: -10mm;
|
||||
width: 171mm;
|
||||
height: 230mm;
|
||||
}
|
||||
|
||||
|
||||
.bottomimg {
|
||||
width: 100%;
|
||||
break-after: page;
|
||||
}
|
||||
|
||||
.bottomimg img {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.tripleimgs,
|
||||
.tripleimgs_bottom {
|
||||
break-before: page;
|
||||
break-after: page
|
||||
}
|
||||
|
||||
.tripleimgs img:nth-of-type(2),
|
||||
.tripleimgs_bottom img:first-of-type {
|
||||
width: calc(50% - 2mm);
|
||||
margin-right: 4mm;
|
||||
}
|
||||
|
||||
.tripleimgs img:last-of-type,
|
||||
.tripleimgs_bottom img:nth-of-type(2) {
|
||||
width: calc(50% - 2mm);
|
||||
}
|
||||
|
||||
.tripleimgs2,
|
||||
.tripleimgs2_bottom {
|
||||
break-before: page;
|
||||
break-after: page
|
||||
}
|
||||
|
||||
.tripleimgs2 img:nth-of-type(2),
|
||||
.tripleimgs2_bottom img:first-of-type {
|
||||
width: calc(37.5% - 2mm);
|
||||
margin-right: 4mm;
|
||||
}
|
||||
|
||||
.tripleimgs2 img:last-of-type,
|
||||
.tripleimgs2_bottom img:nth-of-type(2) {
|
||||
width: calc(62.5% - 2mm);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.imgfullspreadleft,
|
||||
.imgfullspreadright,
|
||||
.imgfullspreadright_bleedtop,
|
||||
.imgfullspreadright_bleed,
|
||||
.doublepage_bigleft,
|
||||
.doublepage_bigright {
|
||||
break-before: left;
|
||||
break-after: left;
|
||||
width: 149mm;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.imgfullspreadright_bleedtop {
|
||||
margin-top: -22mm;
|
||||
height: 220mm;
|
||||
}
|
||||
|
||||
.imgfullspreadright_bleed {
|
||||
margin-top: -22mm;
|
||||
height: 242mm;
|
||||
}
|
||||
|
||||
.imgfullspreadleft img,
|
||||
.imgfullspreadright img {
|
||||
height: 198mm;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.imgfullspreadright_bleedtop img {
|
||||
height: 220mm;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.imgfullspreadright_bleed img {
|
||||
height: 242mm;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.imgfullspreadleft-right {
|
||||
width: 149mm;
|
||||
overflow: hidden;
|
||||
margin-left: -16mm;
|
||||
}
|
||||
|
||||
.imgfullspreadright-right {
|
||||
width: 143mm;
|
||||
margin-left: -8mm;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
|
||||
.imgfullspreadright_bleedtop-right, .imgfullspreadright_bleed-right {
|
||||
width: 173mm;
|
||||
height: 220mm !important;
|
||||
margin-top: -22mm;
|
||||
margin-left: -8mm;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.imgfullspreadright_bleed-right, .imgfullspreadright_bleed-right img {
|
||||
height: 242mm !important;
|
||||
}
|
||||
|
||||
.imgfullspreadright_bleedtop-right img, .imgfullspreadright_bleed-right img {
|
||||
height: 220mm;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.imgfullspreadright-right img {
|
||||
height: 198mm;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.imgfullspreadleft-right img {
|
||||
height: 198mm;
|
||||
width: auto;
|
||||
margin-left: -141mm;
|
||||
}
|
||||
|
||||
|
||||
.doublepage_bigleft,
|
||||
.doublepage_bigright {
|
||||
height: 128mm !important;
|
||||
}
|
||||
|
||||
.doublepage_bigleft img,
|
||||
.doublepage_bigright img {
|
||||
height: 100%;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.overflow_bigimgleft,
|
||||
.overflow_bigimgright {
|
||||
height: 128mm !important;
|
||||
}
|
||||
|
||||
.overflow_bigimgleft {
|
||||
margin-left: -157mm;
|
||||
}
|
||||
|
||||
.overflow_bigimgright {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.doublepage_bigright img {
|
||||
margin-left: 106mm;
|
||||
}
|
||||
|
||||
.overflow_bigimgleft img,
|
||||
.overflow_bigimgright img {
|
||||
height: 100%;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.dp_sm_img {
|
||||
position: absolute;
|
||||
width: calc((var(--pagedjs-pagebox-width) / var(--cols)) * 4);
|
||||
height: 71mm !important;
|
||||
}
|
||||
|
||||
.pagedjs_right_page .dp_sm_img {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.pagedjs_left_page .dp_sm_img {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.dp_sm_img img {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
#chargement {
|
||||
position: fixed;
|
||||
background-color: chocolate;
|
||||
padding: 5px;
|
||||
color: white;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
opacity: 1;
|
||||
transition: opacity 0.3s ease-out;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user