Compare commits

..

2 Commits

Author SHA1 Message Date
ouidade 2b94ff5b8b taille logo header 2024-09-19 16:55:52 +02:00
ouidade 097882e407 taille header et padding contenu 2024-09-19 14:29:53 +02:00
3 changed files with 29 additions and 6 deletions

View File

@ -295,9 +295,15 @@ header .header_left_container #block-quartiers-de-demain-logoepau-2 {
} }
} }
header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain { header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain {
padding-right: 5%;
margin: auto; margin: auto;
} }
header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo {
width: 90%;
margin: auto;
}
header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header {
width: 100%;
}
header .header_left_container img { header .header_left_container img {
width: auto; width: auto;
margin: auto; margin: auto;
@ -1681,12 +1687,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
display: none; display: none;
} }
#home article.node-type-static .field_body { #home article.node-type-static .field_body {
width: 80%; width: 65%;
margin: auto; margin: auto;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
position: relative; position: relative;
margin-left: 14rem;
} }
@media (max-width: 1090px) { @media (max-width: 1090px) {
#home article.node-type-static .field_body { #home article.node-type-static .field_body {
@ -1720,7 +1727,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
} }
} }
#home article.node-type-static .field_body > p:nth-child(2) { #home article.node-type-static .field_body > p:nth-child(2) {
padding-left: 15rem; padding-left: 10rem;
} }
@media (max-width: 1090px) { @media (max-width: 1090px) {
#home article.node-type-static .field_body > p:nth-child(2) { #home article.node-type-static .field_body > p:nth-child(2) {
@ -1743,6 +1750,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#home article.node-type-static #paragraph-id--1 { #home article.node-type-static #paragraph-id--1 {
background-color: #edefe8; background-color: #edefe8;
position: relative; position: relative;
padding-left: 4rem;
} }
#home article.node-type-static #paragraph-id--1.paragraph--type--static-parts { #home article.node-type-static #paragraph-id--1.paragraph--type--static-parts {
padding-bottom: 0 !important; padding-bottom: 0 !important;
@ -1979,6 +1987,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
} }
} }
#home article.node-type-static #paragraph-id--6 { #home article.node-type-static #paragraph-id--6 {
padding-left: 4rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: auto; margin: auto;
@ -2041,6 +2050,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
height: auto; height: auto;
} }
#home article.node-type-static #paragraph-id--7 { #home article.node-type-static #paragraph-id--7 {
padding-left: 4rem;
background-color: #0833c2; background-color: #0833c2;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@ -78,12 +78,14 @@
display: none; display: none;
} }
.field_body{ ///// texte de présentation .field_body{ ///// texte de présentation
width: 80%; // width: 80%;
width: 65%;
margin: auto; margin: auto;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap ; flex-wrap: wrap ;
position: relative; position: relative;
margin-left: 14rem;
@media(max-width: 1090px){ @media(max-width: 1090px){
flex-direction: column; flex-direction: column;
width: 90%; width: 90%;
@ -109,7 +111,8 @@
} }
} }
> p:nth-child(2){ > p:nth-child(2){
padding-left: 15rem; // padding-left: 15rem;
padding-left: 10rem;
@media(max-width: 1090px){ @media(max-width: 1090px){
padding-left: 0 ; padding-left: 0 ;
} }
@ -131,6 +134,7 @@
#paragraph-id--1{ ///// Les enjeux 1 #paragraph-id--1{ ///// Les enjeux 1
background-color: #edefe8; background-color: #edefe8;
position: relative; position: relative;
padding-left: 4rem;
&.paragraph--type--static-parts{padding-bottom: 0 !important;} &.paragraph--type--static-parts{padding-bottom: 0 !important;}
.field_field_title{ .field_field_title{
@ -368,6 +372,7 @@
#paragraph-id--6{ /////// quartier 2030 #paragraph-id--6{ /////// quartier 2030
padding-left: 4rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: auto; margin: auto;
@ -424,6 +429,7 @@
} }
#paragraph-id--7{ ///////// les piliers #paragraph-id--7{ ///////// les piliers
padding-left: 4rem;
background-color: #0833c2ff; background-color: #0833c2ff;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@ -44,8 +44,15 @@ header{
} }
#block-quartiers-de-demain-logoquartiersdedemain{ #block-quartiers-de-demain-logoquartiersdedemain{
padding-right: 5%; // padding-right: 5%;
margin: auto; margin: auto;
.field_field_logo{
width: 90%;
margin: auto;
.qdd-header{
width: 100%;
}
}
} }
img{ img{
width: auto; width: auto;