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 16:51:32 +00:00
parent a682e4d434
commit fb9d150b44
1 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,3 @@
/* === Schriftart Bratonien 2025 === */
@font-face { @font-face {
font-family: "Bratonien2025"; font-family: "Bratonien2025";
src: url("../../shared/fonts/PinyonScript-Regular.ttf") format("truetype"); src: url("../../shared/fonts/PinyonScript-Regular.ttf") format("truetype");
@@ -7,7 +6,6 @@
font-display: swap; font-display: swap;
} }
/* === Grundlayout der Türchen === */
.door { .door {
position: absolute; position: absolute;
display: flex; display: flex;
@@ -101,7 +99,7 @@
font-size: 2.3vw; font-size: 2.3vw;
color: var(--ci-gold); color: var(--ci-gold);
pointer-events: none; pointer-events: none;
z-index: 2; z-index: 8;
text-shadow: text-shadow:
0 0 3px rgba(0, 0, 0, 0.6), 0 0 3px rgba(0, 0, 0, 0.6),
0 0 8px rgba(0, 0, 0, 0.4); 0 0 8px rgba(0, 0, 0, 0.4);
@@ -183,12 +181,11 @@
height: 100%; height: 100%;
width: 50%; width: 50%;
border-radius: 0; border-radius: 0;
background: background: linear-gradient(
linear-gradient( 180deg,
180deg, color-mix(in srgb, var(--ci-darkgreen) 35%, transparent),
color-mix(in srgb, var(--ci-darkgreen) 35%, transparent), color-mix(in srgb, var(--ci-blue) 35%, transparent)
color-mix(in srgb, var(--ci-blue) 35%, transparent) );
);
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);
@@ -202,7 +199,7 @@
transform-style: preserve-3d; transform-style: preserve-3d;
backface-visibility: hidden; backface-visibility: hidden;
cursor: pointer; cursor: pointer;
z-index: 7; z-index: 6;
} }
.fluegel.left { left: 0; transform-origin: left center; } .fluegel.left { left: 0; transform-origin: left center; }