transparence bandeau

This commit is contained in:
2021-06-10 14:24:54 +02:00
parent e89db5e0b9
commit fa13c4976e
11 changed files with 99 additions and 85 deletions
@@ -45,9 +45,10 @@ b, strong {
@extend .padding-horiz;
background: $page-bg;
// padding-top: $header-height;
padding-top: $header-height + $padding-vert;
padding-bottom: $footer-height + $padding-vert + 2rem;
padding-top: $header-height;
// padding-top: $header-height + $padding-vert;
// padding-bottom: $footer-height + $padding-vert + 2rem;
padding-bottom: 0;
}
// Alignment
@@ -26,7 +26,7 @@
#body{
background: none !important;
padding-bottom: 2rem !important;
// padding-bottom: 2rem !important;
font-family: "Sarabun", sans-serif !important;
p:empty { display:none; }
@media (max-width: 442px) {
@@ -35,6 +35,7 @@
}
}
body#top.modular.fullwidth.title-center.title-h1h2 {
overflow-y:hidden;
}
@@ -137,6 +138,21 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
}
}
.parallax-window {
background: transparent;
// background-position: center;
// background-size: cover;
// position: relative;
// top: -500px;
width: 100%;
}
.parallax-mirror {
top: -80px;
// height: auto;
}
.callout {
filter:opacity(0.75);
position: relative;
@@ -154,13 +170,17 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
}
}
.ressources {
background-color: white;
padding-top: 1rem;
}
.titre_nsb {
// position: relative;
// top: -440px;
display: block;
margin-right: 52%;
h1 {
margin-bottom: 0rem !important;
text-align: right;
@@ -239,22 +259,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
padding-bottom: 8rem;
}
.parallax-window {
background: transparent;
// background-size: cover;
// height: 300vh;
// width: 100%;
}
.parallax-mirror {
top: -80px;
// height: auto;
}
.programme {
// position: relative;
// top: 440px;
@@ -369,7 +373,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
.gouvernance {
background-color: #000;
filter:opacity(0.75);
// filter:opacity(0.75);
color: #ffffff;
text-transform: uppercase;
padding-bottom: 6rem;
@@ -653,6 +657,8 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
// position:absolute;
display: flex;
flex-direction: column;
background-color: white;
padding-bottom: 3rem;
.tothetop {
position: relative;