73 lines
1.4 KiB
CSS
73 lines
1.4 KiB
CSS
|
.stats-menu {
|
||
|
|
background: var(--bg-tertiary);
|
||
|
|
padding: var(--spacing-lg);
|
||
|
|
border-radius: var(--radius-md);
|
||
|
|
border: 1px solid var(--border-color);
|
||
|
|
position: sticky;
|
||
|
|
top: var(--spacing-lg);
|
||
|
|
align-self: start;
|
||
|
|
}
|
||
|
|
|
||
|
|
.stats-menu h2 {
|
||
|
|
font-size: 1.5rem;
|
||
|
|
margin-bottom: var(--spacing-md);
|
||
|
|
color: var(--text-primary);
|
||
|
|
padding-bottom: var(--spacing-sm);
|
||
|
|
border-bottom: 2px solid var(--accent-primary);
|
||
|
|
}
|
||
|
|
|
||
|
|
.stats-list {
|
||
|
|
list-style: none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.stats-item {
|
||
|
|
margin-bottom: var(--spacing-md);
|
||
|
|
padding-bottom: var(--spacing-md);
|
||
|
|
border-bottom: 1px solid var(--border-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.stats-item:last-child {
|
||
|
|
border-bottom: none;
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.stats-label {
|
||
|
|
font-size: 0.9rem;
|
||
|
|
color: var(--text-secondary);
|
||
|
|
margin-bottom: var(--spacing-xs);
|
||
|
|
}
|
||
|
|
|
||
|
|
.stats-value {
|
||
|
|
font-size: 1.2rem;
|
||
|
|
color: var(--text-primary);
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.stats-detail {
|
||
|
|
font-size: 0.85rem;
|
||
|
|
color: var(--accent-primary);
|
||
|
|
margin-top: var(--spacing-xs);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Style pour les liens dans les stats */
|
||
|
|
.stats-detail a {
|
||
|
|
color: var(--accent-primary);
|
||
|
|
text-decoration: none;
|
||
|
|
transition: color var(--transition-fast);
|
||
|
|
}
|
||
|
|
|
||
|
|
.stats-detail a:hover {
|
||
|
|
color: var(--accent-secondary);
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Media queries */
|
||
|
|
@media (max-width: 900px) {
|
||
|
|
.stats-menu {
|
||
|
|
position: static;
|
||
|
|
margin-top: var(--spacing-xl);
|
||
|
|
}
|
||
|
|
}
|