MediaWiki:LoginContent

<style>

.mw-htmlform-field-HTMLTextField, .mw-htmlform-field-HTMLCheckField, .mw-htmlform-field-HTMLSubmitField, .mw-form-related-link-container{

   display:none;

}

1. userloginForm form {

   width:100%

} /* For welcome */

root {

   --uness-blue: #77BBED;
   --uness-green: #52ADA6;
   --uness-orange: #F39200;
   --uness-violet: #A463AD;
   --uness-yellow: #A4A847;
   --uness-dark-blue:#32276F;

} .flexitems {

   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap:50px;

}

.welcomebox-column {

   flex-grow: 1;
   flex-basis: 200px;
   min-width: 200px;
   display: flex;
   flex-direction: column;
   gap: 30px;
   

}

.welcomebox {

   flex-grow: 1;
   flex-basis: 200px;
   min-width: 200px;
   border: solid 2px;
   border-radius: 10px 10px 0 0;
   overflow: hidden;

}

.welcomebox-column>.welcomebox {

   flex-basis:150px;
   flex-grow: 1;

}

@media (max-width: 992px) {

   .welcomebox {
       flex-basis: 100%;
       min-width: 100%;
   }

}

.welcomebox-header {

   color: #FFF;
   font-size: 1.2em;
   font-weight: bold;
   padding-left: 12px;
   text-align: center;

}

.welcomebox-blue {

   border-color: var(--uness-blue);

}

.welcomebox-blue .welcomebox-header {

   background-color: var(--uness-blue);

}

.welcomebox-blue .arrowed-list>li::before {

   color: var(--uness-blue);

}

.welcomebox-green {

   border-color: var(--uness-green);

}

.welcomebox-green .welcomebox-header {

   background-color: var(--uness-green);

}

.welcomebox-green .arrowed-list>li::before {

   color: var(--uness-green);

}

.welcomebox-orange {

   border-color: var(--uness-orange);

}

.welcomebox-orange .welcomebox-header {

   background-color: var(--uness-orange);

}

.welcomebox-orange .arrowed-list>li::before {

   color: var(--uness-orange);

}

.welcomebox-violet {

   border-color: var(--uness-violet);

}

.welcomebox-violet .welcomebox-header {

   background-color: var(--uness-violet);

}

.welcomebox-violet .arrowed-list>li::before {

   color: var(--uness-violet);

}

.welcomebox-yellow {

   border-color: var(--uness-yellow);

}

.welcomebox-yellow .welcomebox-header {

   background-color: var(--uness-yellow);

}

.welcomebox-yellow .arrowed-list>li::before {

   color: var(--uness-yellow);

}

.arrowed-list {

   padding-left:5px;

}

.arrowed-list>li {

   list-style: none;
   position: relative;
   margin-top:15px;
   padding-left: 2em;

}

.arrowed-list>li::before {

   content: '→';
   position: absolute;
   left: 0;
   top: -.4em;
   font-size: 1.6em;

}

.btn-uness {

   background-color:#4472C4;
   border-radius: 10px 4px 10px 4px;
   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);

} .btn-white {

   border:none;
   background-color:#FFF;

} .tableconnect {

   width:700px;
   margin:auto;
   

} .tableconnect>:not(caption)>*>* {

   color:var(--uness-dark-blue);

} .tableconnect thead tr {

   border-top-style:none;

} .tableconnect thead th:first-child {

   border-top: none;
   border-left: none;

}

.tableconnect thead th:not(:first-child) {

   border-top-style: solid;

}

.header-uness {

   background-color: #b3d7f0!important; /* Bleu pour "Uness Login" */
   width:25%;

} .header-pro-sante {

   background-color: #b0ded1!important; /* Vert pour "Pro Santé Connect" */
   width:25%;

} .header-acces-libre {

   background-color: #dcc4e9!important; /* Violet pour "Accès libre" */
   width:25%;

} /* Styling for table cells */ .tableconnect td, .tableconnect th {

   vertical-align: middle;
   text-align: center;

} </style>

Choisir le mode de connexion souhaité :

Avec une adresse e-mail universitaire

                   <button name="pluggableauthlogin0" value="UNESS LOGIN" type="submit" class="btn-white">
                        <img src="skins/UnessWelcome/resources/img/uness-login.svg" alt="S'identifier avec Uness" style="max-width: 80%;width: 350px;">
                   </button>

Pro santé connect

                   <button type="submit" name="pluggableauthlogin1" class="btn-white" value="S'identifier avec Pro Santé Connect">
                       <img src="skins/UnessWelcome/resources/img/prosanteconnect.png" alt="S'identifier avec Pro Santé Connect" style="max-width: 80%;width: 350px;">
                   </button>

<thead> </thead> <tbody> </tbody>

	Uness Login	Pro Santé Connect	Accès libre
Encyclopédie	Lecture Écriture (Enseignant)	Lecture Écriture (médecin)	Lecture
Outil de formation à l’ECG	Lecture et suivi de progression	Lecture et suivi de progression	Lecture
Banque d’images médicales	Lecture Edition des images	Lecture Edition des images	Lecture
Uness Livret Lisa	✔	-	-
Uness formation 3ème cycle	✔	-	-

   <button class="btn btn-link text-primary small" id="oldlogin">Ancien Login</button>

<script> document.addEventListener('DOMContentLoaded', function() {

   const oldLoginButton = document.getElementById('oldlogin');
   
   // Supprime tous les anciens gestionnaires d'événements du bouton
   const newButton = oldLoginButton.cloneNode(true);
   oldLoginButton.parentNode.replaceChild(newButton, oldLoginButton);
   
   // Ajoute le nouveau gestionnaire d'événement
   newButton.addEventListener('click', function() {
       const elements = document.querySelectorAll(
           '.mw-htmlform-field-HTMLTextField, .mw-htmlform-field-HTMLCheckField, .mw-htmlform-field-HTMLSubmitField, .mw-form-related-link-container'
       );
       elements.forEach(function(element) {
           element.style.display = 'block';
       });
   });

}); </script>