74 lines
1.8 KiB
CSS
74 lines
1.8 KiB
CSS
/**
|
|
* Optimized Glassmorphism Effects for Raspberry Pi
|
|
* Performance-optimized version with effects only on navbar
|
|
*/
|
|
|
|
/* Glassmorphism nur für Navbar */
|
|
.navbar::before,
|
|
.glass-nav {
|
|
background: rgba(255, 255, 255, 0.85);
|
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.dark .navbar::before,
|
|
.dark .glass-nav {
|
|
background: rgba(15, 23, 42, 0.85);
|
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
/* Alle anderen Glass-Effekte entfernt für Performance */
|
|
.glass-base,
|
|
.glass-card,
|
|
.glass-btn,
|
|
.glass-input,
|
|
.glass-dropdown,
|
|
.glass-modal,
|
|
.glass-sidebar,
|
|
.glass-header,
|
|
.glass-footer,
|
|
.glass-table,
|
|
.glass-badge,
|
|
.glass-alert,
|
|
.glass-tooltip,
|
|
.glass-progress,
|
|
.glass-tab {
|
|
/* Keine Effekte - nur einfache Hintergründe */
|
|
background: rgba(255, 255, 255, 0.95);
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.dark .glass-base,
|
|
.dark .glass-card,
|
|
.dark .glass-btn,
|
|
.dark .glass-input,
|
|
.dark .glass-dropdown,
|
|
.dark .glass-modal,
|
|
.dark .glass-sidebar,
|
|
.dark .glass-header,
|
|
.dark .glass-footer,
|
|
.dark .glass-table,
|
|
.dark .glass-badge,
|
|
.dark .glass-alert,
|
|
.dark .glass-tooltip,
|
|
.dark .glass-progress,
|
|
.dark .glass-tab {
|
|
background: rgba(15, 23, 42, 0.95);
|
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
/* Utility Classes - Keine Effekte */
|
|
.glass-light { background: rgba(255, 255, 255, 0.9); }
|
|
.glass-dark { background: rgba(0, 0, 0, 0.9); }
|
|
.glass-blur-none { /* Kein Blur */ }
|
|
.glass-blur-sm { /* Kein Blur */ }
|
|
.glass-blur-md { /* Kein Blur */ }
|
|
.glass-blur-lg { /* Kein Blur */ }
|
|
.glass-blur-xl { /* Kein Blur */ }
|
|
|
|
/* Border Utilities */
|
|
.glass-border-light { border-color: rgba(255, 255, 255, 0.2); }
|
|
.glass-border-dark { border-color: rgba(0, 0, 0, 0.2); }
|
|
|
|
/* Keine Hover-Effekte für Performance */ |