css statics

This commit is contained in:
ouidade 2024-07-10 17:10:03 +02:00
parent 1c180411e0
commit c580ed67d6
4 changed files with 33 additions and 14 deletions

View File

@ -1968,6 +1968,11 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
margin-top: 1rem; margin-top: 1rem;
width: fit-content; width: fit-content;
} }
@media (max-width: 810px) {
#consultation .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 10rem;
}
}
#consultation .layout-content .content_container #block-quartiers-de-demain-titredepage h1 { #consultation .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
text-transform: none; text-transform: none;
color: black; color: black;
@ -2179,9 +2184,9 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
margin-top: 1rem; margin-top: 1rem;
width: fit-content; width: fit-content;
} }
@media (max-width: 500px) { @media (max-width: 810px) {
.partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage { .partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 1rem; margin-top: 10rem;
grid-column: 2/span 9; grid-column: 2/span 9;
} }
} }
@ -2290,9 +2295,9 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
margin-top: 1rem; margin-top: 1rem;
width: fit-content; width: fit-content;
} }
@media (max-width: 500px) { @media (max-width: 810px) {
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage { .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 1rem; margin-top: 10rem;
grid-column: 2/span 9; grid-column: 2/span 9;
} }
} }
@ -2303,7 +2308,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
font-weight: 500; font-weight: 500;
} }
.node-type-static .layout-content .content_container article.node-type-static { .node-type-static .layout-content .content_container article.node-type-static {
width: 80%; width: 100%;
grid-column: 3/span 9; grid-column: 3/span 9;
grid-row: 2; grid-row: 2;
} }
@ -2326,16 +2331,21 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
margin: auto; margin: auto;
justify-content: center; justify-content: center;
display: flex; display: flex;
flex-direction: column;
text-align: center; text-align: center;
} }
.node-type-static .layout-content .content_container article.node-type-static div.field_body h2 { .node-type-static .layout-content .content_container article.node-type-static div.field_body h2 {
font-size: 0.8rem;
font-weight: 600;
margin-bottom: 0; margin-bottom: 0;
} }
.node-type-static .layout-content .content_container article.node-type-static div.field_body p { .node-type-static .layout-content .content_container article.node-type-static div.field_body p {
margin-top: 0; margin-top: 0;
} }
.node-type-static .layout-content .content_container article.node-type-static div.field_body h4 {
font-size: 1rem;
}
.node-type-static .layout-content .content_container article.node-type-static div.field_body h5 {
font-size: 0.9rem;
}
#page-node .content_container { #page-node .content_container {
width: 60%; width: 60%;

View File

@ -12,6 +12,9 @@
#block-quartiers-de-demain-titredepage{ #block-quartiers-de-demain-titredepage{
margin-top: 1rem; margin-top: 1rem;
width: fit-content; width: fit-content;
@media(max-width: 810px){
margin-top: 10rem;
}
h1{ h1{
text-transform: none; text-transform: none;
color: black; color: black;

View File

@ -8,8 +8,8 @@
#block-quartiers-de-demain-titredepage{ #block-quartiers-de-demain-titredepage{
margin-top: 1rem; margin-top: 1rem;
width: fit-content; width: fit-content;
@media(max-width: 500px){ @media(max-width: 810px){
margin-top: 1rem; margin-top: 10rem;
grid-column: 2 /span 9; grid-column: 2 /span 9;
} }

View File

@ -11,8 +11,8 @@
#block-quartiers-de-demain-titredepage{ #block-quartiers-de-demain-titredepage{
margin-top: 1rem; margin-top: 1rem;
width: fit-content; width: fit-content;
@media(max-width: 500px){ @media(max-width: 810px){
margin-top: 1rem; margin-top: 10rem;
grid-column: 2 /span 9; grid-column: 2 /span 9;
} }
@ -32,7 +32,7 @@
width: 80% ; width: 80% ;
margin: auto; margin: auto;
} }
width: 80%; width: 100%;
grid-column: 3 /span 9; grid-column: 3 /span 9;
grid-row: 2; grid-row: 2;
@media(max-width: 500px){ @media(max-width: 500px){
@ -46,16 +46,22 @@
margin: auto; margin: auto;
justify-content: center; justify-content: center;
display: flex; display: flex;
flex-direction: column;
text-align: center; text-align: center;
h2{ h2{
font-size: $font-medium;
font-weight: 600;
margin-bottom: 0; margin-bottom: 0;
} }
p{ p{
margin-top: 0; margin-top: 0;
} }
h4{
font-size: 1rem;
}
h5{
font-size: 0.9rem;
}
} }
} }