rulrich/pcs-website-test
1
0
Fork 0
mirror of https://git.bolliret.ch/pcs/pcs-website synced 2026-01-18 16:51:36 +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; color: #2563eb;
padding: 0; padding: 0;
font-family: "Roboto-Thin","Arial",sans-serif; font-family: "Roboto-Thin","Arial",sans-serif;
font-size:36px; font-size:20px;
line-height: 1em; line-height: 1em;
margin: -230px 0 0 0; margin: -230px 0 0 0;
} }
div.page.home{
font-size:36px;
}
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;
@ -266,9 +270,13 @@ div.left_footer, div.middle_footer, div.right_footer {
div.page{ div.page{
top: calc(150vw /1100*100); top: calc(150vw /1100*100);
width: calc(1100vw /1100*100); /* That's actually 100% I know */ 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; margin: calc(-230vw /1100*100) 0 0 0;
} }
div.page.home{
font-size:calc(36vw /1100*100);
}
div.page h2 { div.page h2 {
font-size:calc(60vw /1100*100); font-size:calc(60vw /1100*100);
margin: calc(30vw /1100*100) 0 0 0; margin: calc(30vw /1100*100) 0 0 0;
@ -327,9 +335,12 @@ div.left_footer, div.middle_footer, div.right_footer {
div.page{ div.page{
top: 0; top: 0;
width: 100%; width: 100%;
font-size:calc(36px * 0.7); font-size:calc(20px * 0.7);
margin: 0; margin: 0;
} }
div.page.home{
font-size:calc(36px * 0.7);
}
div.page h2 { div.page h2 {
font-size:calc(60px * 0.7); font-size:calc(60px * 0.7);
margin: 0; margin: 0;

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

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