FestinHegre/assets/styles/app.css

56 lines
1.6 KiB
CSS
Raw Normal View History

2024-10-03 17:47:31 +02:00
.left-background {
background-color: #db5559; /* Couleur de fond */
width: 20%; /* Prend 1/4 de la largeur de l'écran */
height: 100%; /* Prend toute la hauteur de la fenêtre */
position: fixed; /* Reste en place même si on fait défiler la page */
top: 0; /* Commence en haut de l'écran */
left: 0; /* Aligne à gauche de l'écran */
2024-09-26 17:08:30 +02:00
}
2024-10-03 17:47:31 +02:00
.index-title-page{
font-family: 'Brittany Signature', sans-serif;
}
ul {
list-style-type: none; /* Enlève les points de la liste */
padding: 0;
}
li {
padding-bottom:30px;
}
.btn-custom {
background-color: #FFFFFF; /* Couleur de fond verte */
color: black; /* Couleur du texte blanche */
border: none; /* Pas de bordure */
padding: 15px 30px; /* Espace intérieur (padding) */
font-size: 16px; /* Taille de police */
font-weight: bold; /* Texte en gras */
cursor: pointer; /* Curseur en forme de main au survol */
width: 100%; /* Ajuste la largeur automatiquement en fonction du contenu */
display: inline-block; /* Empêche le bouton de s'étendre à 100% */
}
/* Effet au survol */
.btn-custom:hover {
background-color: #f8b5b5; /* Couleur légèrement plus foncée au survol */
color: #FFFFFF;
}
.icon-medium {
display: inline-flex; /* Utilise inline-flex pour gérer l'alignement facilement */
align-items: center; /* Centre verticalement l'icône */
width: 25px;
height: 25px;
margin-right: 8px; /* Espace entre l'icône et le texte */
}
.icon-container {
display: inline-flex; /* Permet d'afficher l'icône et le texte sur la même ligne */
align-items: center; /* Centre verticalement le contenu */
}