fix
This commit is contained in:
+28
-26
@@ -430,53 +430,55 @@ button.btn-back {
|
|||||||
|
|
||||||
/* Conteneur principal en overlay */
|
/* Conteneur principal en overlay */
|
||||||
.win-panel {
|
.win-panel {
|
||||||
|
/* Positionnement fixe au milieu de l'écran ou du container */
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
|
|
||||||
width: 350px; /* Largeur fixe pour le test */
|
/* Style du panneau */
|
||||||
min-height: 200px;
|
width: 400px;
|
||||||
background-color: #1a1a1a !important; /* Force le fond noir */
|
background-color: rgba(20, 20, 20, 0.95); /* Fond sombre opaque */
|
||||||
border: 4px solid #d4af37;
|
border: 3px solid #d4af37; /* Bordure dorée */
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
padding: 20px;
|
padding: 25px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
box-shadow: 0 0 50px rgba(0, 0, 0, 0.9);
|
||||||
|
|
||||||
/* Priorité maximale */
|
/* S'assurer qu'il passe devant tout */
|
||||||
z-index: 9999 !important;
|
z-index: 9999;
|
||||||
display: block !important;
|
|
||||||
box-shadow: 0 0 100px rgba(0,0,0,1);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Titre du panel */
|
/* Titre du panel */
|
||||||
.win-panel h2 {
|
.win-panel h2 {
|
||||||
color: #d4af37;
|
color: #ffffff;
|
||||||
font-size: 1.8rem;
|
font-size: 1.4rem;
|
||||||
margin-bottom: 25px;
|
margin-bottom: 20px;
|
||||||
text-transform: uppercase;
|
font-family: Arial, sans-serif;
|
||||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Boutons de sélection des joueurs (Qui a gagné ?) */
|
/* Zone des boutons */
|
||||||
|
#winner-buttons-area {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Style des boutons joueurs */
|
||||||
.btn-win {
|
.btn-win {
|
||||||
display: inline-block;
|
background: #444;
|
||||||
width: 80%;
|
|
||||||
margin: 8px 0;
|
|
||||||
padding: 12px;
|
|
||||||
background: linear-gradient(135deg, #1a4a31 0%, #0e5d32 100%);
|
|
||||||
color: white;
|
color: white;
|
||||||
border: 2px solid #d4af37;
|
border: 1px solid #d4af37;
|
||||||
border-radius: 10px;
|
padding: 8px 15px;
|
||||||
font-weight: bold;
|
border-radius: 5px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
font-size: 0.9rem;
|
||||||
transition: all 0.2s;
|
transition: all 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-win:hover {
|
.btn-win:hover {
|
||||||
transform: scale(1.05);
|
|
||||||
background: #d4af37;
|
background: #d4af37;
|
||||||
color: #1a4a31;
|
color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Bouton Rejouer / Retour Accueil */
|
/* Bouton Rejouer / Retour Accueil */
|
||||||
|
|||||||
Reference in New Issue
Block a user