Commit 795159fb authored by Julie Blanc's avatar Julie Blanc

modification layout avec mises à jour pagedjs

parent 24b04c4a
img/logo-crsh.jpg

9.97 KB | W: | H:

img/logo-crsh.jpg

19.5 KB | W: | H:

img/logo-crsh.jpg
img/logo-crsh.jpg
img/logo-crsh.jpg
img/logo-crsh.jpg
  • 2-up
  • Swipe
  • Onion skin
......@@ -31,24 +31,24 @@
transform-origin: 0 0;
} */
.page {
.pagedjs_page {
/* background-color: #fdfdfd; */
margin-bottom: calc(var(--margin) / 2);
flex: none;
border: 1px solid black;
}
.pages {
.pagedjs_pages {
width: calc(var(--width) * 2);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
transform-origin: 0 0;
margin: 0 auto;
margin: 0 50px;
}
.pages > .section {
.pagedjs_pages > .section {
width: calc(var(--width) * 2);
display: flex;
flex-direction: row;
......@@ -61,7 +61,7 @@
text-align: center;
}
.first_page {
.pagedjs_first_page {
margin-left: 50%;
}
}
......
......@@ -12,12 +12,9 @@
background-position-y: 8px;
}
/*
@page:left{
/* margin-top: 16mm;
margin-bottom: 17mm;
margin-left: 8mm;
margin-right: 12mm; */
margin-top: 10mm;
margin-bottom: 17mm;
margin-left: 8mm;
......@@ -26,15 +23,12 @@
}
@page chapter:right{
/* margin-top: 16mm;
margin-bottom: 17mm;
margin-left: 12mm;
margin-right: 8mm; */
margin-top: 10mm;
margin-bottom: 17mm;
margin-left: 16mm;
margin-right: 8mm;
}
} */
#couv {
page: couv;
}
......@@ -60,177 +54,64 @@
}
@page frontmatter:left {
@page:left {
margin-top: 10mm;
margin-bottom: 17mm;
margin-left: 8mm;
margin-right: 16mm;
@bottom-left{
content: counter(page) "\000020 \000020 \000020 \000020 \000020 Écridil 2018" ;
content: counter(page) "\000020 \000020 \000020 \000020 \000020 Version 0, Écridil 2018" ;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
white-space: pre;
font-family: "ibm-plex-mono", sans-serif;
font-weight:400;
margin-top:3em;
margin-top: 25px;
}
}
@page frontmatter:right {
@page:right {
margin-top: 10mm;
margin-bottom: 17mm;
margin-left: 16mm;
margin-right: 8mm;
}
/* BACKMATTER -------------------------------------- */
#intervenants {
page: intervenants;
break-before: right;
}
@page intervenants:left {
margin-top: 10mm;
margin-bottom: 17mm;
margin-left: 8mm;
margin-right: 0mm;
@bottom-left{
content: counter(page) "\000020 \000020 \000020 \000020 \000020 Écridil 2018" ;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
white-space: pre;
font-family: "ibm-plex-mono", sans-serif;
font-weight:400;
margin-top:3em;
}
}
@page intervenants:right {
margin-top: 10mm;
margin-bottom: 17mm;
margin-left: 14mm;
margin-right: 0mm;
@bottom-right{
content: "Intervenants";
@bottom-center{
content: element(shorter);
font-size: 0.8rem;
letter-spacing: 1px;
white-space: pre;
text-align:right;
margin-right: 57px;
/* margin-right: 26px; */
position: relative;
left: 54px;
font-family: "ibm-plex-mono", sans-serif;
font-style: italic;
margin-top:3em;
margin-top: 25px;
}
@bottom-right-corner{
@bottom-right{
content: counter(page);
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
white-space: pre;
text-align: right;
position: relative;
left: -42px;
margin-top: 25px;
font-family: "ibm-plex-mono", sans-serif;
margin-top:3em;
}
}
#intervenants div{
width: 41mm;
break-inside: avoid;
margin-right: 3mm;
display: inline-block;
vertical-align: top;
margin-top: 5mm;
}
#intervenants p, #intervenants img{
width: 100%;
}
#intervenants .level2{
break-before: page;
}
#intervenants h1{
margin-right: 8mm;
position: relative;
top: 22px;
}
/* HACK */
#communications h2,
#tables-rondes h2 {
position: relative;
left: 0px;
top: 69px;
}
#intervenants-p1,
#intervenants-p7 {
height: 440px;
position: absolute;
top: 101px;
}
#intervenants-p1 p {
height: 45px;
}
#intervenants-p2 {
/* background-color: yellow; */
height: 440px;
position: relative;
top: -12px;
}
#intervenants-p3,
#intervenants-p4,
#intervenants-p5,
#intervenants-p6 {
height: 440px;
position: relative;
left: 0px;
top: 5px;
}
.interv-1lign { height: 18px; }
.interv-2lign { height: 35px; }
.interv-3lign { height: 45px; }
#stands h2{
position: relative;
left: 0px;
top: 52px;
}
#intervenants-p8{
height: 440px;
position: absolute;
top: 70px;
}
/* CHAPTER -------------------------------------- */
......@@ -245,53 +126,61 @@
margin-right: 12mm;
@bottom-left{
content: counter(page) "\000020 \000020 \000020 \000020 \000020 Écridil 2018" ;
content: counter(page) "\000020 \000020 \000020 \000020 \000020 Version 0, Écridil 2018" ;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
white-space: pre;
font-family: "ibm-plex-mono", sans-serif;
font-weight:400;
margin-top:3em;
margin-top: 25px;
}
}
.pagedjs_page .pagedjs_margin-top > div, .pagedjs_page .pagedjs_margin-bottom > div{
display: block!important;
}
@page chapter:right{
margin-top: 16mm;
margin-bottom: 17mm;
margin-left: 12mm;
margin-right: 8mm;
@bottom-right{
/* @bottom-center{
content: element(shorter);
font-size: 0.8rem;
letter-spacing: 1px;
white-space: pre;
text-align:right;
margin-right: 26px;
position: relative;
left: 54px;
font-family: "ibm-plex-mono", sans-serif;
font-style: italic;
margin-top:3em;
margin-top: 25px;
}
@bottom-right-corner{
@bottom-right{
content: counter(page);
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
white-space: pre;
text-align: right;
position: relative;
left: -30px;
margin-top: 25px;
font-family: "ibm-plex-mono", sans-serif;
margin-top:3em;
}
} */
}
@page chapter:first{
@bottom-right{
content: "";
......@@ -403,4 +292,8 @@ section h1{
width: 100%;
display: flex;
justify-content: space-between;
}
#pagelicence{
break-before: page!important;
}
\ No newline at end of file
......@@ -57,6 +57,75 @@ ul > li:before {
}
/* Page de titre */
#version-0-1 h1 {
font-family: var(--ibm-mono);
font-weight: 300;
font-style: italic;
font-size: 4.3rem!important;
/* margin-left: 2rem; */
text-align: right!important;
}
#version-0-1 h2 {
font-family: var(--ibm-mono);
font-weight: 300;
font-style: italic;
font-size: 1.6rem!important;
line-height: 1.5rem;
/* margin-left: 2rem; */
text-align: right!important;
}
#version-0-1 figure{
width: 20mm;
float: right;
position: absolute;
right: 0;
bottom: 0;
}
#version-0-1 figcaption{
display: none;
}
/* Page licence */
#pagelicence{
position: relative;
top: 400px;
}
#pagelicence h1 {
display: none;
}
#pagelicence p {
font-family: var(--ibm-mono)!important;
font-style: italic!important;
font-size: 0.85rem!important;
line-height: 1.2rem!important;
}
#pagelicence img:nth-of-type(1) {
width: 40%;
display: inline-block;
margin-top: 5mm;
margin-right: 5mm;
}
#pagelicence img:nth-of-type(2){
width: 25%;
display: inline-block;
margin-top: 5mm;
}
#pagelicence img:nth-of-type(3){
width: 90%;
}
/* titre des chapitres*/
.chapter h1, .postmatter h1{
font-family: var(--ibm-mono);
......@@ -65,7 +134,7 @@ ul > li:before {
font-size: 4rem;
line-height: 4.3rem;
text-align: right;
padding-top: 8px;
padding-top: 30px;
}
.fragment,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment