Initial commit
This commit is contained in:
sarahgarcin1
commit
388079e6bb
1108 changed files with 330121 additions and 0 deletions
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%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue