« MediaWiki:Common.css » : différence entre les versions

@@ Ligne 52 : / Ligne 52 : @@
 @media screen and (min-width:1024px)
 {
- #caroussel
+/* Taille fixe du carrousel */
- {
+#caroussel slideshow {
-   height: 350px;
+   display: block;
-   width: auto;
+   width: 600px;   /* largeur fixe */
-   justify-content: center;
+  height: 400px;  /* hauteur fixe */
-   align-items: center;
+   margin: auto;   /* centrer le carrousel */
+   overflow: hidden;
    position: relative;
- }
+  background: #000; /* fond noir pour remplir */
+}
-.slideshow img
+/* Les images à l’intérieur s’adaptent */
-{
+#caroussel slideshow img {
-   max-height: 350px;
+  width: 100%;
-   width: auto;
+  height: 100%;
+   object-fit: contain; /* garde les proportions, ajoute des bandes si besoin */
+  display: block;
+   margin: auto;
 }
-.caroussel-caption
+/* Les légendes */
-{
+#caroussel .caroussel-caption {
-   display: none;
+  position: absolute;
-   width: 90%;
+  bottom: 10px;
+  left: 0;
+  right: 0;
+  text-align: center;
+  background: rgba(0,0,0,0.6);
+  color: white;
+  padding: 5px;
+  font-size: 14px;
 }
 }