ebene/radiantrh
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

vaf

Browse Source
This commit is contained in:
KONE SOREL 2026-02-18 11:37:43 +00:00
parent 7a3b689d0b
commit a9e381ab79
2 changed files with 93 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

174
Bootstrap_new/css/help-center.css
View File

@ -1,90 +1,100 @@
/* Bouton flottant spécifique */ /* Style isolé pour le centre d'aide - Position GAUCHE */
#helpButton { #helpButton {
position: fixed; position: fixed;
bottom: 25px; bottom: 25px;
right: 25px; left: 25px; /* Changé de right à left pour libérer le bouton de session */
width: 55px; width: 55px;
height: 55px; height: 55px;
background-color: #004a99; /* Bleu Inter Santé */ background: #004a99;
color: white; color: #fff;
border: none; border: none;
border-radius: 50%; border-radius: 50%;
font-size: 26px; font-size: 26px;
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
box-shadow: 0 5px 15px rgba(0,0,0,0.3); z-index: 9999;
z-index: 9999; /* Toujours au dessus */ box-shadow: 0 5px 15px rgba(0,0,0,0.3);
transition: transform 0.2s; transition: 0.2s;
} }
#helpButton:hover {
transform: scale(1.1);
background: #003366; /* Un bleu un peu plus foncé au survol */
}
#helpButton:hover { transform: scale(1.1); } /* Le reste du modal reste inchangé mais bien isolé */
#helpModal.help-modal-container {
display: none;
position: fixed;
z-index: 10000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
backdrop-filter: blur(3px);
}
#helpModal .help-modal-content {
background: #fff;
margin: 12% auto;
padding: 30px;
border-radius: 15px;
width: 450px;
position: relative;
box-shadow: 0 15px 40px rgba(0,0,0,0.5);
font-family: sans-serif;
}
/* Container du modal isolé */ #helpModal .help-close-button {
#helpModal.help-modal-container { position: absolute;
display: none; top: 15px;
position: fixed; right: 20px;
z-index: 10000; font-size: 30px;
left: 0; top: 0; width: 100%; height: 100%; cursor: pointer;
background-color: rgba(0,0,0,0.6); /* Fond assombri */ color: #888;
backdrop-filter: blur(3px); line-height: 1;
} }
/* Fenêtre de contenu isolée */ #helpModal .help-grid {
#helpModal .help-modal-content { display: flex;
background-color: #ffffff; gap: 20px;
margin: 12% auto; margin-top: 25px;
padding: 30px; }
border-radius: 15px;
width: 450px;
position: relative;
box-shadow: 0 15px 40px rgba(0,0,0,0.5);
font-family: Arial, sans-serif;
}
/* Éléments internes préfixés */ #helpModal .help-card {
#helpModal .help-close-button { flex: 1;
position: absolute; text-decoration: none;
top: 15px; right: 20px; color: #333;
font-size: 30px; cursor: pointer; color: #888; padding: 20px;
} border: 2px solid #f0f0f0;
border-radius: 10px;
text-align: center;
transition: 0.3s;
}
#helpModal .help-title { #helpModal .help-card:hover {
color: #004a99; border-color: #004a99;
margin-top: 0; background: #f9fcff;
font-size: 22px; }
}
#helpModal .help-grid { #helpModal .help-icon {
display: flex; font-size: 35px;
gap: 20px; display: block;
margin-top: 25px; margin-bottom: 10px;
} }
#helpModal .help-card { #helpModal .help-title {
flex: 1; color: #004a99;
text-decoration: none; margin: 0 0 10px 0;
color: #333; font-size: 22px;
padding: 20px; }
border: 2px solid #f0f0f0;
border-radius: 10px;
text-align: center;
transition: all 0.3s;
}
#helpModal .help-card:hover { #helpModal .help-modal-footer {
border-color: #004a99; margin-top: 25px;
background-color: #f9fcff; padding-top: 15px;
} border-top: 1px solid #eee;
text-align: center;
#helpModal .help-icon { font-size: 35px; display: block; margin-bottom: 10px; } font-size: 12px;
#helpModal .help-card-title { display: block; font-size: 14px; margin-bottom: 5px; } color: #999;
#helpModal .help-card-info { color: #666; font-size: 11px; } }
#helpModal .help-modal-footer {
margin-top: 25px;
padding-top: 15px;
border-top: 1px solid #eee;
text-align: center;
font-size: 12px;
color: #999;
}

2
Vue/gabarit.php
View File

@ -127,7 +127,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
<!-- 4. VOS STYLES PERSONNALISÉS (en dernier pour qu'ils dominent) --> <!-- 4. VOS STYLES PERSONNALISÉS (en dernier pour qu'ils dominent) -->
<link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.02.05.00" rel="stylesheet"> <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.02.05.00" rel="stylesheet">
<link href="<?= $racineWeb ?>Bootstrap_new/css/help-center.css?ver=2026.02.18.00" rel="stylesheet"> <link href="<?= $racineWeb ?>Bootstrap_new/css/help-center.css?ver=2026.02.18.01" rel="stylesheet">
<link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet"> <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
<!-- Charts --> <!-- Charts -->