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

Finally resolved my CSS sizing issue.

Browse source
This commit is contained in:
Reto Bollinger 2024-11-18 11:49:16 +01:00
parent 88b0d97b48
commit 524f8f7df2
2 changed files with 11 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -66,40 +66,18 @@ div.inner_page {
padding: 0; padding: 0;
} }
div.bgimage + div.inner_page { div.inner_page.bgimage {
position: absolute;
box-sizing: border-box; background-image: url('/images/bg_image_welcome_1.jpg');
background-size: contain;
background-position: top;
background-repeat: no-repeat;
min-height: 635px;
background-color: rgba(255,255,255,0.6);
background-blend-mode: lighten;
} }
.page .bgimage img {
display: block;
width: 100%;
max-width: 1200px; /* corresponds to max height of 450px */
margin: 0 auto;
filter: opacity(50%);
}
page .bgimage {
position: absolute;
box-sizing: border-box;
background: #fff;
}
.bgimage {
background: #fff;
}
/*
.inner_page{
position: absolute;
top: 0;
padding: 0px 30px;
box-sizing: border-box;
}
*/
header, footer { header, footer {
color: #b0b0b0; color: #b0b0b0;
} }

3
lektor/lektordata/project/templates/title_page.html
View file

@ -1,8 +1,7 @@
{% extends "layout.html" %} {% extends "layout.html" %}
{% block title %}{{ this.title }}{% endblock %} {% block title %}{{ this.title }}{% endblock %}
{% block body %} {% block body %}
<div class="bgimage"><img src="/images/bg_image_welcome_1.jpg"></div> <div class="inner_page bgimage">
<div class="inner_page">
<h2>{{ this.title }}</h2> <h2>{{ this.title }}</h2>
{{ this.body }} {{ this.body }}
</div> </div>