rulrich/pcs-website-test
1
0
Fork 0
mirror of https://git.bolliret.ch/pcs/pcs-website synced 2026-01-18 17:11:37 +01:00
Code Issues Projects Releases Packages Wiki Activity

CSS issue from hell seems finally solved for all cases

Browse source
This commit is contained in:
Reto Bollinger 2024-11-18 19:26:52 +01:00
parent c9140f59ab
commit e120905338
1 changed files with 22 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
lektor/lektordata/project/assets/static/style.css
View file

@ -62,12 +62,13 @@ div.inner_page {
div.inner_page.bgimage { div.inner_page.bgimage {
background-image: url(/images/bg_image_welcome_1.jpg); background-image: url(/images/bg_image_welcome_1.jpg);
background-size: contain; background-size: 100%;
background-position: top; background-position: top;
background-repeat: no-repeat; background-repeat: no-repeat;
min-height: 635px;
background-color: rgba(255,255,255,.6); background-color: rgba(255,255,255,.6);
background-blend-mode: lighten background-blend-mode: lighten;
min-height: 672px;
box-sizing: border-box;
} }
footer,header,header h1 { footer,header,header h1 {
@ -105,6 +106,11 @@ div.page {
} }
@media (max-width:768px) { @media (max-width:768px) {
div.inner_page.bgimage {
min-height: calc((80vw - 60px) * 0.572);
}
body { body {
font-size: 4vw font-size: 4vw
} }
@ -118,7 +124,20 @@ div.page {
} }
} }
@media (min-width:1025px) and (max-width:1540px) {
div.inner_page.bgimage {
min-height: calc((80vw - 60px) * 0.572);
}
}
@media (min-width:769px) and (max-width:1024px) { @media (min-width:769px) and (max-width:1024px) {
div.inner_page.bgimage {
min-height: calc((80vw - 60px) * 0.572);
}
body { body {
font-size: 2.5vw font-size: 2.5vw
} }