Thomas/Bratonien-Adventskalender
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adventskalender/2025/css/main.css aktualisiert

Browse Source
This commit is contained in:
Thomas Dannenberg
2025-11-04 10:35:50 +00:00
parent e110df5624
commit a17d33646e
1 changed files with 8 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
adventskalender/2025/css/main.css
View File

@@ -6,28 +6,20 @@
font-display: swap; font-display: swap;
} }
/* === Adventstürchen – 2025 Look === */ /* === Türchen-Stil === */
.door { .door {
/* Positionierung & Größe */ font-family: "Bratonien2025", cursive;
position: absolute;
top: 20%; /* Testposition, später anpassen */
left: 15%;
width: 12%;
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
/* Typografie */
font-family: "Bratonien2025", regular;
font-size: 2.3vw; font-size: 2.3vw;
font-weight: 400; font-weight: 400;
color: var(--ci-gold); color: var(--ci-gold);
text-shadow: 0 0 12px rgba(200,170,73,0.55); text-shadow: 0 0 12px rgba(200,170,73,0.55);
/* Glasoptik & Rahmen */ display: flex;
background-color: rgba(255,255,255,0.16); align-items: center;
justify-content: center;
aspect-ratio: 1 / 1;
background-color: rgba(255, 255, 255, 0.16);
backdrop-filter: blur(6px); backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
border: 2px solid var(--ci-gold); border: 2px solid var(--ci-gold);
@@ -36,7 +28,6 @@
0 0 10px rgba(200,170,73,0.25), 0 0 10px rgba(200,170,73,0.25),
inset 0 0 6px rgba(255,255,255,0.18); inset 0 0 6px rgba(255,255,255,0.18);
/* Interaktion */
cursor: pointer; cursor: pointer;
transition: transition:
transform 0.2s ease, transform 0.2s ease,