http://cat.opidor.fr/index.php?action=history&feed=atom&title=MediaWiki%3AMobile.css 2026-05-17T02:31:29Z Historique des versions pour cette page sur le wiki MediaWiki 1.43.6 http://cat.opidor.fr/index.php?title=MediaWiki:Mobile.css&diff=29073&oldid=prev 2023-11-14T14:37:55Z

<p>A protégé « <a href="/index.php/MediaWiki:Mobile.css" title="MediaWiki:Mobile.css">MediaWiki:Mobile.css</a> » ([Modifier = Autoriser uniquement les administrateurs] (infini) [Renommer = Autoriser uniquement les administrateurs] (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 14 novembre 2023 à 16:37</td> </tr><tr><td colspan="2" class="diff-notice" lang="fr"><div class="mw-diff-empty">(Aucune différence)</div> </td></tr></table>

AnneAdmin http://cat.opidor.fr/index.php?title=MediaWiki:Mobile.css&diff=29072&oldid=prev 2023-11-14T14:37:39Z

<p>Page créée avec « <span class="autocomment">Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile : </span> html { scrollbar-color: rgba(67, 146, 195, 1) #fff; scrollbar-width: thin; } ::-webkit-scrollbar { width: 8px; background-color: #fff; } ::-webkit-scrollbar-thumb { background-color: rgba(67, 146, 195, 1); } @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } <span class="autocomment">ALL PAGES : </span> /* Hiding back to former skin but... »</p> <p><b>Nouvelle page</b></p><div>/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile */<br /> <br /> html {<br /> scrollbar-color: rgba(67, 146, 195, 1) #fff;<br /> scrollbar-width: thin;<br /> }<br /> <br /> ::-webkit-scrollbar {<br /> width: 8px;<br /> background-color: #fff;<br /> }<br /> <br /> ::-webkit-scrollbar-thumb {<br /> background-color: rgba(67, 146, 195, 1);<br /> }<br /> <br /> @media (prefers-reduced-motion: no-preference) {<br /> html {<br /> scroll-behavior: smooth;<br /> }<br /> }<br /> <br /> /* ALL PAGES */<br /> <br /> /* Hiding back to former skin button */<br /> nav#mw-panel div.mw-sidebar-action {display: none;}<br /> <br /> /* MENU ICONS RIGHT */<br /> <br /> .menu-icons-right p {<br /> position: absolute;<br /> right: -120px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> flex-direction: column;<br /> }<br /> <br /> @media screen and (max-width: 720px) {<br /> .menu-icons-right p {<br /> position: relative;<br /> right: 0;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> flex-direction: column;<br /> }<br /> }<br /> <br /> .menu-icons-right p a {<br /> padding: 10px 0;<br /> }<br /> <br /> .menu-icons-right p a img {<br /> transition: all .5s ease-in-out;<br /> }<br /> <br /> .menu-icons-right p a img:hover {<br /> transform: scale(1.15);<br /> }<br /> <br /> /* INFOBOX MOBILE */<br /> <br /> .leservice .infobox {padding: 20px; align-items: center;}<br /> <br /> /* PAGES H3 */<br /> <br /> .page-sommaire h3 {<br /> padding-top: 0;<br /> padding-left: 3%;<br /> background-image: linear-gradient(90deg,rgb(67,146,195) 1%,rgb(255,255,255) 1%,rgb(255,255,255) 100%);<br /> margin-top: 0;<br /> font-size: 1.4rem;<br /> font-weight: normal;<br /> }<br /> <br /> .page-structure h2,<br /> .page-structure h3, .page-annuaire-institut h3 {<br /> border-bottom: none;<br /> padding-top: 0;<br /> padding-left: 3%;<br /> background-image: linear-gradient(90deg,rgb(67,146,195) 1%,rgb(255,255,255) 1%,rgb(255,255,255) 100%);<br /> /* background-image: linear-gradient(90deg,rgb(67,146,195) 1%,rgb(255,255,255) 1%,rgb(255,255,255) 50%,rgba(67,146,195,.5)); */<br /> margin-top: 0;<br /> font-size: 1.4rem;<br /> font-weight: normal;<br /> }<br /> <br /> .page-accueil h3, .page-service h3, .page-annuaire-cnrs h3 {<br /> padding-top: 0;<br /> padding-left: 3%;<br /> background-image: linear-gradient(90deg,rgb(255,207,15) 1%,rgb(255,255,255) 1%,rgb(255,255,255) 100%);<br /> margin-top: 0;<br /> font-size: 1.4rem;<br /> font-weight: normal;<br /> }<br /> <br /> /* SEARCHBAR */<br /> <br /> .list-thumb.list-thumb-y {background-size: contain;}<br /> <br /> /* BACK TO TOP BUTTON */<br /> <br /> .back-to-top-wrapper {<br /> position: absolute;<br /> top: 100vh;<br /> right: 1.25rem;<br /> bottom: 0;<br /> width: 3em;<br /> pointer-events: none;<br /> margin-top: 10em;<br /> z-index: 5;<br /> }<br /> <br /> a.back-to-top-link {<br /> position: fixed;<br /> color: rgba(67, 146, 195, 1);<br /> pointer-events: all;<br /> top: calc(100vh - 12rem);<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> font-size: 24pt;<br /> line-height: 3rem;<br /> text-align: center;<br /> width: 2.5rem;<br /> text-decoration: none;<br /> height: 2.5rem;<br /> border-radius: 50%;<br /> background-color: #fff;<br /> transition: transform .5s ease-in-out, color .5s ease-in-out, background .5s ease-in-out<br /> }<br /> <br /> .back-to-top-link:hover {<br /> color: #fff;<br /> background: rgba(67, 146, 195, 1);<br /> transform: scale(1.2);<br /> }</div>

AnneAdmin