luddie/Calender
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: luddie:fix/transparent-blocks
Branches Tags
luddie:first luddie:fix/background-rotation-interval luddie:two luddie:fix/transparent-blocks
..
compare: luddie:c5ae7cdd96b809b7afd9b91131fb4aa794231593
Branches Tags
luddie:first luddie:fix/background-rotation-interval luddie:two luddie:fix/transparent-blocks

3 Commits
fix/transp ... c5ae7cdd96

Author SHA1 Message Date
Luwig Mey
c5ae7cdd96 Merge pull request 'stuff' (#2) from two into first 
Reviewed-on: #2
 2026-02-16 18:28:35 +13:00
luddie
d737322fa6 stuff 2026-02-16 18:28:01 +13:00
Luwig Mey
2e50370e2c Merge pull request 'Fix transparent blocks: add -webkit-backdrop-filter and adjust opacity' (#1) from fix/transparent-blocks into first 
Reviewed-on: #1
 2026-02-16 17:38:27 +13:00
1 changed files with 7 additions and 13 deletions
Expand all files Collapse all files

20
static/css/style.css
View File

@@ -49,15 +49,13 @@ body {
padding: 1rem; padding: 1rem;
} }
/* Header */ /* Header – maximally transparent; text readable via text-shadow */
.header { .header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-start; align-items: flex-start;
margin-bottom: 1rem; margin-bottom: 1rem;
background: rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.03);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
border-radius: 10px; border-radius: 10px;
} }
@@ -151,9 +149,7 @@ body {
/* Sections */ /* Sections */
section { section {
background: rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.03);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
border-radius: 10px; border-radius: 10px;
overflow-y: auto; overflow-y: auto;
@@ -212,7 +208,7 @@ section h3 {
grid-template-columns: 60px 1fr 100px; grid-template-columns: 60px 1fr 100px;
align-items: center; align-items: center;
padding: 0.6rem; padding: 0.6rem;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.04);
border-radius: 8px; border-radius: 8px;
gap: 0.8rem; gap: 0.8rem;
} }
@@ -261,7 +257,7 @@ section h3 {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 0.6rem; padding: 0.6rem;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.06);
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-align: center; text-align: center;
@@ -296,7 +292,7 @@ section h3 {
} }
.event { .event {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.04);
padding: 0.5rem 0.6rem; padding: 0.5rem 0.6rem;
border-radius: 6px; border-radius: 6px;
border-left: 3px solid #4a9eff; border-left: 3px solid #4a9eff;
@@ -331,9 +327,7 @@ section h3 {
/* Footer */ /* Footer */
.footer { .footer {
margin-top: 1rem; margin-top: 1rem;
background: rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.03);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 0.8rem 1.5rem; padding: 0.8rem 1.5rem;
border-radius: 10px; border-radius: 10px;
} }