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

Introducing new class to handle some elements in home specially in CSS

Browse source
This commit is contained in:
Reto Bollinger 2024-11-25 13:03:04 +01:00
parent 9c1b2095db
commit 8794ba7170
2 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -167,11 +167,15 @@ div.page{
color: #2563eb;
padding: 0;
font-family: "Roboto-Thin","Arial",sans-serif;
font-size:36px;
font-size:20px;
line-height: 1em;
margin: -230px 0 0 0;
}
div.page.home{
font-size:36px;
}
div.page h2 {
font-family: "Roboto-Black","Arial Bold",sans-serif;
font-size:60px;
@ -266,9 +270,13 @@ div.left_footer, div.middle_footer, div.right_footer {
div.page{
top: calc(150vw /1100*100);
width: calc(1100vw /1100*100); /* That's actually 100% I know */
font-size:calc(36vw /1100*100);
font-size:calc(20vw /1100*100);
margin: calc(-230vw /1100*100) 0 0 0;
}
div.page.home{
font-size:calc(36vw /1100*100);
}
div.page h2 {
font-size:calc(60vw /1100*100);
margin: calc(30vw /1100*100) 0 0 0;
@ -327,9 +335,12 @@ div.left_footer, div.middle_footer, div.right_footer {
div.page{
top: 0;
width: 100%;
font-size:calc(36px * 0.7);
font-size:calc(20px * 0.7);
margin: 0;
}
div.page.home{
font-size:calc(36px * 0.7);
}
div.page h2 {
font-size:calc(60px * 0.7);
margin: 0;

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

@ -40,7 +40,8 @@
</nav>
</div>
</header>
<div class="page">
<div class="page{% if this._path == '/' %} home{% endif
%}">
{% block body %}{% endblock %}
</div>
<footer>