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 {
position: relative;
top: -1400px;
padding-top: 5rem; }
@media screen and (max-width: 300px) {
body #content-ontop {
@@ -523,8 +522,7 @@ body #content-ontop {
body #background-animated {
width: 100VW;
z-index: -1;
position: relative;
left: -400px; }
position: absolute; }
article.publications, article.interviews {
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) {
font-size: 1.5rem;
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;
font-family: 'Mariannebold';
font-size: 3.5rem;
grid-column: 5 / span 7;
grid-row: 3; }
@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;
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;
grid-column: 5 / span 7;
grid-row: 1;
font-size: 2rem; }
@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;
order: 1; } }
@@ -8,7 +8,6 @@
body #content-ontop {
position: relative;
top: -1400px;
padding-top: 5rem; }
@media screen and (max-width: 300px) {
body #content-ontop {
@@ -17,8 +16,7 @@ body #content-ontop {
body #background-animated {
width: 100VW;
z-index: -1;
position: relative;
left: -400px; }
position: absolute; }
article.publications, article.interviews {
margin-top: 1rem; }
@@ -11,7 +11,7 @@ main:not(.home) {
body {
#content-ontop{
position: relative;
top: -1400px;
// top: -1400px;
padding-top: 5rem;
@media screen and (max-width: 300px) {
padding-top: 2rem;
@@ -20,8 +20,8 @@ body {
#background-animated{
width: 100VW;
z-index: -1;
position: relative;
left: -400px;
position: absolute;
// left: -400px;
}
}
@@ -61,9 +61,7 @@
<main role="main" id="mainHome" class="d-flex container home">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div class="layout-content">
<div id="background-animated" >
<div id="background-animated" >
<svg
width="1900"
height="1500"
@@ -184,6 +182,8 @@
</svg>
</div>
<div class="layout-content">
<div id="content-ontop">
<div>
{{ page.content }}