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

developpement piste finale

Browse source
This commit is contained in:
sarahgarcin1 2026-03-31 17:07:00 +02:00
parent 221d5abf9a
commit 341b64d33f
122 changed files with 499 additions and 5228 deletions
Download patch file Download diff file Expand all files Collapse all files

142
assets/css/portfolio.css
View file

@ -3,9 +3,12 @@
--pagedjs-fold: 0px;
}
.pagedjs_portfolio_page .pagedjs_sheet{
overflow: visible !important;
}
[data-chapter="portfolio"] p{
color: white;
color: #FFF;
}
.pagedjs_portfolio_page .pagedjs_margin-bottom-right .pagedjs_margin-content::after,
@ -15,63 +18,106 @@
padding: 0;
}
[data-chapter="portfolio"] .chapter-header h2 span,
[data-chapter="portfolio"] .chapter-header .author span{
color: black;
padding-right: 0.75ch;
}
/* DOUBLE */
/* DOUBLE */
.spread{
position: relative;
z-index: -1;
position: absolute;
z-index: -1;
width: calc(var(--pagedjs-pagebox-width) * 2 + var(--bleed-images));
height: calc(var(--pagedjs-pagebox-height) + var(--bleed-images));
top: calc((var(--pagedjs-margin-top) + var(--bleed-images))*-1);
left: calc((var(--pagedjs-margin-left) + var(--bleed-images))*-1);
}
.spread-inner{
position: relative;
width: calc(var(--pagedjs-pagebox-width) + var(--bleed-images));
height: calc(var(--pagedjs-pagebox-height) + var(--bleed-images));
}
.spread__left{
margin: 0;
width: calc(var(--pagedjs-pagebox-width) + var(--bleed-images));
height: calc(var(--pagedjs-pagebox-height) + var(--bleed-images)*2)!important;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
break-after: page;
}
.spread__right{
margin: 0;
width: calc(var(--pagedjs-pagebox-width) + var(--bleed-images));
height: calc(var(--pagedjs-pagebox-height) + var(--bleed-images)*2)!important;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.spread-content{
margin: 0;
width: calc(var(--pagedjs-pagebox-width)*2 + var(--bleed-images)*2);
height: calc(var(--pagedjs-pagebox-height) + var(--bleed-images)*2)!important;
position: absolute;
top: 0;
left: 0;
}
margin: 0;
width: calc(var(--pagedjs-pagebox-width) + var(--bleed-images));
height: calc(var(--pagedjs-pagebox-height) + var(--bleed-images)*2)!important;
position: absolute;
top: calc((var(--pagedjs-margin-top) + var(--bleed-images))*-1);
left: calc((var(--pagedjs-margin-left) + var(--bleed-images))*-1);
overflow: hidden;
break-after: page;
}
.spread__right{
margin: 0;
width: calc(var(--pagedjs-pagebox-width) + var(--bleed-images));
height: calc(var(--pagedjs-pagebox-height) + var(--bleed-images)*2)!important;
position: absolute;
top: calc((var(--pagedjs-margin-top) + var(--bleed-images))*-1);
left: calc(var(--pagedjs-margin-left)*-1);
overflow: hidden;
}
.spread-content{
margin: 0;
width: calc(var(--pagedjs-pagebox-width)*2 + var(--bleed-images)*2);
height: calc(var(--pagedjs-pagebox-height) + var(--bleed-images)*2)!important;
position: absolute;
top: 0;
left: 0;
}
.spread__left .spread-content{
left: calc(var(--pagedjs-fold)*-1);
}
.spread__right .spread-content{
left: calc((var(--pagedjs-pagebox-width) + var(--bleed-images))*-1 + var(--pagedjs-fold));
}
.spread__left .spread-content{
left: calc(var(--pagedjs-fold)*-1);
}
.spread__right .spread-content{
left: calc((var(--pagedjs-pagebox-width) + var(--bleed-images))*-1 + var(--pagedjs-fold));
}
.spread-content img{
height: 100%;
object-fit: cover;
}
.spread .image__top{
z-index: 9000;
position: absolute;
/*overflow: hidden;*/
}
.spread .image__top img{
width: 100%;
height: 100%;
object-fit: cover;
}
/* SPECIFIC */
#josefa-1 .spread-content img{
.spread .image__top.topleft{
top: 0;
left: 0;
}
.spread .image__top.topright{
top: 0;
right: 0;
}
.spread .image__top.bottomleft{
bottom: 0;
left: 0;
}
.spread .image__top.bottomright{
bottom: 0;
right: 0;
}
.spread .image__top.center{
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* SPECIFIC */
#josefa-1 .spread-content img{
width: 100%;
height: 100%;
object-fit: cover;