« 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) | ||
{ | { | ||
/* Taille fixe du carrousel */ | |||
#caroussel slideshow { | |||
display: block; | |||
width: | width: 600px; /* largeur fixe */ | ||
height: 400px; /* hauteur fixe */ | |||
margin: auto; /* centrer le carrousel */ | |||
overflow: hidden; | |||
position: relative; | position: relative; | ||
background: #000; /* fond noir pour remplir */ | |||
} | |||
/* Les images à l’intérieur s’adaptent */ | |||
#caroussel slideshow img { | |||
width: 100%; | |||
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 { | |||
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; | |||
} | } | ||
} | } | ||
Version du 22 août 2025 à 01:45
/* 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: 400px; /* 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: 100%;
height: 100%;
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;
}