From 6ee8ad125692175ddfb705080a4bc54b76c5a4f6 Mon Sep 17 00:00:00 2001
From: Debulois <quentin@debulois.fr>
Date: Wed, 6 Apr 2022 21:37:53 +0200
Subject: Finalisation, affinage du css et ajout d'un système de vérification
 pour les mdp pour qu'ils soient forts.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Static/Css/register.css | 56 +++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 52 insertions(+), 4 deletions(-)

(limited to 'Static/Css/register.css')

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
-- 
cgit v1.2.3