112 lines
2.0 KiB
CSS
112 lines
2.0 KiB
CSS
/* CSS pour ajuster la taille de l'image */
|
|
.img-small {
|
|
width: 70px;
|
|
height: 70px;
|
|
}
|
|
|
|
.img-Logo {
|
|
width: 200px;
|
|
height: 70px;
|
|
}
|
|
|
|
|
|
.text-custom {
|
|
color: #000000;
|
|
/* Couleur de texte spécifique */
|
|
}
|
|
|
|
/* CSS pour le texte du menu-left */
|
|
.menu-left a {
|
|
color: #000000;
|
|
/* Couleur du texte */
|
|
font-weight: bold;
|
|
/* Gras */
|
|
text-decoration: none;
|
|
/* Pas de soulignement */
|
|
font-size: 24px;
|
|
/* Taille de la police en pixels */
|
|
}
|
|
|
|
/* CSS pour le texte des liens du menu-center */
|
|
.menu-center {
|
|
display: flex;
|
|
justify-content: center;
|
|
/* Centrer les éléments horizontalement */
|
|
align-items: center;
|
|
/* Centrer les éléments verticalement */
|
|
flex: 1;
|
|
/* Utiliser tout l'espace disponible */
|
|
margin-right: 8%
|
|
}
|
|
|
|
/* CSS pour le texte du menu-right */
|
|
.menu-right a {
|
|
color: #e4e4e4;
|
|
/* Couleur du texte */
|
|
}
|
|
|
|
.bg-custom {
|
|
background-color: #ffffff;
|
|
/* Définissez la couleur de fond souhaitée */
|
|
}
|
|
|
|
.textLogo {
|
|
font-size: 35px;
|
|
/* Taille de la police en pixels */
|
|
}
|
|
|
|
|
|
|
|
.logo {
|
|
margin-right: 5px;
|
|
/* Réduire la marge entre le logo et le texte */
|
|
|
|
}
|
|
|
|
.profilePicture {
|
|
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
|
|
/* Ajouter une ombre à la photo */
|
|
border: 2px solid #a30e79;
|
|
/* Ajouter une bordure de 2px solide de couleur rouge (#f00) */
|
|
}
|
|
|
|
.bg-customdarker {
|
|
background-color: #ffffffa4;
|
|
/* Définissez la couleur de fond souhaitée */
|
|
}
|
|
|
|
.top-aligned-column {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.column {
|
|
flex: 1;
|
|
}
|
|
|
|
.center-column {
|
|
flex: 3;
|
|
/* La colonne centrale occupe 3 fois plus d'espace que les autres */
|
|
}
|
|
|
|
|
|
.colum-aligncenter {
|
|
text-align: center;
|
|
}
|
|
|
|
.menu-center a:nth-child(1):hover svg {
|
|
color: rgba(163, 14, 121, 1);
|
|
/* Changer la couleur en rouge au survol */
|
|
}
|
|
|
|
/* Pour le deuxième bouton */
|
|
.menu-center a:nth-child(2):hover svg {
|
|
color: rgba(163, 14, 121, 1);
|
|
/* Changer la couleur en bleu au survol */
|
|
}
|
|
|
|
/* Pour le troisième bouton */
|
|
.menu-center a:nth-child(3):hover svg {
|
|
color: rgba(163, 14, 121, 1);
|
|
/* Changer la couleur en vert au survol */
|
|
} |