« MediaWiki:Common.css » : différence entre les versions
De Wiki Lylat
Aller à la navigationAller à la recherche
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; | ||
} | } | ||
} | } | ||
Version du 22 août 2025 à 01:47
/* Le CSS placé ici sera appliqué à tous les habillages. */
.index-div-item
{
width: 100%;
}
.index-div-item pre:first-child
{
display: none !important;
}
@media screen and (min-width: 1024px)
{
.index-div-item
{
margin-right: 15px;
}
.item1
{
width: 75%;
}
.item2
{
width: 25%;
}
.index-div
{
display: flex;
width: 99%;
}
}
/** Infobox */
.portable-infobox {
background: #79aaf3;
}
.portable-infobox .pi-title {
background-color: #4471e2;
}
.portable-infobox .pi-header {
background-color: #4471e2;
}
@media screen and (min-width:1024px)
{
/* Conteneur du carrousel */
#caroussel slideshow {
display: block;
width: 100%; /* largeur automatique (peut être fixe si tu veux) */
height: 350px; /* hauteur fixe */
margin: auto;
overflow: hidden;
position: relative;
background: #000; /* fond noir si l’image n’occupe pas tout */
}
/* Images à l’intérieur */
#caroussel slideshow img {
height: 350px; /* hauteur fixe */
width: auto; /* largeur automatique pour garder les proportions */
max-width: 100%; /* évite que ça déborde */
object-fit: contain; /* garde l’image entière, bandes noires possibles */
display: block;
margin: auto;
}
/* Légende */
#caroussel .caroussel-caption {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
text-align: center;
background: rgba(0,0,0,0.6);
color: white;
padding: 5px;
font-size: 14px;
}
}
@media screen and (max-width:1023px)
{
#caroussel
{
width: 100%;
}
.slideshow img
{
max-height: 350px;
width: auto;
}
.caroussel-caption
{
text-align: center;
width: 100%;
}
}
.oo-ui-fieldLayout-field {
color: black !important;
}
#lastmod
{
color: black;
}