developpement piste finale
This commit is contained in:
sarahgarcin1
parent
221d5abf9a
commit
341b64d33f
122 changed files with 499 additions and 5228 deletions
|
|
@ -7,9 +7,11 @@
|
|||
/*bleed: 6mm;*/
|
||||
/*marks: crop;*/
|
||||
--symbol-top: 1px;
|
||||
--running-top: 8mm;
|
||||
--symbol2-top: 0px;
|
||||
--running-top: 6mm;
|
||||
--running-bottom: 6mm;
|
||||
--running-left: 19px;
|
||||
--running-left-bottom: 55px;
|
||||
}
|
||||
|
||||
@page:left {
|
||||
|
|
@ -17,7 +19,7 @@
|
|||
margin-right: 26mm;
|
||||
|
||||
@top-left-corner {
|
||||
content: var(--symbol) var(--symbol) var(--symbol);
|
||||
content: var(--symbol2) var(--symbol2) var(--symbol2);
|
||||
font-size: var(--sign-size);
|
||||
color: var(--sign-color);
|
||||
letter-spacing: var(--sign-spacing);
|
||||
|
|
@ -27,7 +29,8 @@
|
|||
padding-top: var(--running-top);
|
||||
text-align: left;
|
||||
padding-left: var(--running-left);
|
||||
|
||||
position: relative;
|
||||
top: var(--symbol2-top);
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -52,12 +55,13 @@
|
|||
font-size: var(--font-size);
|
||||
color: var(--sign-color);
|
||||
font-family: var(--sign-family);
|
||||
/*margin-left: -12px;*/
|
||||
|
||||
}
|
||||
|
||||
|
||||
@top-right {
|
||||
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
|
||||
content: var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2);
|
||||
font-size: var(--sign-size);
|
||||
color: var(--sign-color);
|
||||
letter-spacing: var(--sign-spacing);
|
||||
|
|
@ -68,23 +72,25 @@
|
|||
width: 100%;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
padding-left: 5px;
|
||||
|
||||
padding-left: 15px;
|
||||
position: relative;
|
||||
top: var(--symbol2-top);
|
||||
}
|
||||
|
||||
@bottom-left {
|
||||
content: counter(page);
|
||||
@bottom-left-corner {
|
||||
content: counter(page) " (";
|
||||
vertical-align: bottom;
|
||||
padding-bottom: var(--running-bottom);
|
||||
white-space: nowrap;
|
||||
|
||||
font-size: var(--sign-size);
|
||||
font-size: 12px;
|
||||
color: var(--sign-color);
|
||||
font-family: var(--sign-family);
|
||||
text-align: left;
|
||||
margin-left: 5mm;
|
||||
|
||||
z-index: 100;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -99,7 +105,7 @@
|
|||
margin-right: 18mm;
|
||||
|
||||
@top-left-corner {
|
||||
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
|
||||
content: var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2);
|
||||
font-size: var(--sign-size);
|
||||
color: var(--sign-color);
|
||||
letter-spacing: var(--sign-spacing);
|
||||
|
|
@ -109,7 +115,8 @@
|
|||
padding-top: var(--running-top);
|
||||
text-align: left;
|
||||
padding-left: var(--running-left);
|
||||
|
||||
position: relative;
|
||||
top: var(--symbol2-top);
|
||||
}
|
||||
|
||||
@top-left {
|
||||
|
|
@ -124,7 +131,7 @@
|
|||
}
|
||||
|
||||
@top-right {
|
||||
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
|
||||
content: var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2);
|
||||
font-size: var(--sign-size);
|
||||
color: var(--sign-color);
|
||||
letter-spacing: var(--sign-spacing);
|
||||
|
|
@ -134,19 +141,23 @@
|
|||
padding-top: var(--running-top);
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
top: var(--symbol2-top);
|
||||
}
|
||||
|
||||
|
||||
@bottom-right {
|
||||
content: counter(page);
|
||||
@bottom-right-corner {
|
||||
content: ") " counter(page);
|
||||
vertical-align: bottom;
|
||||
padding-bottom: var(--running-bottom);
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
|
||||
font-size: var(--sign-size);
|
||||
font-size: var(--sign-size);
|
||||
font-size: 12px;
|
||||
color: var(--sign-color);
|
||||
font-family: var(--sign-family);
|
||||
margin-right: 5mm;
|
||||
|
||||
z-index: 100;
|
||||
|
||||
|
|
@ -155,31 +166,20 @@
|
|||
|
||||
|
||||
@page:blank {
|
||||
@top-left {
|
||||
content: none;
|
||||
}
|
||||
|
||||
@top-left-corner {
|
||||
content: none;
|
||||
}
|
||||
|
||||
@top-right {
|
||||
content: none;
|
||||
}
|
||||
|
||||
@top-center {
|
||||
content: none;
|
||||
}
|
||||
|
||||
@bottom-center {
|
||||
content: none;
|
||||
}
|
||||
@top-left { content: none;}
|
||||
@top-left-corner { content: none;}
|
||||
@top-right { content: none; }
|
||||
@top-center { content: none;}
|
||||
@bottom-center { content: none; }
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.nav-title, .nav-author, .nav-type, .nav-decor{
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.nav-title {
|
||||
position: running(title);
|
||||
|
|
@ -187,6 +187,7 @@
|
|||
|
||||
.nav-author {
|
||||
position: running(author);
|
||||
|
||||
}
|
||||
|
||||
.nav-type {
|
||||
|
|
@ -203,7 +204,7 @@
|
|||
|
||||
|
||||
.pagedjs_margin-top-left .pagedjs_margin-content .nav-decor::after {
|
||||
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
|
||||
content: var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2) var(--symbol2);
|
||||
font-size: var(--sign-size);
|
||||
color: var(--sign-color);
|
||||
letter-spacing: var(--sign-spacing);
|
||||
|
|
@ -212,7 +213,7 @@
|
|||
/* padding-left: 1ch; */
|
||||
width: calc(var(--unit) + var(--sub-unit));
|
||||
position: relative;
|
||||
top: var(--symbol-top);
|
||||
top: var(--symbol2-top);
|
||||
padding-left: 11px;
|
||||
}
|
||||
|
||||
|
|
@ -280,25 +281,94 @@
|
|||
break-before: left;
|
||||
}
|
||||
|
||||
|
||||
@page portfolio{
|
||||
--sign-color: var(--green);
|
||||
--sign-color: white;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
|
||||
|
||||
[data-chapter="portfolio-bis"]{
|
||||
--sign-color: var(--green);
|
||||
page: portfolioBis;
|
||||
/* ------- TABLE OF CONTENTS --------- */
|
||||
.toc{
|
||||
break-before: left;
|
||||
font-family: var(--fontTitle);
|
||||
text-align: left;
|
||||
font-size: var(--font-size);
|
||||
page: toc;
|
||||
}
|
||||
|
||||
@page toc{
|
||||
margin-top: 10mm;
|
||||
margin-bottom: 10mm;
|
||||
@top-left { content: none;}
|
||||
@top-left-corner { content: none;}
|
||||
@top-right { content: none; }
|
||||
@top-center { content: none;}
|
||||
@bottom-center { content: none; }
|
||||
@bottom-right-corner { content: none; }
|
||||
}
|
||||
|
||||
@page portfolioBis{
|
||||
--sign-color: var(--green);
|
||||
.toc h2{
|
||||
font-family: var(--fontTitle);
|
||||
text-align: left;
|
||||
font-size: var(--font-size);
|
||||
margin-bottom: var(--baseline);
|
||||
}
|
||||
|
||||
/* counters */
|
||||
#list-toc-generated{
|
||||
counter-reset: counterTocLevel1;
|
||||
list-style: none;
|
||||
overflow-x: visible !important;
|
||||
}
|
||||
|
||||
#list-toc-generated .toc-element-level-1{
|
||||
counter-increment: counterTocLevel1;
|
||||
margin-bottom: calc(var(--baseline) * 1);
|
||||
}
|
||||
|
||||
.toc-essai a span{
|
||||
color: var(--blue);
|
||||
}
|
||||
|
||||
.toc-entretien a span{
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.toc-portfolio a span{
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
#list-toc-generated a{
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
margin-left: 70px;
|
||||
width: calc(100% - 70px);
|
||||
}
|
||||
|
||||
#list-toc-generated .toc-element a::before{
|
||||
content: target-counter(attr(href), page);
|
||||
position: absolute;
|
||||
left:0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#list-toc-generated li span{
|
||||
display: block;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#list-toc-generated li span::before{
|
||||
content: "//////// essai //////////////////////////////////////////";
|
||||
display: block;
|
||||
font-size: 0.8em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#list-toc-generated .toc-element a span::after{
|
||||
content: "— Auteur du texte";
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue