This commit is contained in:
2024-04-25 12:02:24 +02:00
parent 856f0f5356
commit 103ee50b6f
13 changed files with 132 additions and 233 deletions
@@ -1,5 +1,6 @@
footer{
background: white;
border-top: 1px solid black;
width: 100%;
height: auto;
padding: 2rem 0 0 0;
@@ -35,7 +35,7 @@ header{
width: 35%;
border-left: 1px solid $color1;
padding: 0;
display: none;
// display: none;
a{
display: flex;
}
@@ -89,7 +89,7 @@ header{
padding-top: 0.25rem;
z-index: 9999;
}
// .nav-main{
.nav-main{
@media screen and (min-width: 1200px) {
display: flex;
ul{
@@ -106,7 +106,7 @@ header{
}
}
}
// }
}
&.is-active{
display: block;
position: fixed;
@@ -145,7 +145,7 @@ header{
width: 0%;
transition: width 1s ease;
height: 1px;
background: $color1;
background: $color2024;
}
&:hover{
&::before{
@@ -201,7 +201,5 @@ header.front{
}
}
}
#block-colloque2024-renderedsitesettingsblock-2{
// display: none;
}
}
@@ -19,7 +19,6 @@
article {
width: calc(100% - 30px);
height: 325px;
// background: none;
display: flex;
flex-direction: column;
margin: 3rem $gutter 1.5rem $gutter;
@@ -79,35 +78,26 @@
.views {
section.wrap_head {
// @include croix_or;
.head {
display: flex;
flex-direction: row;
align-items: center;
position: relative;
.custom-line {
flex: 1; /* Pour étendre le trait sur toute la largeur disponible */
border: none;
border-top: 1px solid #000; /* Couleur et style de la ligne */
margin: 10px 0; /* Marge supérieure et inférieure pour l'espacement */
}
h3{
// &:after{
// content:url(../images/path1.svg);
// max-width: fit-content;
// }
display: flex;
flex-direction: row;
align-items: center;
&:after{
display: block;
content: "";
max-width: fit-content;
width: 100%; /* Étendre la ligne sur toute la largeur */
border-bottom: 1px solid #000; /* Couleur et style de la ligne */
}
}
}
.head::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%; /* Étendre la ligne sur toute la largeur */
border-bottom: 1px solid #000; /* Couleur et style de la ligne */
}
}
}
@media screen and (min-width: 576px) {
@@ -135,7 +125,7 @@
}
}
.flickity-viewport {
// overflow: initial;
overflow: initial;
}
.flickity-slider > div {
width: 70%;
@@ -150,10 +140,7 @@
.flickity-slider {
position: absolute;
// width: 300px;
width: 100%;
height: 100%;
margin-left: 10px;
&:hover{
// border: solid 1px black;
}
}
@@ -24,9 +24,7 @@ header {
#txt_present {
margin: 3rem 0;
.medias{
display: none;
}
@media screen and (min-width: 992px) {
margin: 5rem 0;
}
@@ -172,27 +170,24 @@ header {
#block-colloque2024-views-block-slide-programme-block-1 {
h3 {
// &::after {
// display: inline-flex;
// width: 60px;
// height: 60px;
// vertical-align: middle;
// margin-left: 20px;
// // @include labelOnline;
// }
&::after {
display: inline-flex;
width: 60px;
height: 60px;
vertical-align: middle;
margin-left: 20px;
// @include labelOnline;
}
}
}
#block-colloque2024-mainpagecontent{
background-color: transparent;
}
///changement 2024
#block-colloque2024-mainpagecontent{
#txt_present{
.medias{
display: none;
display: none;
}
}
@@ -10,59 +10,18 @@ main:not(.home) {
//
body {
#content-ontop{
z-index: 3000;
position: relative;
top: -1200px;
}
#background-animated{
z-index: 2000;
z-index: -1;
position: relative;
left: -350px;
}
position: relative;
&::before {
z-index: -1;
content: " ";
width: 100%;
height: 100%;
// background-image: url("../images/fond-ronds-trace.svg");
background-repeat: no-repeat;
background-size: content;
display: block;
position: absolute;
opacity: 0.5;
top: 100px;
left: +53px;
}
// &::after {
// z-index: -1;
// content: " ";
// width: 100%;
// height: 100%;
// background: linear-gradient(
// to top,
// white,
// rgba(255, 255, 255, 0.8)
// );
// display: block;
// position: absolute;
// transform: translateY(-100%);
// top: 100%;
// left: 0;
// }
}
article {
.__title {
// @include croix_or;
}
&.publications,
&.interviews {
margin-top: 1rem;
@@ -78,7 +37,5 @@ article {
}
}
}
h4 {
// @include croix_or;
}
@@ -8,14 +8,13 @@
position: relative;
color: $color2024;
&::after{
// display: inline-flex;
display: none;
display: inline-flex;
position: absolute;
right: 0;
width: 100px;
height: 100px;
vertical-align: middle;
@include labelOnline;
// @include labelOnline;
@media screen and (min-width: 768px) {
width: 150px;
height: 150px;