« MediaWiki:Common.css » : différence entre les versions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 52 : | Ligne 52 : | ||
@media screen and (min-width:1024px) | @media screen and (min-width:1024px) | ||
{ | { | ||
/* | /* Conteneur du carrousel */ | ||
#caroussel slideshow { | #caroussel slideshow { | ||
display: block; | display: block; | ||
width: | width: 100%; /* largeur automatique (peut être fixe si tu veux) */ | ||
height: 350px; | height: 350px; /* hauteur fixe */ | ||
margin: auto; | margin: auto; | ||
overflow: hidden; | overflow: hidden; | ||
position: relative; | position: relative; | ||
background: #000; /* fond noir | background: #000; /* fond noir si l’image n’occupe pas tout */ | ||
} | } | ||
/* | /* Images à l’intérieur */ | ||
#caroussel slideshow img { | #caroussel slideshow img { | ||
width: auto; | height: 350px; /* hauteur fixe */ | ||
width: auto; /* largeur automatique pour garder les proportions */ | |||
object-fit: contain; /* garde | max-width: 100%; /* évite que ça déborde */ | ||
object-fit: contain; /* garde l’image entière, bandes noires possibles */ | |||
display: block; | display: block; | ||
margin: auto; | margin: auto; | ||
} | } | ||
/* | /* Légende */ | ||
#caroussel .caroussel-caption { | #caroussel .caroussel-caption { | ||
position: absolute; | position: absolute; | ||
| Ligne 84 : | Ligne 85 : | ||
font-size: 14px; | font-size: 14px; | ||
} | } | ||
} | } | ||