81 lines
1.5 KiB
CSS
81 lines
1.5 KiB
CSS
/* --- COULEURS GLOBALES ET THEME SOMBRE --- */
|
|
body {
|
|
background-color: #0f172a;
|
|
color: #e2e8f0;
|
|
}
|
|
|
|
.navbar {
|
|
background-color: #1e293b !important;
|
|
border-bottom: 1px solid #334155;
|
|
}
|
|
|
|
/* --- DESIGN DES WIDGETS (CARTES) --- */
|
|
.card {
|
|
background-color: #1e293b;
|
|
border: 1px solid #334155;
|
|
min-height: 320px;
|
|
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.card-meteo {
|
|
border-top: 4px solid #38bdf8;
|
|
}
|
|
|
|
.card-solaire {
|
|
border-top: 4px solid #fbbf24;
|
|
}
|
|
|
|
.card-batterie {
|
|
border-top: 4px solid #34d399;
|
|
}
|
|
|
|
.card-admin {
|
|
border-top: 4px solid #f87171;
|
|
}
|
|
|
|
/* --- ANIMATION DU HEARTBEAT --- */
|
|
.status-dot {
|
|
width: 14px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.pulse-online {
|
|
background-color: #22c55e;
|
|
box-shadow: 0 0 12px #22c55e;
|
|
animation: pulse-green 2s infinite;
|
|
}
|
|
|
|
.pulse-offline {
|
|
background-color: #ef4444;
|
|
box-shadow: 0 0 15px #ef4444;
|
|
}
|
|
|
|
@keyframes pulse-green {
|
|
0% {
|
|
transform: scale(0.95);
|
|
box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
|
|
}
|
|
|
|
70% {
|
|
transform: scale(1);
|
|
box-shadow: 0 0 0 10px rgba(34, 197, 94, 0);
|
|
}
|
|
|
|
100% {
|
|
transform: scale(0.95);
|
|
box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
|
|
}
|
|
}
|
|
|
|
/* --- TYPOGRAPHIE ET ELEMENTS VISUELS --- */
|
|
.data-value {
|
|
color: #e0f2fe;
|
|
text-shadow: 0 0 10px rgba(56, 189, 248, 0.3);
|
|
}
|
|
|
|
.placeholder-box {
|
|
border: 2px dashed #475569;
|
|
background-color: #0f172a;
|
|
color: #94a3b8;
|
|
} |