Initial commit
This commit is contained in:
sarahgarcin1
commit
388079e6bb
1108 changed files with 330121 additions and 0 deletions
1196
assets/css/libs/flexboxgrid.css
Normal file
1196
assets/css/libs/flexboxgrid.css
Normal file
File diff suppressed because it is too large
Load diff
1
assets/css/libs/glightbox.min.css
vendored
Normal file
1
assets/css/libs/glightbox.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
267
assets/css/main.css
Normal file
267
assets/css/main.css
Normal file
|
|
@ -0,0 +1,267 @@
|
|||
/* MOBILE FIRST */
|
||||
|
||||
* {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
body{
|
||||
font-family: var(--fontFamily);
|
||||
font-size: var(--textSize);
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
a{
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
a:hover{text-decoration: underline;}
|
||||
|
||||
p{ margin-bottom: 1rem;}
|
||||
img{ width: 100%;}
|
||||
main{ margin-bottom: 150px; }
|
||||
|
||||
|
||||
h1{
|
||||
font-weight: normal;
|
||||
font-size: 3em;
|
||||
margin-top: 0;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 0;
|
||||
string-set: title content(text);
|
||||
}
|
||||
|
||||
h2{
|
||||
string-set: chapter content(text);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h2, h3{
|
||||
font-size: 3em;
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
h2 + h3{
|
||||
margin-top: 0.5em;
|
||||
opacity: 0.8;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h5, h6{
|
||||
font-size: var(--textSize);
|
||||
margin-top: 1mm;
|
||||
margin-bottom: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
p, li{
|
||||
text-align: justify;
|
||||
hyphens: auto;
|
||||
line-height: 1.45;
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
-webkit-hyphenate-limit-before: 3;
|
||||
-webkit-hyphenate-limit-after: 4;
|
||||
-ms-hyphenate-limit-chars: 7 3 4;
|
||||
hyphenate-limit-chars: 7 3 4;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
/* veuves et orphelines (bancal) */
|
||||
widows: 3;
|
||||
orphans: 3;
|
||||
}
|
||||
|
||||
li p{
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
p a {
|
||||
white-space: pre-wrap; /* CSS3 */
|
||||
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
|
||||
white-space: -pre-wrap; /* Opera 4-6 */
|
||||
white-space: -o-pre-wrap; /* Opera 7 */
|
||||
word-wrap: break-word; /* Internet Explorer 5.5+ */
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
|
||||
ul, figure, ol{
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
figure{
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
figcaption{
|
||||
font-size: 0.8em;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
figcaption p{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
figure[data-ratio] {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
aspect-ratio: var(--ratio);
|
||||
}
|
||||
|
||||
figure[data-crop="true"] img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
}
|
||||
|
||||
figure[data-crop="false"] img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.pagedjs_page_content table{
|
||||
column-width: auto!important;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
border: 1px solid grey;
|
||||
font-size: 12px;
|
||||
table-layout: fixed;
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
th {
|
||||
color: var(--green);
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid grey;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 12px 8px;
|
||||
padding-bottom: 12px !important;
|
||||
border-right: 1px solid lightgrey;
|
||||
}
|
||||
|
||||
tr{
|
||||
border-bottom: 1px solid lightgrey;
|
||||
}
|
||||
|
||||
tr:last-child{
|
||||
border: none;
|
||||
}
|
||||
|
||||
tr > th:first-child,
|
||||
tr > th:nth-child(2){
|
||||
width:20%;
|
||||
}
|
||||
|
||||
tr > td:first-child,
|
||||
tr > td:nth-child(2){
|
||||
width:20%;
|
||||
}
|
||||
|
||||
td:last-child{
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* fade entre les pages */
|
||||
#fade{
|
||||
opacity: 0;
|
||||
transition: opacity 1s ease-out;
|
||||
}
|
||||
|
||||
#fade.loaded{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.glightbox-clean .gslide-title{
|
||||
font-family: var(--fontFamily);
|
||||
font-weight: 600;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.show-for-small-only{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.hide-for-small-only{
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ---- H E A D E R -----*/
|
||||
header{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top:0;
|
||||
left:0;
|
||||
right: 0;
|
||||
padding: 15px;
|
||||
z-index: 1000;
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
header.row{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
header .mobile__menu_btn {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 15px;
|
||||
cursor: pointer;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
header .mobile__menu_btn span {
|
||||
display: block;
|
||||
background: #000;
|
||||
height: 2px;
|
||||
width: 26px;
|
||||
position: absolute;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
|
||||
header .mobile__menu_btn span:nth-child(1) { top: 0px; }
|
||||
header .mobile__menu_btn span:nth-child(2) { top: 8px; }
|
||||
header .mobile__menu_btn span:nth-child(3) { top: 16px; }
|
||||
header .mobile__menu_btn .transparent { opacity: 0; }
|
||||
|
||||
header .mobile__menu_btn .rotate-top {
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotatez(45deg);
|
||||
-webkit-transform-origin: 0%;
|
||||
left: 2px;
|
||||
}
|
||||
|
||||
header .mobile__menu_btn .rotate-bottom {
|
||||
-ms-transform: rotate(-45deg);
|
||||
transform: rotatez(-45deg);
|
||||
-webkit-transform-origin: 15%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
452
assets/css/print-template.css
Normal file
452
assets/css/print-template.css
Normal file
|
|
@ -0,0 +1,452 @@
|
|||
/* -------- styles des images -------- s */
|
||||
figure img.fill{ object-fit: fill; width:100%; height:100%;}
|
||||
figure img.contain{ object-fit: contain; max-width: none; width:100%; height:100%;}
|
||||
figure img.cover{ object-fit: cover; max-width: none; width:100%; height:100%;}
|
||||
|
||||
|
||||
/* -------- sauts de pages -------- */
|
||||
/* Class pour l‘ajout d'une page */
|
||||
.page{
|
||||
page-break-after: always;
|
||||
}
|
||||
|
||||
/* Classe pour l'ajout d'un saut de page */
|
||||
.pagebreak{
|
||||
page-break-after: always;
|
||||
}
|
||||
|
||||
/* Classe pour l'ajout d'une page blanche */
|
||||
.blank-page{
|
||||
page-break-after: always;
|
||||
page: blank;
|
||||
}
|
||||
|
||||
@page blank{
|
||||
background: #FFF;
|
||||
@top-left-corner {content: none;}
|
||||
@top-left {content: none;}
|
||||
@top-center {content: none;}
|
||||
@top-right {content: none;}
|
||||
@top-right-corner {content: none;}
|
||||
@left-top {content: none;}
|
||||
@left-middle {content: none;}
|
||||
@left-bottom {content: none;}
|
||||
@right-top {content: none;}
|
||||
@right-middle {content: none;}
|
||||
@right-bottom {content: none;}
|
||||
@bottom-left-corner {content: none;}
|
||||
@bottom-left {content: none;}
|
||||
@bottom-center {content: none;}
|
||||
@bottom-right {content: none;}
|
||||
@bottom-right-corner {content: none;}
|
||||
}
|
||||
|
||||
/* --------- Alignment for blocks ------- */
|
||||
.chapter .content div.alignment-left,
|
||||
.chapter .content div.alignment-left p{
|
||||
text-align: left !important;
|
||||
hyphens: none !important;
|
||||
}
|
||||
|
||||
.chapter .content div.alignment-right,
|
||||
.chapter .content div.alignment-right p{
|
||||
text-align: right !important;
|
||||
hyphens: none !important;
|
||||
}
|
||||
|
||||
.chapter .content div.alignment-center,
|
||||
.chapter .content div.alignment-center p{
|
||||
text-align: center !important;
|
||||
hyphens: none !important;
|
||||
}
|
||||
|
||||
.chapter .content div.alignment-justify,
|
||||
.chapter .content div.alignment-justify p{
|
||||
text-align: justify !important;
|
||||
hyphens: auto !important;
|
||||
}
|
||||
|
||||
|
||||
/* -------- BACKGROUND IMAGE --------- */
|
||||
.spread-image {
|
||||
--pagedjs-full-page: spread;
|
||||
}
|
||||
|
||||
.full-bleed-image.full-page{
|
||||
top: calc(var(--pagedjs-margin-top)*-1 - var(--pagedjs-bleed-top));
|
||||
height: var(--pagedjs-height);
|
||||
}
|
||||
|
||||
.pagedjs_left_page .full-bleed-image.full-page{
|
||||
left: calc(var(--pagedjs-margin-left)*-1 - var(--pagedjs-bleed-left));
|
||||
right: calc(var(--pagedjs-margin-right)*-1);
|
||||
}
|
||||
|
||||
.pagedjs_right_page .full-bleed-image.full-page{
|
||||
left: calc(var(--pagedjs-margin-left)*-1);
|
||||
right: calc(var(--pagedjs-margin-right)*-1 - var(--pagedjs-bleed-right));
|
||||
}
|
||||
|
||||
.spread-interval-image-left{
|
||||
break-before: left;
|
||||
page: spreadinterval;
|
||||
}
|
||||
|
||||
.spread-interval-image-right{
|
||||
page: spreadinterval;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.spread-interval-image-left figure,
|
||||
.spread-interval-image-right figure{
|
||||
width:200%;
|
||||
}
|
||||
|
||||
.spread-interval-image-right figure{
|
||||
margin-left: -100%;
|
||||
}
|
||||
|
||||
.spread-interval-image-right .chapter-title-wrapper{
|
||||
position: absolute;
|
||||
bottom: 20mm;
|
||||
right: 20mm;
|
||||
}
|
||||
|
||||
.spread-interval-image-right .chapter-title-wrapper h1,
|
||||
.spread-interval-image-right .chapter-title-wrapper .chapter-number{
|
||||
color: #FFF;
|
||||
border-color: #FFF;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.spread-interval-image-right .chapter-title-spanish{
|
||||
margin-left: 10mm;
|
||||
}
|
||||
|
||||
@page spreadinterval{
|
||||
background: var(--backgroundImage);
|
||||
margin:0;
|
||||
@top-left-corner {content: none;}
|
||||
@top-left {content: none;}
|
||||
@top-center {content: none;}
|
||||
@top-right {content: none;}
|
||||
@top-right-corner {content: none;}
|
||||
@left-top {content: none;}
|
||||
@left-middle {content: none;}
|
||||
@left-bottom {content: none;}
|
||||
@right-top {content: none;}
|
||||
@right-middle {content: none;}
|
||||
@right-bottom {content: none;}
|
||||
@bottom-left-corner {content: none;}
|
||||
@bottom-left {content: none;}
|
||||
@bottom-center {content: none;}
|
||||
@bottom-right {content: none;}
|
||||
@bottom-right-corner {content: none;}
|
||||
}
|
||||
|
||||
.pagedjs_spreadinterval_page .chapter{
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.interval-image{
|
||||
break-before: left;
|
||||
page: interval;
|
||||
}
|
||||
|
||||
@page interval{
|
||||
background: var(--backgroundImage);
|
||||
margin:0;
|
||||
@top-left-corner {content: none;}
|
||||
@top-left {content: none;}
|
||||
@top-center {content: none;}
|
||||
@top-right {content: none;}
|
||||
@top-right-corner {content: none;}
|
||||
@left-top {content: none;}
|
||||
@left-middle {content: none;}
|
||||
@left-bottom {content: none;}
|
||||
@right-top {content: none;}
|
||||
@right-middle {content: none;}
|
||||
@right-bottom {content: none;}
|
||||
@bottom-left-corner {content: none;}
|
||||
@bottom-left {content: none;}
|
||||
@bottom-center {content: none;}
|
||||
@bottom-right {content: none;}
|
||||
@bottom-right-corner {content: none;}
|
||||
}
|
||||
|
||||
.interval-image figcaption{
|
||||
background: rgba(255, 255, 255, 1);
|
||||
border-radius: 10px;
|
||||
position: absolute;
|
||||
margin-top: 0;
|
||||
padding: 1mm 3mm;
|
||||
color: var(--green);
|
||||
border: 1px solid var(--green);
|
||||
max-width: calc(var(--pagedjs-width) - 30mm);
|
||||
bottom: 8mm;
|
||||
left: 15mm;
|
||||
}
|
||||
|
||||
.pagedjs_interval_page .chapter{
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.spread-image,
|
||||
.full-bleed-image.full-page {
|
||||
height: var(--pagedjs-height);
|
||||
top: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.spread-image figure,
|
||||
.full-bleed-image figure{
|
||||
height: calc(var(--pagedjs-height) + var(--pagedjs-margin-top) + var(--pagedjs-margin-bottom));
|
||||
}
|
||||
|
||||
.spread-image figure.full-width,
|
||||
.full-bleed-image figure.full-width{
|
||||
height: auto;
|
||||
width: calc(100% - 12mm);
|
||||
margin: 6mm;
|
||||
}
|
||||
|
||||
|
||||
.spread-image figure.full-width img;
|
||||
.full-bleed-image figure.full-width img{
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.full-bleed-image figure img{
|
||||
object-fit: cover;
|
||||
max-width: none;
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
.spread-image figure img{
|
||||
object-fit: cover;
|
||||
max-width: none;
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
.full-bleed-image figcaption,
|
||||
.spread-image figcaption{
|
||||
background: rgba(255, 255, 255, 1);
|
||||
border-radius: 10px;
|
||||
position: absolute;
|
||||
margin-top: 0;
|
||||
padding: 1mm 3mm;
|
||||
color: var(--green);
|
||||
border: 1px solid var(--green);
|
||||
max-width: calc(var(--pagedjs-width) - 30mm);
|
||||
}
|
||||
|
||||
.pagedjs_left_page .full-bleed-image figcaption {
|
||||
left: 8mm;
|
||||
}
|
||||
|
||||
.pagedjs_right_page .full-bleed-image figcaption{
|
||||
right: 8mm;
|
||||
}
|
||||
|
||||
.full-bleed-image figcaption {
|
||||
bottom: -7mm;
|
||||
}
|
||||
|
||||
.spread-image figcaption{
|
||||
bottom: 15mm;
|
||||
left: 15mm;
|
||||
}
|
||||
|
||||
.background-image{
|
||||
page: backgroundImage;
|
||||
/* page-break-after: always;*/
|
||||
margin-top: -1cm;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.background-image figcaption{
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
position: absolute;
|
||||
margin-top: 0;
|
||||
padding: 1mm 1mm;
|
||||
top: 0;
|
||||
/* left: 10mm;*/
|
||||
/* top: calc(9in - 15mm);*/
|
||||
}
|
||||
|
||||
.background-image figcaption p{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.pagedjs_page.pagedjs_right_page .background-image figure{
|
||||
position: absolute;
|
||||
top: calc(var(--pagedjs-bleed-top) * -1);
|
||||
left:0;
|
||||
width: calc(var(--pagedjs-width-right) - var(--pagedjs-bleed-right));
|
||||
height: calc(var(--pagedjs-height-right));
|
||||
}
|
||||
|
||||
.pagedjs_page.pagedjs_left_page .background-image figure{
|
||||
position: absolute;
|
||||
top: calc(var(--pagedjs-bleed-top) * -1);
|
||||
left: calc(var(--pagedjs-bleed-left) * -1);
|
||||
width: calc(var(--pagedjs-width-left) - var(--pagedjs-bleed-left));
|
||||
height: var(--pagedjs-height-left);
|
||||
}
|
||||
|
||||
@page backgroundImage{
|
||||
margin: 0;
|
||||
@top-left-corner {content: none;}
|
||||
@top-left {content: none;}
|
||||
@top-center {content: none;}
|
||||
@top-right {content: none;}
|
||||
@top-right-corner {content: none;}
|
||||
@left-top {content: none;}
|
||||
@left-middle {content: none;}
|
||||
@left-bottom {content: none;}
|
||||
@right-top {content: none;}
|
||||
@right-middle {content: none;}
|
||||
@right-bottom {content: none;}
|
||||
@bottom-left-corner {content: none;}
|
||||
@bottom-left {content: none;}
|
||||
@bottom-center {content: none;}
|
||||
@bottom-right {content: none;}
|
||||
@bottom-right-corner {content: none;}
|
||||
}
|
||||
|
||||
/* -------- FULL PAGE --------- */
|
||||
|
||||
.full-page{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.full-page.bottom{
|
||||
bottom: 0;
|
||||
transform: none;
|
||||
top: inherit;
|
||||
}
|
||||
|
||||
/* ------ Colonnes de texte ------ */
|
||||
|
||||
.col-2{
|
||||
columns: 2;
|
||||
column-gap: 0.5cm;
|
||||
}
|
||||
|
||||
.col-3{
|
||||
columns: 3;
|
||||
column-gap: 0.5cm;
|
||||
}
|
||||
|
||||
/* ------- IMAGES --------- */
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(12,1fr);
|
||||
grid-gap: 0.5cm;
|
||||
align-content: start;
|
||||
}
|
||||
|
||||
.grid figure {
|
||||
grid-column: span 3;
|
||||
align-self: start;
|
||||
justify-self: start;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* largeur des .figure */
|
||||
figure.offset2 { grid-column: 3 / span 3; }
|
||||
figure.offset4 { grid-column: 5 / span 3; }
|
||||
figure.offset6 { grid-column: 7 / span 3; }
|
||||
figure.offset8 { grid-column: 9 / span 3; }
|
||||
figure.third { grid-column: span 4; }
|
||||
figure.third.offset2 { grid-column: 3 / span 4; }
|
||||
figure.third.offset4 { grid-column: 5 / span 4; }
|
||||
figure.third.offset6 { grid-column: 7 / span 4; }
|
||||
figure.third.offset8 { grid-column: 9 / span 4; }
|
||||
figure.half { grid-column: span 6; }
|
||||
figure.half.offset2 { grid-column: 3 / span 6; }
|
||||
figure.half.offset4 { grid-column: 5 / span 6; }
|
||||
figure.half.offset6 { grid-column: 7 / span 6; }
|
||||
figure.twothird { grid-column: span 8; }
|
||||
figure.twothird.offset2 { grid-column: 3 / span 8; }
|
||||
figure.twothird.offset4 { grid-column: 5 / span 8; }
|
||||
figure.threequarter { grid-column: span 9; }
|
||||
figure.threequarter.offset2 { grid-column: 3 / span 9; }
|
||||
figure.full { grid-column: 1 / span 12; }
|
||||
|
||||
/* alignement vertical des figure */
|
||||
figure.top { align-self: start;}
|
||||
figure.center { align-self: center;}
|
||||
figure.bottom { align-self: end;}
|
||||
|
||||
|
||||
/* ------- TABLE OF CONTENTS --------- */
|
||||
|
||||
.toc{
|
||||
break-before: right;
|
||||
}
|
||||
|
||||
/* counters */
|
||||
|
||||
#list-toc-generated{
|
||||
counter-reset: counterTocLevel1;
|
||||
list-style: none;
|
||||
overflow-x: visible !important;
|
||||
}
|
||||
|
||||
#list-toc-generated .toc-element-level-1{
|
||||
counter-increment: counterTocLevel1;
|
||||
counter-reset: counterTocLevel2;
|
||||
}
|
||||
|
||||
#list-toc-generated a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#list-toc-generated .toc-element a::after{
|
||||
content: target-counter(attr(href), page);
|
||||
position: absolute;
|
||||
right:0;
|
||||
font-size: 13pt;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#list-toc-generated .toc-element-level-2 a::after{
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
#list-toc-generated .toc-element-level-1{
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
#list-toc-generated .toc-element-level-2{
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#list-toc-generated li span{
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* -------- FOOTNOTES ---------- */
|
||||
span.footnote {
|
||||
float: footnote;
|
||||
}
|
||||
|
||||
.footnote::footnote-call {
|
||||
content: counter(footnote, decimal) " ";
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
54
assets/css/print.css
Normal file
54
assets/css/print.css
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
@media print{
|
||||
|
||||
/* --------- Paramètres de base ---------- */
|
||||
@page{
|
||||
size: 165mm 240mm
|
||||
/* bleed: 6mm;
|
||||
marks: crop;*/
|
||||
}
|
||||
|
||||
@page :left {
|
||||
margin: 16mm 25mm 10mm 10mm;
|
||||
@top-left-corner {
|
||||
content: counter(page);
|
||||
font-size: 7pt;
|
||||
text-align: center;
|
||||
font-family: var(--fontFamily);
|
||||
}
|
||||
@top-center{
|
||||
content: string(title);
|
||||
font-size: 7pt;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
width: 105%;
|
||||
margin-left: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
@page :right {
|
||||
margin: 16mm 10mm 10mm 25mm;
|
||||
@top-right-corner {
|
||||
content: counter(page);
|
||||
font-size: 7pt;
|
||||
text-align: center;
|
||||
font-family: var(--fontFamily);
|
||||
}
|
||||
@top-center{
|
||||
content: string(chapter);
|
||||
font-size: 7pt;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
width: 105%;
|
||||
margin-left: -9%;
|
||||
}
|
||||
}
|
||||
|
||||
.chapter{
|
||||
break-before: right;
|
||||
}
|
||||
|
||||
.chapter h2{
|
||||
page-break-after: always;
|
||||
}
|
||||
|
||||
}
|
||||
5
assets/css/reset.css
Normal file
5
assets/css/reset.css
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
html {box-sizing: border-box;}*,*::before,*::after {box-sizing: inherit;}body,h1,h2,h3,h4,h5,h6,ul,ol,li,p,pre,blockquote,figure,hr {margin: 0;padding: 0; font-size:100%; font-weight: normal;}ul {list-style: none;}input,textarea,select,button {color: inherit;font: inherit;letter-spacing: inherit;}input,textarea,button {border: 1px solid gray;}button {border-radius: 0;padding: 0.75em 1em;background-color: transparent;}button * {pointer-events: none;}embed,iframe,img,object,video {display: block;max-width: 100%;}table {table-layout: fixed;width: 100%;}[hidden] {display: none !important;}noscript {display: block;margin-bottom: 1em;margin-top: 1em;}
|
||||
/* Buttons and input buttons */
|
||||
[role="button"],input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
|
||||
input[type="submit"], input[type="reset"], input[type="button"], button { background: none; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
|
||||
input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0;}
|
||||
45
assets/css/responsive.css
Normal file
45
assets/css/responsive.css
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
/* sm size */
|
||||
@media only screen and (min-width: 48em) {
|
||||
.show-for-small-only{ display: none;}
|
||||
.hide-for-small-only{ display: block;}
|
||||
|
||||
header{
|
||||
padding: 15px 30px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
header .mobile__menu_btn {
|
||||
display: none;
|
||||
}
|
||||
|
||||
header nav {
|
||||
height: auto;
|
||||
min-height: auto;
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* md size */
|
||||
@media only screen and (min-width: 64em) {
|
||||
header nav ul.row{
|
||||
margin-left: 30px;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* lg size */
|
||||
@media only screen and (min-width: 75em) {
|
||||
|
||||
}
|
||||
|
||||
/* xl size */
|
||||
@media only screen and (min-width: 90em) {
|
||||
:root{
|
||||
--textSize: 20px;
|
||||
}
|
||||
body{
|
||||
line-height: 1.4;
|
||||
}
|
||||
}
|
||||
|
||||
8
assets/css/variables.css
Normal file
8
assets/css/variables.css
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
:root{
|
||||
--margin: 1em;
|
||||
|
||||
--fontFamily: sans-serif;
|
||||
--textSize: 17px;
|
||||
--ratio : auto;
|
||||
|
||||
}
|
||||
8
assets/css/web.css
Normal file
8
assets/css/web.css
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
@media screen{
|
||||
main{
|
||||
padding-top: 250px;
|
||||
max-width: 42em;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue