29 lines
1.2 KiB
CSS
29 lines
1.2 KiB
CSS
:root {
|
|
--is-primary: #08C5D1;
|
|
--is-sidebar: #2c3e50;
|
|
--is-light-bg: #f8f9fa;
|
|
}
|
|
body { font-family: 'Inter', sans-serif; font-size: 0.88rem; color: #334155; }
|
|
|
|
/* Sidebar moderne */
|
|
.sidebar { width: 260px; background: var(--is-sidebar); transition: all 0.3s; z-index: 1000; border-right: 1px solid rgba(255,255,255,0.1); }
|
|
.sidebar .nav-link { color: rgba(255,255,255,0.7); font-weight: 500; border-radius: 8px; margin-bottom: 5px; }
|
|
.sidebar .nav-link:hover, .sidebar .nav-link.active-main { background: rgba(255,255,255,0.1); color: #fff; }
|
|
.sidebar .nav-link i { font-size: 1.1rem; margin-right: 12px; }
|
|
|
|
/* Header épuré */
|
|
.header { height: 60px; background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,0.05); }
|
|
|
|
/* Utilitaires de cartes */
|
|
.card { border: none; border-radius: 12px; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.04); }
|
|
|
|
/* Transition douce pour AJAX */
|
|
.transition { transition: all 0.3s ease; }
|
|
|
|
@media (min-width: 1200px) {
|
|
body.toggle-sidebar .sidebar { left: -260px; }
|
|
body.toggle-sidebar .main, body.toggle-sidebar #header { margin-left: 0; }
|
|
}
|
|
|
|
.cursor-pointer { cursor: pointer; }
|
|
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.02); } |