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

Further adjusting main layout

Browse source
This commit is contained in:
Reto Bollinger 2024-11-26 20:30:42 +01:00
parent e03109d420
commit e57e28deb1
2 changed files with 8 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -179,10 +179,10 @@ div.page.home{
div.page h2 { div.page h2 {
font-family: "Roboto-Black","Arial Bold",sans-serif; font-family: "Roboto-Black","Arial Bold",sans-serif;
font-size:60px; font-size:60px;
margin: 30px 0 0 0; margin: 20px 0 0 0;
padding: 22px 0 1em 0; padding: 22px 0 1em 0;
font-weight: normal; font-weight: normal;
line-height: 50px; line-height: normal;
} }
div.page h3 { div.page h3 {
@ -191,7 +191,7 @@ div.page h3 {
margin: 0px; margin: 0px;
padding: 0; padding: 0;
font-weight: normal; font-weight: normal;
line-height: 30px; line-height: normal;
} }
@ -204,7 +204,7 @@ div.page div.threecolumn{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 30px 50px; padding: 80px 50px 30px 50px;
} }
@ -351,18 +351,15 @@ div.left_footer, div.middle_footer, div.right_footer {
div.page h2 { div.page h2 {
font-size:calc(60vw * 0.091); font-size:calc(60vw * 0.091);
margin: calc(30vw * 0.091) 0 0 0; margin: calc(20vw * 0.091) 0 0 0;
padding: calc(22vw * 0.091) 0 1em 0; padding: calc(22vw * 0.091) 0 1em 0;
line-height: calc(50vw * 0.091);
width: 100%; width: 100%;
} }
div.page h3 { div.page h3 {
font-size:calc(60vw * 0.091); font-size:calc(60vw * 0.091);
line-height: calc(30vw * 0.091);
} }
div.page div.threecolumn{ div.page div.threecolumn{
padding: calc(30vw * 0.091) calc(50vw * 0.091); padding: calc(80vw * 0.091) calc(50vw * 0.091) calc(30vw * 0.091) calc(50vw * 0.091);
} }
div.page div.threecolumn div{ div.page div.threecolumn div{
width: calc(300vw * 0.091); width: calc(300vw * 0.091);
@ -387,6 +384,7 @@ div.left_footer, div.middle_footer, div.right_footer {
@media (max-width: 768px) { @media (max-width: 768px) {
header { header {
height: auto; height: auto;
background-position: 0 43.5%;
} }
header .left_header{ header .left_header{
font-size: calc(24px * 0.7); font-size: calc(24px * 0.7);
@ -417,14 +415,12 @@ div.left_footer, div.middle_footer, div.right_footer {
font-size:calc(60px * 0.7); font-size:calc(60px * 0.7);
margin: 0; margin: 0;
padding: calc(22px * 0.7) 0 1em 0; padding: calc(22px * 0.7) 0 1em 0;
line-height: calc(50px * 0.7);
} }
div.page h3 { div.page h3 {
font-size:calc(60px * 0.7); font-size:calc(60px * 0.7);
line-height: calc(30px * 0.7);
} }
div.page div.threecolumn{ div.page div.threecolumn{
padding: calc(30px * 0.7) calc(50px * 0.7); padding: calc(80px * 0.7) calc(50px * 0.7) calc(30px * 0.7) calc(50px * 0.7);
} }
div.page div.threecolumn div{ div.page div.threecolumn div{

5
lektor/lektordata/project/content/contents.lr
View file

@ -4,13 +4,8 @@ title: Willkommen beim PC Stammertal
--- ---
html: html:
<br/>
<br/>
<h3>Unser nächster Anlass: </h3><br/> <h3>Unser nächster Anlass: </h3><br/>
<br/>
Sonntag <strong>8. Dezember, Gangfischschiessen</strong> in Ermatingen<br/> Sonntag <strong>8. Dezember, Gangfischschiessen</strong> in Ermatingen<br/>
<br/>
<br/>
<div class="threecolumn"> <div class="threecolumn">
<div> <div>
<a href="termine/"><img src=" /images/termine_square.jpg" alt="Terminkalender"> All unsere Termine</a> <a href="termine/"><img src=" /images/termine_square.jpg" alt="Terminkalender"> All unsere Termine</a>