« 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 64 : | Ligne 64 : | ||
/* Images à l’intérieur */ | /* Images à l’intérieur */ | ||
.slideshow img { | |||
height: 350px; /* hauteur fixe */ | height: 350px; /* hauteur fixe */ | ||
width: auto; /* largeur automatique pour garder les proportions */ | width: auto; /* largeur automatique pour garder les proportions */ | ||
| Ligne 74 : | Ligne 74 : | ||
/* Légende */ | /* Légende */ | ||
.caroussel-caption { | |||
position: absolute; | position: absolute; | ||
bottom: 10px; | bottom: 10px; | ||
Version du 22 août 2025 à 01:48
/* 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 */
.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-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;
}