« Modèle:Accueil/Infos.css » : différence entre les versions
De Wikithionville
Autres actions
m A protégé « Modèle:Accueil/Infos.css » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini)) |
Sync homepage from repository (commit 0e34c54) |
||
| Ligne 1 : | Ligne 1 : | ||
.home-info { | .home-info { | ||
align-items: flex-start; | align-items: flex-start; | ||
justify-content: space-between; | |||
gap: 8rem; | |||
background: var(--home-bg); | background: var(--home-bg); | ||
color: var(--home-text); | color: var(--home-text); | ||
| Ligne 23 : | Ligne 25 : | ||
.home-info__image { | .home-info__image { | ||
position: absolute; | position: absolute; | ||
top: | top: 50%; | ||
left: | left: 70vw; | ||
height: | height: 85%; | ||
transform: translateY(-50%); | |||
transition: transform 50ms linear; | transition: transform 50ms linear; | ||
} | } | ||
| Ligne 42 : | Ligne 45 : | ||
position: relative; | position: relative; | ||
z-index: 1; | z-index: 1; | ||
width: 100%; | width: 100%; | ||
gap: 1.5rem; | gap: 1.5rem; | ||
Dernière version du 12 juin 2026 à 13:00
.home-info {
align-items: flex-start;
justify-content: space-between;
gap: 8rem;
background: var(--home-bg);
color: var(--home-text);
}
.home-info__text {
position: relative;
z-index: 1;
width: 80vw;
padding-right: 20vw;
line-height: 1.65em;
}
.home-info__text h1 {
font-size: 2rem;
}
.home-info__text p {
font-size: 1.2rem;
}
.home-info__image {
position: absolute;
top: 50%;
left: 70vw;
height: 85%;
transform: translateY(-50%);
transition: transform 50ms linear;
}
.home-info__image img {
height: 100%;
width: auto;
max-width: none;
}
.home-info__stats {
display: none;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
position: relative;
z-index: 1;
width: 100%;
gap: 1.5rem;
}
.home-info__stats.is-visible {
display: flex;
}
@media (max-width: 650px) {
.home-info__image {
display: none;
}
.home-info__text {
padding-right: 0;
}
.home-info__stats {
margin-top: 4rem;
}
}