score dans le jeu pas que dans le menu

This commit is contained in:
2025-12-01 23:40:16 +01:00
parent 34fd7d1f4e
commit 366aa894a2
3 changed files with 137 additions and 1 deletions

View File

@ -512,7 +512,7 @@ body::after {
0 10px 30px rgba(0, 0, 0, 0.8),
0 0 50px rgba(255, 0, 0, 0.2),
inset 0 0 30px rgba(255, 215, 0, 0.05);
flex-shrink: 0;
flex: 0 0 auto;
position: relative;
z-index: 1;
border: 3px solid rgba(255, 215, 0, 0.4);
@ -911,6 +911,83 @@ h1 {
text-align: right;
}
/* === CLASSEMENT DANS LE JEU (à droite) === */
.game-leaderboard {
background: rgba(0, 0, 0, 0.85);
padding: 15px;
border-radius: 15px;
border: 2px solid rgba(255, 215, 0, 0.4);
box-shadow:
0 5px 20px rgba(0, 0, 0, 0.6),
0 0 30px rgba(255, 0, 0, 0.1);
width: 250px;
max-height: 600px;
overflow-y: auto;
}
.game-leaderboard-header {
text-align: center;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 2px solid rgba(255, 215, 0, 0.3);
}
.game-leaderboard-header h3 {
color: #ffd700;
font-size: 0.9em;
margin: 0;
text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
.game-leaderboard-content {
max-height: 550px;
overflow-y: auto;
}
.game-leaderboard-content::-webkit-scrollbar {
width: 6px;
}
.game-leaderboard-content::-webkit-scrollbar-track {
background: rgba(255, 215, 0, 0.1);
border-radius: 3px;
}
.game-leaderboard-content::-webkit-scrollbar-thumb {
background: rgba(255, 215, 0, 0.5);
border-radius: 3px;
}
.game-leaderboard-content::-webkit-scrollbar-thumb:hover {
background: rgba(255, 215, 0, 0.7);
}
.game-leaderboard .leaderboard-item {
padding: 8px 10px;
margin-bottom: 8px;
font-size: 0.7em;
}
.game-leaderboard .leaderboard-rank {
min-width: 40px;
font-size: 0.8em;
}
.game-leaderboard .leaderboard-name {
font-size: 0.65em;
margin-left: 5px;
}
.game-leaderboard .leaderboard-level {
min-width: 50px;
font-size: 0.65em;
}
.game-leaderboard .leaderboard-score {
min-width: 60px;
font-size: 0.7em;
}
.empty-leaderboard {
text-align: center;
color: #aaa;
@ -1069,6 +1146,12 @@ footer {
align-items: center;
}
.game-leaderboard {
width: 100%;
max-width: 600px;
margin-top: 20px;
}
.leaderboard-container {
width: 100%;
max-width: 600px;