SAE_WEB_S1/CSS/partenaire.css

104 lines
1.4 KiB
CSS
Raw Permalink Normal View History

2024-01-17 13:42:30 +01:00
#txt-list{
display: flex;
flex-direction: row-reverse;
justify-content: space-around;
align-items: center;
2024-01-18 10:34:18 +01:00
margin-bottom: 10vh;
2024-01-17 13:42:30 +01:00
}
#ligne-partenaires {
backdrop-filter: blur(10px);
background-color: rgba(0, 0, 0, 0.2);
}
2024-01-19 15:42:41 +01:00
.hov-partenaire{
2024-01-17 13:42:30 +01:00
position: absolute;
color: white;
font-size: 1.5rem;
backdrop-filter: blur(10px);
background-color: rgba(0, 0, 0, 0.8);
border-radius: 5px;
top: 0;
width: 50%;
height: 100%;
display: none;
}
#ligne-partenaires li:hover div{
transition: all ease 0.4s;
display: block;
}
#ligne-partenaires a{
text-decoration: none;
}
#colonne-partenaires {
backdrop-filter: blur(10px);
background-color: rgba(0, 0, 0, 0.2);
}
#colonne-partenaires li:hover div{
display: block;
}
#colonne-partenaires a{
text-decoration: none;
}
#ligne-colonne{
display: flex;
flex-direction: column;
}
#ligne-colonne img{
2024-01-18 15:28:25 +01:00
width: 15vw;
height: 25vh;
2024-01-17 13:42:30 +01:00
}
#ligne-colonne ul{
color: black;
list-style: none;
display: flex;
}
aside{
2024-01-18 15:28:25 +01:00
width: 40vw;
2024-01-17 13:42:30 +01:00
}
#btn-contact{
margin: 1%;
padding: 22px 75px;
left:50%;
border: 2px solid darkred;
border-radius: 10px;
transition: all ease 0.4s;
}
#btn-contact p{
padding: 0;
color: black;
text-align: center;
font-size: 20px;
}
#btn-contact:hover{
border: 2px solid none;
background-color: darkred;
}
#btn-contact:hover p{
color: white;
}
2024-01-18 10:34:18 +01:00
#nouveau-partenaire{
display: flex;
align-items: center;
}