« MediaWiki:Common.css » : différence entre les versions
Page de l’interface de MediaWiki
Autres actions
Aucun résumé des modifications Balise : Révoqué |
Aucun résumé des modifications Balise : Révoqué |
||
| Ligne 23 : | Ligne 23 : | ||
} | } | ||
.scw- | |||
.scw-carousel { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
gap: 6px; | |||
width: 100%; | |||
margin: 1em 0; | |||
} | |||
.scw-carousel-track { | |||
display: flex; | display: flex; | ||
overflow-x: auto; | overflow-x: auto; | ||
scroll-behavior: smooth; | |||
gap: 14px; | gap: 14px; | ||
max-width: 85vw; | |||
padding: 6px 0; | |||
scrollbar-width: thin; | scrollbar-width: thin; | ||
} | } | ||
.scw- | .scw-carousel img { | ||
max-height: 170px; | |||
border-radius: 8px; | |||
background: #222; | |||
flex: 0 0 auto; | flex: 0 0 auto; | ||
user-select: none; | |||
} | |||
.scw-carousel button { | |||
background: #26272b; | |||
border: none; | |||
color: #fff; | |||
font-size: 2em; | |||
border-radius: 50%; | |||
width: 38px; | |||
height: 38px; | |||
cursor: pointer; | |||
transition: background 0.2s; | |||
} | |||
.scw-carousel button:active { | |||
background: #333; | |||
} | } | ||
Version du 12 juillet 2025 à 14:08
/* Le CSS placé ici sera appliqué à tous les habillages. */
@media (max-width: 700px) {
.infobox-personnage {
float: none !important;
display: block !important;
width: 98% !important;
max-width: 98% !important;
min-width: 0 !important;
margin: 1em auto !important;
box-sizing: border-box !important;
clear: both !important;
text-align: center !important;
}
}
.infobox-personnage:after {
content: '';
display: block;
clear: both;
}
}
.scw-carousel {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
width: 100%;
margin: 1em 0;
}
.scw-carousel-track {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
gap: 14px;
max-width: 85vw;
padding: 6px 0;
scrollbar-width: thin;
}
.scw-carousel img {
max-height: 170px;
border-radius: 8px;
background: #222;
flex: 0 0 auto;
user-select: none;
}
.scw-carousel button {
background: #26272b;
border: none;
color: #fff;
font-size: 2em;
border-radius: 50%;
width: 38px;
height: 38px;
cursor: pointer;
transition: background 0.2s;
}
.scw-carousel button:active {
background: #333;
}