45 lines
1.1 KiB
CSS
45 lines
1.1 KiB
CSS
/* Anilife Theme Variables */
|
|
:root {
|
|
--notify-bg: rgba(30, 27, 75, 0.95); /* Cosmic Violet */
|
|
--notify-border: rgba(139, 92, 246, 0.4);
|
|
--notify-success-bg: rgba(6, 78, 59, 0.95);
|
|
--notify-warning-bg: rgba(120, 53, 15, 0.95);
|
|
--notify-danger-bg: rgba(127, 29, 29, 0.95);
|
|
}
|
|
|
|
/* Cosmic Violet Body Background - Override theme CSS */
|
|
body {
|
|
background: linear-gradient(135deg, #1e1b4b 0%, #312e81 40%, #4c1d95 100%) !important;
|
|
background-attachment: fixed !important;
|
|
color: #e0e7ff !important;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
body {
|
|
background-attachment: scroll !important; /* Fixed background causes shift on some mobile browsers */
|
|
}
|
|
}
|
|
|
|
/* Common Layout Wrapper - Responsive */
|
|
.anilife-common-wrapper {
|
|
max-width: 100%;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
transition: opacity 0.5s ease-out;
|
|
}
|
|
|
|
/* Desktop: 1400px max-width */
|
|
@media (min-width: 992px) {
|
|
.anilife-common-wrapper {
|
|
max-width: 1400px;
|
|
}
|
|
}
|
|
|
|
.anilife-common-wrapper.content-cloak {
|
|
opacity: 0;
|
|
}
|
|
|
|
.anilife-common-wrapper.visible {
|
|
opacity: 1;
|
|
}
|