Finalisation, affinage du css et ajout d'un système de vérification pour les mdp pour qu'ils soient forts.

1 files changed, 52 insertions, 4 deletions

diff --git a/Static/Css/register.css b/Static/Css/register.css
index e9a5009..56808af 100644
--- a/Static/Css/register.css
+++ b/Static/Css/register.css
@@ -1,22 +1,70 @@
 
+/* 
+############################################################################
+#                                                                          #
+# Description: CSS spécifique à la page d'inscription                      #
+#                                                                          #
+############################################################################ 
+*/
+
+.valid {
+    color: #338533;
+}
+
+.valid::before {
+    content: "\2714\0020";
+}
+
+.invalid::before {
+    content: "\2717\0020";
+}
+
+.deactivate {
+    border-color: darkgray !important;
+}
+
+.deactivate:hover {
+    color:            black !important;
+    border-color:     darkgray !important;
+    background-color: white !important;
+}
+
 #mainRegister form {
     display:         flex;
     flex-direction:  column;
     justify-content: space-around;
-    gap:             1em;
-    padding:         1.5% 5%;
     align-items:     center;
+    padding:         1.5% 5%;
 }
 
 #mainRegister label {
     width: 70%;
 }
 
-#mainRegister:last-child {
-    justify-content: center !important;
+#mainRegister p {
+    margin: 0px;
+    font-style: italic;
+    color: #8f8f8f;
+    font-size: var(--fontSizeSmallLess);
+}
+
+#mainRegister div {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.5em;
 }
 
 #mainRegister input[type="email"],
 #mainRegister input[type="password"] {
     width: inherit;
 }
+
+/* MOBILE */
+@media screen and (max-width: 768px) {
+    #mainRegister p {
+        display: flex;
+        flex-direction: column;
+        font-size: var(--fontSizeSmallPhone);
+    }
+}
\ No newline at end of file