From 31d764e5bbb4578a41800630d36da23b7c702519 Mon Sep 17 00:00:00 2001 From: KONE SOREL Date: Mon, 6 Apr 2026 14:07:24 +0000 Subject: [PATCH] dert --- Bootstrap_new/css/style-portail.css | 73 ++++++++++++++---------- Vue/Ajaxconnexioncookie/french.php | 86 ++++++++++++++++------------- Vue/portail copy.php | 2 +- Vue/portail.php | 58 +++++++++---------- 4 files changed, 117 insertions(+), 102 deletions(-) diff --git a/Bootstrap_new/css/style-portail.css b/Bootstrap_new/css/style-portail.css index bc567319..ca788989 100644 --- a/Bootstrap_new/css/style-portail.css +++ b/Bootstrap_new/css/style-portail.css @@ -2,41 +2,56 @@ INTER SANTÉ — LOGIN UI (ONLY) ============================================================ */ -/* --- CONFIGURATION GLOBALE --- */ -html, body { height: 100%; margin: 0; overflow: hidden; font-family: 'Inter', sans-serif; background: #f4f7f6; } +/* RESET & FULLSCREEN */ +html, body { height: 100%; margin: 0; overflow: hidden; font-family: 'Segoe UI', sans-serif; background: #000; } -.auth-wrapper { display: flex; height: 100vh; width: 100vw; } +.portal-main-wrapper { position: relative; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; } -/* --- SLIDESHOW (GAUCHE) --- */ -.auth-visual { flex: 1.4; position: relative; background: #212529; overflow: hidden; } -.slide-container { width: 100%; height: 100%; position: relative; } -.slides img { width: 100%; height: 100%; object-fit: cover; position: absolute; opacity: 0; transition: opacity 0.8s ease-in-out; } +/* SLIDESHOW SYSTEM */ +.portal-bg-slideshow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } +.slides img { width: 100%; height: 100%; object-fit: cover; position: absolute; opacity: 0; transition: opacity 1.2s ease-in-out; } .slides img.active { opacity: 1; position: relative; } +.portal-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.85) 100%); } -.buttons span { position: absolute; top: 50%; transform: translateY(-50%); color: white; cursor: pointer; z-index: 10; padding: 20px; font-size: 24px; opacity: 0.5; transition: 0.3s; } -.buttons span:hover { opacity: 1; } -.next { right: 10px; } .prev { left: 10px; } +/* THE GLASS CARD (IMAGE 1 LOOK) */ +.auth-glass-card { + width: 100%; + max-width: 420px; + padding: 40px; + background: rgba(255, 255, 255, 0.05); + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px); + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 20px; +} -.dotsContainer { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; gap: 12px; z-index: 10; } -.dot { width: 10px; height: 10px; border: 2px solid white; border-radius: 50%; cursor: pointer; } -.dot.active { background: white; } +.auth-portal-title { color: #e5e5e5; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-size: 1.4rem; } -/* --- FORMULAIRE (DROITE) --- */ -.auth-content { flex: 1; background: white; display: flex; align-items: center; justify-content: center; padding: 40px; } -.auth-card { width: 100%; max-width: 400px; } -.auth-logo { max-height: 70px; margin-bottom: 20px; } -.auth-title { font-size: 1.25rem; font-weight: 700; color: #333; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 1px; } +/* DARK INPUTS */ +.lbl-saas { color: #aaa; font-size: 11px; text-transform: uppercase; font-weight: 600; margin-bottom: 5px; display: block; } -/* --- COMPOSANTS ERP --- */ -.lbl-erp { font-size: 11px; font-weight: 700; color: #6c757d; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 5px; display: block; } -.group-erp { border: 1px solid #dee2e6; border-radius: 6px; overflow: hidden; transition: 0.2s; } -.group-erp:focus-within { border-color: #212529; box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.05); } -.group-erp .input-group-text { background: transparent; border: none; color: #adb5bd; padding-left: 15px; } -.group-erp .form-control { border: none; padding: 12px; font-size: 14px; font-weight: 500; } -.group-erp .form-control:focus { box-shadow: none; background: #fcfcfc; } +.input-group-dark { background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; display: flex; align-items: center; } +.input-group-dark .input-group-text { background: transparent; border: none; color: #777; padding: 12px 15px; } +.input-group-dark .form-control { background: transparent !important; border: none; color: #fff !important; font-size: 14px; padding: 12px; } +.input-group-dark .form-control:focus { box-shadow: none; } -.forgot-link { font-size: 11px; font-weight: 600; color: #6c757d; text-decoration: none; } -.forgot-link:hover { color: #212529; } +.select-dark { background: rgba(0, 0, 0, 0.3) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; color: #fff !important; border-radius: 10px !important; font-size: 14px !important; padding: 12px !important; } +.select-dark option { background: #1a1a1a; } -.auth-footer { margin-top: 50px; font-size: 12px; color: #adb5bd; } -.auth-footer strong { color: #6c757d; } \ No newline at end of file +.forgot-pwd-link { font-size: 11px; color: #777; text-decoration: none; transition: 0.3s; } +.forgot-pwd-link:hover { color: #fff; } + +/* BUTTON */ +.btn-login-saas { background: rgba(255, 255, 255, 0.1); color: #fff; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; transition: 0.4s; } +.btn-login-saas:hover { background: #fff; color: #000; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.4); } + +/* FOOTER & DOTS */ +.portal-footer-block { font-size: 11px; color: rgba(255, 255, 255, 0.3); } +.portal-footer-block strong { color: rgba(255, 255, 255, 0.6); } + +.dotsContainer { position: absolute; bottom: 30px; display: flex; gap: 10px; } +.dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); cursor: pointer; transition: 0.3s; } +.dot.active { background: #fff; transform: scale(1.3); } + +/* ALERTS */ +.alert-danger-glass { background: rgba(220, 53, 69, 0.15); color: #ea868f; } \ No newline at end of file diff --git a/Vue/Ajaxconnexioncookie/french.php b/Vue/Ajaxconnexioncookie/french.php index 0f6ff9cd..ff9d7252 100755 --- a/Vue/Ajaxconnexioncookie/french.php +++ b/Vue/Ajaxconnexioncookie/french.php @@ -1,14 +1,16 @@ -

Portail Gestionnaire

+
+

Portail Gestionnaire

+
""): ?> -
+
@@ -16,43 +18,49 @@
-
- - -
- -
- -
- - +
+
+ +
-
-
- -
- - +
+ +
+ + +
-
-
-
- - Oublié ? +
+ +
+ + +
-
- - -
-
- - \ No newline at end of file +
+
+ + Oublié ? +
+
+ + +
+
+ + +
+ + +
+

© INTER SANTE. Tous droits réservés.

+
\ No newline at end of file diff --git a/Vue/portail copy.php b/Vue/portail copy.php index 480f3b81..a8dfe873 100755 --- a/Vue/portail copy.php +++ b/Vue/portail copy.php @@ -111,7 +111,7 @@
- image carousel + image carousel image carousel image carousel image carousel diff --git a/Vue/portail.php b/Vue/portail.php index 940305d4..f23c1410 100755 --- a/Vue/portail.php +++ b/Vue/portail.php @@ -2,7 +2,7 @@ defined('APP_VERSION') || define('APP_VERSION', date('YmdHi')); ?> -"> +"> @@ -18,42 +18,34 @@ defined('APP_VERSION') || define('APP_VERSION', date('YmdHi')); -
-
-
-
- - - - -
-
- - -
-
-
-
-
-
+
+
+
+ + + + + + + + + +
+
+
+ +
+
+
+
-
-
-
- -
- -
- -
- -
-

© INTER SANTE.

-
-
+
+ +
+