css home fixe

This commit is contained in:
2024-04-30 23:13:01 +02:00
parent d40d483861
commit 208b8db26f
4 changed files with 12 additions and 16 deletions
@@ -514,7 +514,6 @@ footer h2 {
body #content-ontop { body #content-ontop {
position: relative; position: relative;
top: -1400px;
padding-top: 5rem; } padding-top: 5rem; }
@media screen and (max-width: 300px) { @media screen and (max-width: 300px) {
body #content-ontop { body #content-ontop {
@@ -523,8 +522,7 @@ body #content-ontop {
body #background-animated { body #background-animated {
width: 100VW; width: 100VW;
z-index: -1; z-index: -1;
position: relative; position: absolute; }
left: -400px; }
article.publications, article.interviews { article.publications, article.interviews {
margin-top: 1rem; } margin-top: 1rem; }
@@ -710,23 +708,23 @@ header #block-colloque2024-mainnavigation ul li {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) { #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) {
font-size: 1.5rem; font-size: 1.5rem;
order: 4; } } order: 4; } }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) { #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
text-transform: uppercase; text-transform: uppercase;
font-family: 'Mariannebold'; font-family: 'Mariannebold';
font-size: 3.5rem; font-size: 3.5rem;
grid-column: 5 / span 7; grid-column: 5 / span 7;
grid-row: 3; } grid-row: 3; }
@media screen and (max-width: 300px) { @media screen and (max-width: 300px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) { #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
font-size: 1.5rem; font-size: 1.5rem;
order: 2; } } order: 2; } }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) { #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
text-transform: uppercase; text-transform: uppercase;
grid-column: 5 / span 7; grid-column: 5 / span 7;
grid-row: 1; grid-row: 1;
font-size: 2rem; } font-size: 2rem; }
@media screen and (max-width: 300px) { @media screen and (max-width: 300px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) { #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
font-size: 1.5rem; font-size: 1.5rem;
order: 1; } } order: 1; } }
@@ -8,7 +8,6 @@
body #content-ontop { body #content-ontop {
position: relative; position: relative;
top: -1400px;
padding-top: 5rem; } padding-top: 5rem; }
@media screen and (max-width: 300px) { @media screen and (max-width: 300px) {
body #content-ontop { body #content-ontop {
@@ -17,8 +16,7 @@ body #content-ontop {
body #background-animated { body #background-animated {
width: 100VW; width: 100VW;
z-index: -1; z-index: -1;
position: relative; position: absolute; }
left: -400px; }
article.publications, article.interviews { article.publications, article.interviews {
margin-top: 1rem; } margin-top: 1rem; }
@@ -11,7 +11,7 @@ main:not(.home) {
body { body {
#content-ontop{ #content-ontop{
position: relative; position: relative;
top: -1400px; // top: -1400px;
padding-top: 5rem; padding-top: 5rem;
@media screen and (max-width: 300px) { @media screen and (max-width: 300px) {
padding-top: 2rem; padding-top: 2rem;
@@ -20,8 +20,8 @@ body {
#background-animated{ #background-animated{
width: 100VW; width: 100VW;
z-index: -1; z-index: -1;
position: relative; position: absolute;
left: -400px; // left: -400px;
} }
} }
@@ -61,9 +61,7 @@
<main role="main" id="mainHome" class="d-flex container home"> <main role="main" id="mainHome" class="d-flex container home">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #} <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div id="background-animated" >
<div class="layout-content">
<div id="background-animated" >
<svg <svg
width="1900" width="1900"
height="1500" height="1500"
@@ -184,6 +182,8 @@
</svg> </svg>
</div> </div>
<div class="layout-content">
<div id="content-ontop"> <div id="content-ontop">
<div> <div>
{{ page.content }} {{ page.content }}