« 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 56 : | Ligne 56 : | ||
display: block; | display: block; | ||
width: 600px; /* largeur fixe */ | width: 600px; /* largeur fixe */ | ||
height: | height: 350px; /* hauteur fixe */ | ||
margin: auto; /* centrer le carrousel */ | margin: auto; /* centrer le carrousel */ | ||
overflow: hidden; | overflow: hidden; | ||
Version du 22 août 2025 à 01:46
/* 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)
{
/* Taille fixe du carrousel */
#caroussel slideshow {
display: block;
width: 600px; /* largeur fixe */
height: 350px; /* hauteur fixe */
margin: auto; /* centrer le carrousel */
overflow: hidden;
position: relative;
background: #000; /* fond noir pour remplir */
}
/* Les images à l’intérieur s’adaptent */
#caroussel slideshow img {
width: auto;
height: 350px;
object-fit: contain; /* garde les proportions, ajoute des bandes si besoin */
display: block;
margin: auto;
}
/* Les légendes */
#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;
}