« MediaWiki:LoginContent » : différence entre les versions

Version du 11 décembre 2024 à 08:24

<style>

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>

	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	✔	-	-

@@ Ligne 169 : / Ligne 169 : @@
 .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 */
@@ Ligne 189 : / Ligne 192 : @@
          <div class="welcomebox-blue welcomebox">
              <div class="welcomebox-header">Avec une adresse e-mail universitaire</div>
-             <div class="welcomebox-main p-3">
+             <div class="welcomebox-main p-4">
                  <div class="text-center">
@@ Ligne 212 : / Ligne 215 : @@
      </div>
 </div>
+<br><br>
 <div class="container-sm my-3">
      <table class="table table-bordered table-striped tableconnect">
@@ Ligne 223 : / Ligne 227 : @@
          </thead>
          <tbody>
-            <tr>
-                <th scope="row">Uness Livret Lisa</th>
-                <td>X</td>
-                <td>-</td>
-                <td>-</td>
-            </tr>
-            <tr>
-                <th scope="row">Uness formation 3<sup>ème</sup> cycle</th>
-                <td>X</td>
-                <td>-</td>
-                <td>-</td>
-            </tr>
              <tr>
                  <th scope="row">Encyclopédie</th>
@@ Ligne 249 : / Ligne 241 : @@
              <tr>
                  <th scope="row">Outil de formation à l’ECG</th>
+                <td>Lecture et suivi de progression</td>
+                <td>Lecture et suivi de progression</td>
+                <td>Lecture</td>
+            </tr>
+            <tr>
+                <th scope="row">Banque d’images médicales</th>
+                <td>
+                     Lecture<br>
+                     Edition des images
+                </td>
                  <td>
-                    Lecture <br>
+                     Lecture<br>
-                    Écriture (Enseignant)
+                     Edition des images
                  </td>
                  <td>
-                    Lecture <br>
+                     Lecture
-                    Écriture (médecin)
                  </td>
-                <td>Lecture</td>
              </tr>
              <tr>
-                 <th scope="row">Banque d’images médicales</th>
+                 <th scope="row">Uness Livret Lisa</th>
-                 <td>x</td>
+                 <td><span style="color:green; font-size:1.4em">✔</span></td>
-                 <td>x</td>
+                 <td>-</td>
-                 <td>x</td>
+                 <td>-</td>
              </tr>
              <tr>
-                 <th scope="row">Espace rédactionnel des référents</th>
+                 <th scope="row">Uness formation 3<sup>ème</sup> cycle</th>
-                 <td>x (si référent)</td>
+                 <td><span style="color:green; font-size:1.4em">✔</span></td>
                  <td>-</td>
                  <td>-</td>