« Modèle:Accueil/Nouvelles/style.css » : différence entre les versions
De Wiki Lylat
Aller à la navigationAller à la recherche
Page créée avec « .caroussel { width: 95%; display: flex; gap: 1rem; overflow-x: auto; } .caroussel-item { flex: 0 0 auto; width: 300px; background: #fff; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); text-align: center; padding: 1rem; display: flex; flex-direction: column; justify-content: flex-start; } .caroussel img { max-width: 100%; max-height: 150px; border-radius: 8px; object-fit: cover;... » |
Aucun résumé des modifications |
||
| (Une version intermédiaire par le même utilisateur non affichée) | |||
| Ligne 4 : | Ligne 4 : | ||
gap: 1rem; | gap: 1rem; | ||
overflow-x: auto; | overflow-x: auto; | ||
color: black; | |||
} | } | ||
| Ligne 17 : | Ligne 18 : | ||
flex-direction: column; | flex-direction: column; | ||
justify-content: flex-start; | justify-content: flex-start; | ||
} | |||
.caroussel-caption | |||
{ | |||
font-weight: normal; | |||
} | } | ||
| Ligne 38 : | Ligne 44 : | ||
.item-title | .item-title | ||
{ | { | ||
color: | color: green; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
Dernière version du 22 août 2025 à 01:57
.caroussel {
width: 95%;
display: flex;
gap: 1rem;
overflow-x: auto;
color: black;
}
.caroussel-item {
flex: 0 0 auto;
width: 300px;
background: #fff;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
text-align: center;
padding: 1rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.caroussel-caption
{
font-weight: normal;
}
.caroussel img {
max-width: 100%;
max-height: 150px;
border-radius: 8px;
object-fit: cover;
height: auto;
}
.caroussel-item h3 {
min-height: 3em;
display: flex;
align-items: center;
justify-content: center;
margin-top: 1rem;
font-size: 1rem;
}
.item-title
{
color: green;
font-weight: bold;
}