Commit 133a8431 authored by Julie Blanc's avatar Julie Blanc

rétrécissement des grandes citations

parent ef0a0cea
This diff is collapsed.
......@@ -3,56 +3,16 @@
@page {
size: 107.9mm 174.6mm;
margin-top: 10mm;
margin-bottom: 17mm;
margin-left: 8mm;
margin-right: 16mm;
background-image: repeating-linear-gradient(180deg, transparent 0, transparent 15px , rgba(0,255,0,0.7) 16px) ;
/* baseline */
background-image: repeating-linear-gradient(180deg, transparent 0, transparent 15px , rgba(0,255,0,0.7) 16px) ;
background-size: cover;
background-position-y: 8px;
}
/*
@page:left{
margin-top: 10mm;
margin-bottom: 17mm;
margin-left: 8mm;
margin-right: 16mm;
}
@page chapter:right{
margin-top: 10mm;
margin-bottom: 17mm;
margin-left: 16mm;
margin-right: 8mm;
} */
#couv {
page: couv;
}
@page couv {
margin: 2mm 2mm;
background-color: black;
}
@page:blank{
}
/* FRONTMATTER -------------------------------------- */
.frontmatter, .postmatter {
page: frontmatter;
break-before: right;
}
/* GLOBAL LAYOUT --------------------------------- */
@page:left {
margin-top: 10mm;
......@@ -61,16 +21,33 @@
margin-right: 16mm;
@bottom-left{
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: 25px;
content: counter(page) ;
font-family: "ibm-plex-mono", sans-serif;
font-weight:400;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
white-space: pre;
width: 30px;
vertical-align: top;
padding-top: 25px;
}
@bottom-center{
content: "Version 0, Écridil 2018" ;
font-size: 0.8rem;
font-family: "ibm-plex-mono", sans-serif;
font-weight:400;
text-transform: uppercase;
letter-spacing: 1px;
white-space: pre;
text-align: left;
vertical-align: top;
padding-top: 25px;
}
}
......@@ -82,42 +59,85 @@
@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: 25px;
font-size: 0.8rem;
font-family: "ibm-plex-mono", sans-serif;
font-style: italic;
letter-spacing: 1px;
white-space: pre;
text-align:right;
vertical-align: top;
padding-top: 25px;
}
@bottom-right{
content: counter(page);
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
white-space: pre;
text-align: right;
margin-top: 25px;
font-family: "ibm-plex-mono", sans-serif;
font-family: "ibm-plex-mono", sans-serif;
font-weight:400;
text-transform: uppercase;
letter-spacing: 1px;
white-space: pre;
width: 30px;
text-align: right;
vertical-align: top;
padding-top: 25px;
}
}
.shorter{
position: running(shorter);
text-align: right;
margin: 0!important;
}
section h1{
string-set: sectiontitle content(text);
}
@page:blank {
@bottom-left { content: none; }
@bottom-center { content: none; }
@bottom-right { content: none; }
}
/* CHAPTER -------------------------------------- */
/* FRONTMATTER ------------------------------------------- */
.frontmatter {
break-before: right;
break-after: page;
}
#version-0-1 figure{
width: 20mm;
float: right;
position: relative;
top: 406px;
/* position: absolute;
right: 0;
bottom: -55px; */
background-color: white;
}
/* Hack to don't cut the figure */
[data-page-number="3"] .pagedjs_page_content { height: 700px!important; }
#pagelicence {
position: absolute;
bottom: 0;
}
@page:nth(4){
@bottom-left { content: none;}
@bottom-center { content: none;}
@bottom-right { content: none;}
}
/* CHAPTER -------------------------------------- */
@page chapter:left{
margin-top: 16mm;
......@@ -125,146 +145,83 @@
margin-left: 8mm;
margin-right: 12mm;
@bottom-left{
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: 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-center{
content: element(shorter);
font-size: 0.8rem;
letter-spacing: 1px;
white-space: pre;
text-align:right;
position: relative;
left: 54px;
font-family: "ibm-plex-mono", sans-serif;
font-style: italic;
margin-top: 25px;
}
@bottom-right{
content: counter(page);
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
white-space: pre;
text-align: right;
margin-top: 25px;
font-family: "ibm-plex-mono", sans-serif;
} */
}
@page chapter:first{
@bottom-right{
content: "";
}
@bottomcenter{
content: "";
}
@bottom-center { opacity: 0 }
@bottom-right{
font-family: var(--ibm-mono);
font-weight: 300;
font-style: italic;
font-size: 4rem;
padding-top: 14px;
width: 300px;
}
}
.chapter {
page: chapter;
break-before: right;
break-after: right;
}
.chapter h2{
break-before: right;
/* break-after: right; */
}
.chapter h1{
break-after: always;
}
/* Breaks --------------------------------- */
/* .chapter h1{
break-after: right;
} */
/* Hack pour mettre les éléments à droite */
.top-center, .top-left, .top-right, .bottom-center, .bottom-left, .bottom-right, .bottom-right-corner {
display: block!important;
}
.fragment {
break-before: page;
break-after: page;
.shorter{
position: running(shorter);
text-align: right;
margin: 0!important;
}
section h1{
string-set: sectiontitle content(text);
.break-before-right {
break-before: right;
}
.chapter h2, h3, h4, h5 {
display: none;
.break-frontmatter{
break-before:page;
}
/* Saut manuel après les titres */
#frag1 {
break-before: right;
.avoid-break{
break-inside: avoid;
}
.fragment {
.break-before {
break-before: page;
break-after: page;
}
.break-before {
break-before: page;
}
/* POSTMATTER -------------------------------------- */
.break-before-right {
break-before: right;
}
.break-frontmatter{
break-before:page;
.postmatter {
page: postmatter;
break-before: right;
break-after: page;
}
.avoid-break{
break-inside: avoid;
@page postmatter {
@bottom-left { content: none;}
@bottom-center { content: none;}
@bottom-right { content: none;}
}
/* table des matières */
#table-des-matieres a[href]::after {
......@@ -296,4 +253,6 @@ section h1{
#pagelicence{
break-before: page!important;
}
\ No newline at end of file
}
......@@ -4,8 +4,6 @@
--font-size: 10px;
font-size: 10px;
--espace-glose: 2em;
--mono: 'League Mono', monospace;
--baseline: 14px;
line-height: var(--baseline);
--size-source: 0.8rem;
......@@ -63,6 +61,7 @@ ul > li:before {
}
.none { display: none; }
/* Page de titre */
......@@ -72,7 +71,6 @@ ul > li:before {
font-weight: 300;
font-style: italic;
font-size: 4.3rem!important;
/* margin-left: 2rem; */
text-align: right!important;
padding-top: 42px!important;
}
......@@ -83,7 +81,6 @@ ul > li:before {
font-style: italic;
font-size: 1.6rem!important;
line-height: 1.5rem;
/* margin-left: 2rem; */
text-align: right!important;
margin-top: 9px!important;
}
......@@ -92,10 +89,6 @@ ul > li:before {
#version-0-1 figure{
width: 20mm;
float: right;
position: absolute;
right: 0;
bottom: -55px;
background-color: white;
}
......@@ -108,10 +101,7 @@ ul > li:before {
#pagelicence a{
text-decoration: none;
}
#pagelicence{
position: relative;
top: 400px;
}
#pagelicence h1 {
display: none;
}
......@@ -150,6 +140,11 @@ ul > li:before {
#lindex h2 {
margin-top: 14px!important;
}
#booksprint ol{
margin-top: 0px!important;
}
/* titre des chapitres*/
.chapter h1, .postmatter h1{
font-family: var(--ibm-mono);
......@@ -158,14 +153,10 @@ ul > li:before {
font-size: 4rem;
line-height: 4.3rem;
text-align: right;
padding-top: 30px;
}
.fragment,
.main-slide {
position: relative;
padding-top: 8px;
}
/*
.chapter h1::after {
content: counter(page);
z-index: 1000;
......@@ -177,6 +168,18 @@ ul > li:before {
bottom: -40mm;
right: 0;
} */
.chapter h2, h3, h4, h5 {
display: none;
}
.fragment,
.main-slide {
position: relative;
}
......@@ -196,6 +199,24 @@ ul > li:before {
}
/*Table des matières */
#table-des-matieres ul{
list-style-type: none;
}
#table-des-matieres li::before{
display:none!important;
}
#table-des-matieres .saut,
#colophon .saut{
margin-top: 16px;
}
/* CITATION --------------------------------------------------- */
......@@ -781,6 +802,7 @@ a[href^="https://twitter.com/hashtag/"] {
#table-ronde,
[data-text="141"],
#frag-5 .main-citation,
#frag1-3 .main-citation,
#frag2-3 .main-citation,
#frag2-4 .main-citation,
#frag3-6 .main-citation,
......@@ -791,16 +813,37 @@ a[href^="https://twitter.com/hashtag/"] {
#frag-23 .main-citation,
#frag-27 .main-citation,
#frag1-12 .main-citation {
font-size: 3.2rem;
line-height: 40px;
font-size: 2.8rem;
line-height: 32px;
position: relative;
top: -24px;
top: -17px;
}
#frag1-4 .main-citation::before,
#table-ronde::before,
[data-text="141"]::before,
#frag-5 .main-citation::before,
#frag1-3 .main-citation::before,
#frag2-3 .main-citation::before,
#frag2-4 .main-citation::before,
#frag3-6 .main-citation::before,
#frag-6 .main-citation::before,
#frag1-8 .main-citation::before,
#frag1-9 .main-citation::before,
#frag1-10 .main-citation::before,
#frag-23 .main-citation::before,
#frag-27 .main-citation::before,
#frag1-12 .main-citation::before {
position: relative;
top: -5px;
}
#frag1-4 blockquote + p,
#table-ronde blockquote + p,
[data-text="141"] blockquote + p,
#frag-5 blockquote + p,
#frag1-3 .main-citation blockquote + p,
#frag2-3 .main-citation blockquote + p,
#frag2-4 .main-citation blockquote + p,
#frag3-6 .main-citation blockquote + p,
......@@ -812,7 +855,7 @@ a[href^="https://twitter.com/hashtag/"] {
#frag-27 .main-citation blockquote + p,
#frag1-12 .main-citation blockquote + p{
font-size: 1.5rem;
line-height: 24px;font-size:
line-height: 24px;
margin: 0;
}
......@@ -850,13 +893,13 @@ a[href^="https://twitter.com/hashtag/"] {
/* Artchitecture */
#g-1 {
/* font-size: 1.5rem;
line-height: calc(var(--baseline)*1.5); */
font-size: 2.8rem;
line-height: 32px;
position: relative;
top: -4px
top: 1px
}
#frag-3 { top: -3px;}
......@@ -871,12 +914,18 @@ a[href^="https://twitter.com/hashtag/"] {
top: -13px;
}
#frag3 .main-texte,
#frag7 .main-texte{
position: relative;
top: -1px;
}
#fragment4 .glose-texte {
position: relative;
top: -1px;
}
/* Collectif*/
......@@ -957,30 +1006,6 @@ a[href^="https://twitter.com/hashtag/"] {
/* Forme */
#frag1-3 .main-citation {
position: relative;
top: -23px;
left: 0px;
}
#raymond_photo blockquote {
font-size: 3.2rem;
line-height: 40px;
}
#frag1-3 .main-citation blockquote + p {
font-size: 1.5rem;
line-height: 24px;
margin: 0;
}
#frag1-3 .glose-slide {
position: relative;
/* top: 15px; */
}
#frag2-2 .main-citation,
......@@ -1092,10 +1117,10 @@ a[href^="https://twitter.com/hashtag/"] {
top: -2px;
}
#frag-7 .glose-texte {
/* #frag-7 .glose-texte {
position: relative;
top: -1px;
}
} */
#frag-6 .glose-texte {
......@@ -1216,14 +1241,13 @@ a[href^="https://twitter.com/hashtag/"] {
top: -8px;
}
#frag6-2 .main-citation {
#frag6-2 .main-twitter-tweet {
position: relative;
top: -9px;
top: 1px;
}
#frag6-2 .main-twitter-tweet .twitter-tweet p{
font-size: 3.2rem;
line-height: 40px;
font-size: 2.8rem;
line-height: 32px;
padding-bottom: 15px;
}
......@@ -1351,10 +1375,10 @@ a[href^="https://twitter.com/hashtag/"] {
}
#laborderie_pdf {
font-size: 3.2rem;
line-height: 40px;
font-size: 2.8rem;
line-height: 32px;
position: relative;
top: 12px;
top: 2px!important;
}
#frag-19 .main-citation {
......@@ -1370,12 +1394,12 @@ a[href^="https://twitter.com/hashtag/"] {
#frag-22 .main-twitter-tweet{
position: relative;
top: 2px;
top: 1px;
}
#frag-22 .main-twitter-tweet .twitter-tweet p{
font-size: 3.2rem;
line-height: 40px;
font-size: 2.8rem;
line-height: 32px;
}
#frag-22 {
......@@ -1411,7 +1435,7 @@ a[href^="https://twitter.com/hashtag/"] {
#frag2-7 .glose-texte {
position: relative;
top: -1px;
top: -2px;
}
#frag2-7 .keyword {
......@@ -1420,23 +1444,39 @@ a[href^="https://twitter.com/hashtag/"] {
}
#g-46 {
margin-top: 0;
position: relative;
top: 7px;
top: 2px;
}
#g-47::before{
top: -36px!important;
}
#g-47 {
#g-47,
#frag6-4 .main-texte {
position: relative;
top: -1px;
}
#frag4-7 .main-citation {
position: relative;
top: -8px;
top: -25px;
}
#frag4-7 .glose-texte {
position: relative;
top: -12px;
top: -20px;
}
#frag1-12{
position: relative;
top: 1px;
}
#carnetdlis-1{
position: relative;
top: -2px;
}
......@@ -1460,26 +1500,36 @@ a[href^="https://twitter.com/hashtag/"] {
#perret_tweet{
margin: 0;
position: relative;
top: 16px;
top: 25px!important;
}
#perret_tweet img{
width: 90%;
padding: 5px 0;
}
#frag-29 .main-texte,
#frag-30 .main-texte{
position: relative;