module valeurs/equipe

This commit is contained in:
2021-06-22 12:54:55 +02:00
parent 416d183223
commit 01afb95428
5 changed files with 195 additions and 103 deletions

View File

@@ -1596,46 +1596,82 @@
}
}
#module{
width: 60%;
margin: auto;
margin-top: 4rem;
margin-bottom: 4rem;
padding-right: 4rem;
display: flex;
flex-direction: column;
.titre-module{
font-family: "now_alt_bold";
font-weight: 400;
font-size: 1.5rem;
line-height: 2rem;
padding-bottom: 2rem;
text-align: center;
color: #0093a3;
}
.valeurs{
#le_campus{
#module{
width: 60%;
margin: auto;
margin-top: 4rem;
margin-bottom: 4rem;
padding-right: 4rem;
display: flex;
flex-direction: row;
.valeur{
width:33%;
flex-direction: column;
.titre-module{
font-family: "now_alt_bold";
font-weight: 400;
font-size: 1.5rem;
line-height: 2rem;
padding-bottom: 2rem;
text-align: center;
color: #0093a3;
}
.valeurs{
display: flex;
flex-direction: column;
padding: 10px;
.images_v{
width:100%;
max-height: 10rem;
overflow: hidden;
img{
padding-bottom: 20px;
flex-direction: row;
.valeur{
width:33%;
display: flex;
flex-direction: column;
padding: 10px;
.images_v{
width:100%;
max-height: 10rem;
overflow: hidden;
img{
padding-bottom: 20px;
}
}
h5{
padding-top: 20px;
padding-bottom: 5px;
font-family: "bold";
font-size: 1.3rem;
}
}
h5{
padding-top: 20px;
padding-bottom: 5px;
font-family: "bold";
font-size: 1.3rem;
}
.equipe{
display: flex;
flex-direction: row;
.personne{
width: 33%;
display: flex;
flex-direction: column;
padding: 10px;
.images_v{
width:100%;
max-height: 10rem;
overflow: hidden;
img{
padding-bottom: 20px;
}
}
h5{
padding-top: 20px;
padding-bottom: 5px;
font-family: "bold";
font-size: 1.3rem;
}
}
}
}
.dl_plaquette{
p{
font-family: "now_alt_bold";
font-weight: 400;
font-size: 1rem;
line-height: 2rem;
padding-bottom: 2rem;
text-align: center;
}
}
}

View File

@@ -804,4 +804,30 @@
#tarteaucitronRoot #tarteaucitronAlertBig{
padding: 10px 0!important;
}
#le_campus{
#module{
width: 90% !important;
padding-right: 0 !important;
.valeurs{
flex-direction: column !important;
width: 90%;
align-self: center;
.valeur{
width: 100% !important;
text-align: center;
}
}
.equipe{
flex-direction: column !important;
width: 90%;
align-self: center;
.personne{
width: 100% !important;
text-align: center;
}
}
}
}
}