logo et slider

This commit is contained in:
2021-05-31 18:21:02 +02:00
parent 374f0fefc7
commit bd16b1a431
14 changed files with 69 additions and 118 deletions
@@ -33,13 +33,18 @@
}
}
body#top.modular.fullwidth.title-center.title-h1h2 {
overflow-y:hidden;
}
#header.scrolled {
padding-left: 2rem;
padding-right: 2rem;
img {
@include transform(scale(0.75));
@extend .default-animation;
padding-bottom: 1rem;
}
}
@@ -71,46 +76,30 @@
}
#header #navbar ul.navigation {
}
// #header #logo img.scrolled {
// height: 3.5rem!important;
// }
#logo {
position: relative;
display: flex;
flex-direction: row;
// @include transform(scale(0.75));
// &.active {
// a:after {
// top: 0;
// visibility: visible;
// @include transform(scale(0.75));
// @extend .default-animation;
//
img {
padding: 0.5rem;
height: 4rem !important;
padding: 0.75rem;
height: 4rem;
margin:auto;
@media (max-width: 442px) {
height: 3rem!important;
height: 3rem;
}
@media (max-width: 1024px) {
height: 3.5rem!important;
height: 3.5rem;
}
#gouv {
padding-left: 1rem;
padding-right: 2rem;
padding: 0.5rem;
min-height: 4rem !important;
margin:auto;
min-height: 4rem;
// margin:auto;
}
#epau {
}
}
}
@@ -237,17 +226,7 @@
animation: glissement 1.2s 1 normal ease-in-out forwards;
}
}
//
// .after-h1 {
// .test {
// // opacity: 0;
// // transition: opacity 1s ease-in-out;
// animation: anim 2.5s 1 normal ease-in-out forwards;
// }
// .animateMe {
// animation: glissement 2.5s 1 normal ease-in-out forwards;
// }
// }
@@ -256,21 +235,7 @@
display: flex;
flex-wrap: wrap;
//
// background-image:
// url("/user/themes/epau-antimatter/images/14360_default_big.jpg") ,
// url("/user/themes/epau-antimatter/images/10361_web_01.jpg") ,
// url("/user/themes/epau-antimatter/images/hyperliens_marseille_.PNG") ,
// url("/user/themes/epau-antimatter/images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg") ;
//
// background-attachment: fixed;
//
// background-position: 50% -50px;
// position: sticky;
// transform: translateY(-1);
// min-height: 500px;
background-color: #d5d2d1;
@@ -284,48 +249,13 @@
}
.parallax-window {
// min-height: 400px;
background: transparent;
// height: 1534px;
// overflow: hidden;
}
.parallax-mirror {
top: -80px;
}
// .images-background {
// position: absolute !important;
// width: 100%;
// display: flex;
// flex-direction: row;
// flex-wrap: wrap;
// justify-content: space-between;
//
// #photo1 {
// position: relative;
// top: -60px;
//
// }
//
// #photo2 {
// z-index: 0;
// width:700px !important;
// position: relative;
// top: 260px;
// }
//
// #photo3 {
// z-index: 0;
// width:700px !important;
// position: relative;
// top: 300px;
// }
//
// #photo4 {
// z-index: 0;
// width:700px !important;
// position: relative;
// top: 300px;
// }
// }
.programme {
@@ -721,7 +651,7 @@
#new-footer {
position:absolute;
// position:absolute;
display: flex;
flex-direction: column;
@@ -754,19 +684,22 @@
.footer-logos {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 70%;
// flex-wrap: nowrap;
width: 65%;
align-items: center;
margin-left: 3rem;
p {
display: inline-flex;
}
img {
// min-height: 4rem;
max-height: 4rem;
padding-right: 1rem;
&:last-of-type {
// height: 3.25rem;
padding-top: 0.30rem;
padding-bottom: 0.30rem;
}
padding-right: 3rem;
// &:last-of-type {
// // height: 3.25rem;
// padding-top: 0.30rem;
// padding-bottom: 0.30rem;
// }
}
}
@@ -774,9 +707,13 @@
height: 0.5rem !important;
}
.contact {
display: flex;
flex-direction: column;
width: 30%;
width: 35%;
padding-left: 1.5rem;
margin-right: 2rem;
margin-top: 1.5rem;
align-items: flex-start;
img {