install wmtp && modif css

This commit is contained in:
Tessier
2020-09-20 21:39:03 +02:00
parent f61b0bff1b
commit 7f3fb7facb
14 changed files with 145 additions and 1786 deletions
+10 -11
View File
@@ -1,6 +1,5 @@
function slides() {
var Home = $('.accueil .hero .main-carousel');
$('body:not(.les-temps-forts) .main-carousel').flickity({
$('body:not(.les-temps-forts) main .main-carousel').flickity({
cellAlign: 'left',
autoPlay: true,
prevNextButtons: false,
@@ -36,15 +35,15 @@ function slides() {
}
}
// var Partenaires = document.querySelector('.container_slide ul');
// if (Partenaires != null) {
// var flkty = new Flickity( Partenaires, {
// cellAlign: 'left',
// pageDots: false
// // groupCells: true,
// // carousel-cell: true,
// });
// }
var Partenaires = document.querySelector('footer .main-carousel');
if (Partenaires != null) {
var flkty = new Flickity( Partenaires, {
cellAlign: 'left',
autoPlay: true,
pageDots: false,
prevNextButtons: false,
});
}
}
function masonry() {
@@ -1,5 +1,7 @@
body{
& > footer{
box-shadow: inset 0px 10px 10px rgba(0, 0, 0, 0.05);
padding-top: 2rem;
section{
& > .row{
margin-bottom: 1rem;
@@ -119,6 +121,9 @@ body{
display: block;
width: max-content;
text-transform: uppercase;
@media screen and (min-width: 568px) {
margin: 0.5rem auto;
}
&:hover{
border: 5px solid black;
background: black;
@@ -1,14 +1,38 @@
.thumbnails{
min-height: 520px;
@media screen and (min-width: 768px) {
min-height: 430px;
}
// margin-bottom: 2rem;
a{
display: block;
text-decoration: none;
}
margin-bottom: 2rem;
figure{
overflow: hidden;
img{
transform: scale(1);
transition: 1s transform ease;
}
}
.wrap_content{
display: flex;
flex-direction: column;
justify-content: center;
margin-top: -6rem;
max-height: 11.3rem;
overflow: hidden;
border: 5px solid black;
padding: 1rem;
position: relative;
margin: -6rem 2rem;
background: white;
transition: 0.2s margin-top ease;
text-align: center;
& > * {
color: black;
}
h3{
font-size: 1.5rem;
}
h5{
font-family: 'universalis-bold';
font-size: 1.25rem;
@@ -16,14 +40,17 @@
text-transform: uppercase;
}
.date{
margin-bottom: 0.5rem;
& > * {
font-family: 'universalis-regular';
font-size: 0.9rem;
line-height: 1;
line-height: 0.5;
time{
line-height: 0.5;
}
}
}
.places{
padding-top: 0.5rem;
font-family: 'universalis-regular';
font-size: 0.9rem;
line-height: 1;
@@ -31,8 +58,16 @@
}
}
&:hover {
figure{
overflow: hidden;
img{
transform: scale(1.1);
transition: 1s transform ease;
}
}
.wrap_content{
margin-top: -7rem;
}
transition: 0.2s margin-top ease;
}
}
}
File diff suppressed because it is too large Load Diff
@@ -62,48 +62,9 @@
}
}
}
}
.thumbnails{
a{
display: block;
text-decoration: none;
}
margin-bottom: 2rem;
.wrap_content{
display: flex;
flex-direction: column;
justify-content: center;
margin-top: -6rem;
height: 150px;
h5{
font-family: 'universalis-bold';
font-size: 1.25rem;
line-height: 1;
text-transform: uppercase;
}
.date{
& > * {
font-family: 'universalis-regular';
font-size: 1rem;
line-height: 1;
}
}
.places{
padding-top: 0.5rem;
font-family: 'universalis-regular';
font-size: 1rem;
line-height: 1;
text-transform: uppercase;
}
}
&:hover {
.wrap_content{
margin-top: -7rem;
}
.thumbnails{
margin-bottom: 2rem;
}
}
}
}
@@ -52,20 +52,11 @@
& > .row{
justify-content: center;
&:first-of-type{
min-height: 500px;
}
}
}
.thumbnails{
.wrap_content{
margin-top: -6rem;
}
&:hover {
.wrap_content{
margin-top: -7rem;
min-height: 430px;
}
}
}
}
&#section_asso{
.container-fluid{
@@ -182,21 +173,28 @@
& > .row{
justify-content: center;
&:first-of-type{
min-height: 500px;
min-height: 450px;
}
}
}
article{
height: auto;
min-height: 500px;
min-height: 520px;
@media screen and (min-width: 576px) {
min-height: 450px;
}
h3{
color: $colorBlue;
font-size: 1.875rem;
font-size: 1.25rem;
line-height: 1;
font-family: 'millimetre-regular';
text-transform: uppercase;
margin-bottom: 0.5rem;
}
}
.wrap_content{
margin: -8rem 2rem!important;
}
.content{
font-family: 'universalis-regular';
color: $colorBlue;
@@ -204,7 +202,6 @@
line-height: 1.2;
}
.date{
margin: 1rem;
span{
font-family: 'universalis-regular';
display: block;
@@ -216,16 +213,7 @@
}
}
}
.thumbnails{
.wrap_content{
margin-top: -10rem;
}
&:hover {
.wrap_content{
margin-top: -11rem;
}
}
}
}
&#section_MineVideo{
.container-fluid{
@@ -254,43 +242,3 @@
margin: auto;
}
}
.thumbnails{
&:not(:last-of-type){
margin-bottom: 3rem;
@media screen and (min-width: 576px) {
margin-bottom: 0rem;
}
}
figure{
position: relative;
overflow: hidden;
img{
transform: scale(1);
transition: 0.3s transform ease;
}
}
.wrap_content{
border: 5px solid black;
padding: 1rem;
position: relative;
margin: 0 2rem;
background: white;
transition: 0.2s margin-top ease;
text-align: center;
& * {
color : $colorBlack;
}
}
&:hover {
figure{
img{
transform: scale(1.1);
transition: 1s transform ease;
}
}
.wrap_content{
transition: 0.2s margin-top ease;
}
}
}
@@ -76,27 +76,5 @@
transform: translateX(-50%) rotate(-15deg);
}
}
.thumbnails{
min-height: 450px;
a{
display: block;
text-decoration: none;
}
margin-bottom: 2rem;
.wrap_content{
display: flex;
flex-direction: column;
justify-content: center;
margin-top: -6rem;
height: 150px;
}
&:hover {
.wrap_content{
margin-top: -7rem;
}
}
}
}
}
}