adventskalender/2025/css/main.css aktualisiert
This commit is contained in:
@@ -11,36 +11,3 @@
|
||||
.kalenderbild {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.grid-overlay {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
z-index: 10;
|
||||
pointer-events: none; /* deaktiviert Klicks vorerst */
|
||||
}
|
||||
|
||||
/* Türchen-Design */
|
||||
.grid-overlay .day {
|
||||
position: absolute;
|
||||
background-color: rgba(247, 243, 232, 0.3); /* neu! */
|
||||
border: 2px solid var(--ci-gold);
|
||||
border-radius: 0.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
pointer-events: auto;
|
||||
transition: box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
.grid-overlay .day span {
|
||||
color: var(--ci-gold);
|
||||
font-family: 'serif'; /* später: z. B. 'Great Vibes' */
|
||||
font-size: 1.8rem;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
/* Hover-Effekt: leuchtender Glow */
|
||||
.grid-overlay .day:hover {
|
||||
box-shadow: 0 0 12px 4px rgba(200, 170, 73, 0.7);
|
||||
}
|
||||
Reference in New Issue
Block a user