Commit 820a518d authored by Louis Eveillard's avatar Louis Eveillard
Browse files

init

parent b2711605
html{
--serif: 'spectral', serif;
--sans-serif: 'hk-grotesk', sans-serif;
--font-size: 13px;
--font-size-notes: 9px;
--line-height: 15px;
--line-height-notes: calc(15px*2/3);
--indent: 6mm;
--baseline: 15px;
}
@page {
size: A5 portrait;
}
@media screen {
.baseline .pagedjs_page {
background-image: repeating-linear-gradient(180deg, transparent 0, transparent 14px , rgba(0,255,0,0.7) var(--baseline)) ;
background-size: cover;
background-position: 0 -3px , 0 0
}
}
@page cover {
margin: 0;
background: url("images/cover.jpg");
background-position: center;
background-size: 104%;
background-repeat: no-repeat;
@top-left{ content: none; }
@top-center{ content: none; }
@top-right{ content: none; }
@bottom-left{ content: none; }
}
@page:blank {
@top-left-corner{ content: none; }
@top-left{ content: none; }
@top-center{ content: none; }
@top-right{ content: none; }
@top-right-corner{ content: none; }
@right-top{ content: none; }
@right-middle{ content: none; }
@right-bottom{ content: none; }
@bottom-right-corner{ content: none; }
@bottom-right{ content: none; }
@bottom-center{ content: none; }
@bottom-left{ content: none; }
@bottom-left-corner{ content: none; }
@left-bottom{ content: none; }
@left-middle{ content: none; }
@left-top{ content: none; }
}
@page:left {
margin-left:22mm;
margin-right:14mm;
margin-top: 73px;
margin-bottom: 73px;
@top-left{
content: counter(page);
font-weight: 400;
font-family: var(--serif);
font-size: var(--font-size);
font-weight: normal;
line-height: var(--line-height);
vertical-align: bottom;
margin-bottom: 14px;
font-variant-numeric: oldstyle-nums;
}
@top-center{
content: string(booktitle);
font-weight: 400;
font-family: var(--serif);
font-size: var(--font-size);
font-weight: normal;
line-height: var(--line-height);
vertical-align: bottom;
margin-bottom: 14px;
font-variant-numeric: oldstyle-nums;
font-variant: small-caps;
width: 85mm;
text-align: left;
}
}
@page:right {
margin-left:14mm;
margin-right:22mm;
margin-top: 73px;
margin-bottom: 73px;
@top-right{
content: counter(page);
font-weight: 400;
font-family: var(--serif);
font-size: var(--font-size);
font-weight: normal;
line-height: var(--line-height);
vertical-align: bottom;
margin-bottom: 14px;
font-variant-numeric: oldstyle-nums;
text-align: right;
}
@top-center{
content: element(shorter);
vertical-align: bottom;
text-align: right;
margin-bottom: 1px;
width: 85mm;
}
}
.sidenote, .footnote {
display:none!important;
}
.footnote::footnote-call, .footnote::footnote-marker{
display:none!important;
}
.part h2, #appendices h2,
section[data-type="half-title"],
section[data-type="titlepage"],
section[data-type="copyright"],
section[data-type="dedication"],
section[data-type="epigraph"],
#toc {
margin-left: 10mm /*center the page*/
}
.part h2, #appendices h2{
page: part;
}
/* running elements */
#cover h1 {
/* string-set: booktitle content(text); */
}
#cover {
page: cover;
}
.shorter{
position: running(shorter);
font-weight: 400;
font-family: var(--serif);
font-size: var(--font-size);
font-weight: normal;
line-height: var(--line-height);
text-align: right;
/* font-style: italic; */
font-variant-numeric: oldstyle-nums;
}
/* flexbox */
section[data-type="copyright"] #flexbox {
display: block;
position: absolute;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
left:0;
}
/* table of content */
#toc{
counter-reset: chaptoc apptoc;
}
.toc-part a[href]::before{
content: target-text(attr(href), before);
}
.toc-part a[href]::after,
.toc-chap a[href]::before,
.toc-part-app a[href]::before,
.toc-app a[href]::before {
content: target-text(attr(href url), content);
}
.toc-chap{
counter-increment: chaptoc;
}
.toc-chap::before{
content: "Chapter " counter(chaptoc);
}
.toc-app {
counter-increment: apptoc;
}
.toc-app::before{
content: "Appendix " counter(apptoc);
}
.toc-chap a[href]::after,
.toc-app a[href]::after {
content: leader(dotted) target-counter(attr(href), page);
float:right;
}
.toc-subchap a[href]::before {
content: target-text(attr(href));
}
.toc-subchap a[href]::after {
content: target-counter(attr(href), page);
float:right;
}
/* counters, page-breaks, figure */
a {
color: black;
text-decoration: none;
}
body {
counter-reset: footnote numpart numchap numapp numplate;
/*
--serif: 'spectral', serif;
--sans-serif: 'hk-grotesk', sans-serif;
--font-size: 13px;
--font-size-notes: 9px;
--line-height: 15px;
--line-height-notes: 10px;
--indent: 6mm
*/
}
p:not(.shorter), li, h4:not(.h4-appe), #appendix-e h5 {
font-family: 'spectral', serif;
font-size: 13px;
line-height: 15px;
font-weight: 400
}
p:not(.shorter), li {
text-indent: 6mm;
text-align: justify;
margin: 0;
orphans: 2;
widows: 2;
hyphens: auto;
hyphenate-before: 4;
hyphenate-after: 3;
}
.greek {
font-size: 0.9em
}
h1, h2, h3, .h4-appe {
font-family: 'daubenton';
font-weight: normal;
margin-top: 0;
margin-bottom: 0
}
#cover h1 {
color:transparent;
}
.titlechapter + p,
.shorter + p,
h2+p,
h3+p,
h4+p,
h5+p,
h6+p,
h3+div+p,
h4+div+p,
h2+span+p,
h3+span+p,
h4+span+p,
h5+span+p,
h6+span+p,
table+p,
.center+p,
.note-titre+p,
.center,
.separator + p {
text-indent: 0!important;
}
.center+p {
margin-top: 15px;
}
h3, h2 {
display: block;
height: 47.7mm; /* 63.5mm - 15.8mm */
padding-top: 15.8mm;
font-size: 18px; /* 21 */
line-height: 23px;
text-align: center;
width: 80%;
margin: 0 auto;
}
.part h2 {
text-transform: uppercase;
}
.part h2 {
counter-increment: numpart;
}
.part h2:before {
content: "– Part " counter(numpart, upper-roman) " –";
}
.chapter .titlechapter {
counter-increment: numchap;
}
.chapter .titlechapter:before {
content: "– " counter(numchap) " –";
}
.appendix .titleapp {
counter-increment: numapp;
}
.appendix .titleapp:before {
content: "– Appendix " counter(numapp, upper-alpha) " –";
}
h3:before, h2:before {
display: block;
font-size: 13px;
line-height: 15px;
margin-bottom: 9px;
}
h4:not(.h4-appe), #appendix-e h5 {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
padding-bottom: 8px;
margin-top: 15px;
font-style: italic;
}
h4:not(.h4-appe) {
text-align: left;
}
table caption {
font-family: 'spectral', serif;
font-size: 0.7em;
line-height: 15px;
font-weight: 400;
padding-top: 10px;
padding-bottom: 5px;
/* padding-top + padding-bottom : 15px;*/
margin-top: 15px;
text-align: center;
}
.center {
text-align: center!important;
}
.separator{
display:block;
height: 15px;
}
/* sidenote */
.sidenote {
font-family: 'hk-grotesk', sans-serif;
font-size: 9px;
line-height: 10px;
font-weight: 600!important;
margin-top: 3px;
/* break-inside: avoid; */
hyphens: none!important;
}
/* Footnotes */
.footnote {
float: footnote;
padding-left: 6mm;
font-size: 9px;
line-height: 10px;
text-indent: 0px!important
}
.footnote::footnote-call, .footnote::footnote-marker {
vertical-align: inherit;
font-family: 'hk-grotesk', sans-serif;
font-weight: 600;
}
.footnote::footnote-marker {
display: inline-block;
width: 0mm;
position: relative;
left: -6mm;
}
.footnote::footnote-call {
content: counter(footnote);
position: relative;
top: -3px;
}
/* frontmatter */
#absolute-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 80%
}
#absolute-bottom p {
font-family: 'spectral', sans-serif;
text-align: left;
font-size: 9px;
text-indent: 0;
margin-top: 15px;
}
section[data-type="half-title"] h1 {
margin-top: 95px;
text-align: center;
}
section[data-type="half-title"] h1 .smaller {
font-size: 0.8em!important;
display: block;
margin-top: 5px;
}
section[data-type="titlepage"] h1 {
font-size: 40px;
text-align: center;
margin-top: 83px;
line-height: 44px;
}
section[data-type="titlepage"] h1 .smaller {
display: block;
font-size: 0.7em!important;
line-height: 30px!important;
margin-top: 11px;
}
section[data-type="titlepage"] #editor {
position: absolute;
bottom: 0;
left: 0;
margin-left: 5mm;
width: 100%;
}
section[data-type="titlepage"] #author {
margin-top: 58px;
text-align: center!important;
text-indent: 0!important;
font-size: 20px!important;
}
section[data-type="titlepage"] #author span {
display: block;
margin-bottom: 12px;
font-size: 13px!important;
display: block;
}
section[data-type="titlepage"] #editor p {
text-align: center!important;
text-indent: 0!important;
margin-top: 15px;
}
section[data-type="copyright"] p {
text-indent: 0!important;
text-align: center!important;
margin-top: 32px;
margin-bottom: 32px;
}
section[data-type="dedication"], section[data-type="epigraph"] {
margin-top: 105px;
}
section[data-type="epigraph"] blockquote {
margin: 0;
padding: 0;
}
section[data-type="dedication"] p, section[data-type="epigraph"] blockquote p {
text-indent: 0!important;
font-style: italic;
}
section[data-type="dedication"] p {
text-align: center!important;
}
section[data-type="epigraph"] .caption {
font-style: normal;
padding-top: 10px;
padding-bottom: 20px;
}
section[data-type="epigraph"] .caption:before {
content: "— ";
font-style: normal;
}
/* Page break */
#cover {
page-break-after: always;
}
#pre {
page-break-after: always;
}
section[data-type="half-title"], section[data-type="titlepage"], section[data-type="epigraph"] {
page-break-before: right;
page-break-after: always;
}
section[data-type="copyright"] {
page-break-before: always;
page-break-after: always;
}
#toc {
page-break-before: right;
page-break-after: always;
}
.list-plates {
page-break-before: right;
page-break-after: always;
}
.part {
page-break-before: right;
page-break-after: always;
}
.part h2 {
page-break-after: always;
}
.part h3 {
page-break-before: right;
}
.chapter, .preface, .introduction, #appendices, .appendix {
page-break-before: right;
page-break-after: always;
}
figure {
/* break-inside: avoid; */
page-break-inside: avoid;
}
.dedication {
page-break-before: always;
page-break-after: always;
}
/* table of content */
.toc-part, .toc-chap, .toc-subchap, .toc-app {
/* break-inside: avoid; */
}
#toc ul {
margin-top: 50px;
list-style: none;
padding: 0;
}
#toc li {
text-indent: 0!important;
text-align: left!important;
}