https://wikithionville.fr/index.php?action=history&feed=atom&title=Mod%C3%A8le%3AAccueil%2FHero.css 2026-06-13T16:38:07Z Historique des versions pour cette page sur le wiki MediaWiki 1.43.8 https://wikithionville.fr/index.php?title=Mod%C3%A8le:Accueil/Hero.css&diff=297410&oldid=prev 2026-06-12T11:00:49Z

<p>Sync homepage from repository (commit 0e34c54)</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 12 juin 2026 à 13:00</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Ligne 1 :</td> <td colspan="2" class="diff-lineno">Ligne 1 :</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.home-<del style="font-weight: bold; text-decoration: none;">hero__media </del>{</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.home-<ins style="font-weight: bold; text-decoration: none;">hero </ins>{</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <del style="font-weight: bold; text-decoration: none;">position</del>: <del style="font-weight: bold; text-decoration: none;">absolute;</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <ins style="font-weight: bold; text-decoration: none;">background-image</ins>: <ins style="font-weight: bold; text-decoration: none;">url("/</ins>index<ins style="font-weight: bold; text-decoration: none;">.php?title=Special</ins>:<ins style="font-weight: bold; text-decoration: none;">Redirect/file/Accueil header bg.jpg")</ins>;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> inset: 0;</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> background-<ins style="font-weight: bold; text-decoration: none;">size</ins>: <ins style="font-weight: bold; text-decoration: none;">cover</ins>;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> z-</del>index: <del style="font-weight: bold; text-decoration: none;">0</del>;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> background</ins>-<ins style="font-weight: bold; text-decoration: none;">position</ins>: <ins style="font-weight: bold; text-decoration: none;">center</ins>;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> background<del style="font-weight: bold; text-decoration: none;">: var(</del>-<del style="font-weight: bold; text-decoration: none;">-home-hero-bg);</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.home-hero__media img {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> width</del>: <del style="font-weight: bold; text-decoration: none;">100%</del>;</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> height: 100%;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> object</del>-<del style="font-weight: bold; text-decoration: none;">fit</del>: <del style="font-weight: bold; text-decoration: none;">cover</del>;</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l81">Ligne 81 :</td> <td colspan="2" class="diff-lineno">Ligne 74 :</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> border-radius: 0 10px 10px 0;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> border-radius: 0 10px 10px 0;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-size: 0;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-size: 0;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> -webkit-mask-image: url(".<del style="font-weight: bold; text-decoration: none;">/</del>Special:Redirect/file/search.svg");</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> -webkit-mask-image: url("<ins style="font-weight: bold; text-decoration: none;">/index</ins>.<ins style="font-weight: bold; text-decoration: none;">php?title=</ins>Special:Redirect/file/search.svg");</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> mask-image: url(".<del style="font-weight: bold; text-decoration: none;">/</del>Special:Redirect/file/search.svg");</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> mask-image: url("<ins style="font-weight: bold; text-decoration: none;">/index</ins>.<ins style="font-weight: bold; text-decoration: none;">php?title=</ins>Special:Redirect/file/search.svg");</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> mask-repeat: no-repeat;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> mask-repeat: no-repeat;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> mask-position: center;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> mask-position: center;</div></td></tr> </table>

WikiThionvilleSyncBot https://wikithionville.fr/index.php?title=Mod%C3%A8le:Accueil/Hero.css&diff=297396&oldid=prev 2026-06-11T14:43:06Z

<p>A protégé « <a href="/index.php?title=Mod%C3%A8le:Accueil/Hero.css" title="Modèle:Accueil/Hero.css">Modèle:Accueil/Hero.css</a> » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="fr"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Version du 11 juin 2026 à 16:43</td> </tr><tr><td colspan="2" class="diff-notice" lang="fr"><div class="mw-diff-empty">(Aucune différence)</div> </td></tr></table>

WikiThionvilleSyncBot https://wikithionville.fr/index.php?title=Mod%C3%A8le:Accueil/Hero.css&diff=297342&oldid=prev 2026-06-11T14:42:30Z

<p>Sync homepage from repository (commit b06f0a0)</p> <p><b>Nouvelle page</b></p><div>.home-hero__media {<br /> position: absolute;<br /> inset: 0;<br /> z-index: 0;<br /> background: var(--home-hero-bg);<br /> }<br /> <br /> .home-hero__media img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: cover;<br /> }<br /> <br /> .home-hero__content {<br /> position: relative;<br /> z-index: 1;<br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> gap: 1.8rem;<br /> text-align: center;<br /> }<br /> <br /> .home-hero__content h1,<br /> .home-hero__content .mw-heading1 {<br /> color: var(--home-hero-text);<br /> margin: 0;<br /> font-size: 3.5rem;<br /> font-weight: 600;<br /> text-shadow: var(--home-hero-title-shadow);<br /> }<br /> <br /> .home-search {<br /> display: flex;<br /> outline: 1px solid var(--home-hero-border);<br /> border-radius: 10px;<br /> background: var(--home-hero-surface);<br /> backdrop-filter: blur(5px);<br /> box-shadow: 0 4px 30px var(--home-hero-shadow);<br /> }<br /> <br /> .home-search .mw-inputbox-centered,<br /> .home-search .searchbox {<br /> display: flex;<br /> align-items: center;<br /> margin: 0;<br /> }<br /> <br /> .home-search .cdx-text-input {<br /> margin: 0;<br /> }<br /> <br /> .home-search .searchboxInput {<br /> border: 0;<br /> padding: 0 0 0 0.75rem;<br /> border-radius: 10px 0 0 10px;<br /> background: transparent;<br /> color: var(--home-hero-text);<br /> height: 2.75rem;<br /> width: min(80vw, 500px);<br /> box-sizing: border-box;<br /> }<br /> <br /> .home-search .searchboxInput::placeholder {<br /> color: var(--home-hero-text);<br /> }<br /> <br /> .home-search .searchboxInput:focus {<br /> outline: 3px solid var(--home-accent);<br /> outline-offset: -3px;<br /> }<br /> <br /> .home-search .cdx-button {<br /> border: 0;<br /> background-color: var(--home-hero-text);<br /> color: var(--home-hero-text);<br /> cursor: pointer;<br /> height: 2.75rem;<br /> width: 3rem;<br /> padding: 0;<br /> border-radius: 0 10px 10px 0;<br /> font-size: 0;<br /> -webkit-mask-image: url(&quot;./Special:Redirect/file/search.svg&quot;);<br /> mask-image: url(&quot;./Special:Redirect/file/search.svg&quot;);<br /> mask-repeat: no-repeat;<br /> mask-position: center;<br /> mask-size: 1.3rem;<br /> }<br /> <br /> .home-hero__more {<br /> position: absolute;<br /> bottom: 0;<br /> padding: 30px;<br /> }<br /> <br /> .home-hero__more &gt; p {<br /> margin: 0;<br /> color: var(--home-hero-muted);<br /> display: flex;<br /> flex-direction: row;<br /> align-items: center;<br /> }<br /> <br /> .home-hero__more .mw-default-size span {<br /> display: flex;<br /> }<br /> <br /> .home-hero__more &gt; p &gt; a {<br /> clear: both;<br /> display: inline-block;<br /> overflow: hidden;<br /> white-space: nowrap;<br /> width: 0;<br /> margin: 0;<br /> transition: all 500ms;<br /> text-decoration: none;<br /> }<br /> <br /> .home-hero__more &gt; p &gt; a::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> inset: 0;<br /> z-index: 10;<br /> }<br /> <br /> .home-hero__more:hover &gt; p &gt; a {<br /> width: 98px;<br /> margin-left: 10px;<br /> }<br /> <br /> @media (max-width: 850px) {<br /> .home-hero__content h1,<br /> .home-hero__content .mw-heading1 {<br /> font-size: 2.5rem;<br /> }<br /> }</div>

WikiThionvilleSyncBot