css static

This commit is contained in:
ouidade 2024-07-06 22:51:13 +02:00
parent 9d2ea6febc
commit c89c63835b
6 changed files with 94 additions and 56 deletions

View File

@ -1563,16 +1563,17 @@ footer {
padding-right: 0.5rem; padding-right: 0.5rem;
} }
.node-type-static .layout-content { .node-type-static main {
grid-row: 1; background-color: #f6f7f3;
} }
.node-type-static .layout-content .content_container { .node-type-static .layout-content .content_container {
margin-bottom: 3rem; display: flex;
flex-direction: column;
align-items: center;
} }
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage { .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
grid-column: 3/span 9; margin-top: 1rem;
grid-row: 1; width: fit-content;
margin-top: 3rem;
} }
@media (max-width: 500px) { @media (max-width: 500px) {
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage { .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
@ -1581,20 +1582,37 @@ footer {
} }
} }
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage h1 { .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
text-transform: uppercase; text-transform: none;
color: rgb(247, 0, 43); color: black;
font-size: 1.6rem; font-size: 2rem;
font-weight: 300; 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%;
grid-column: 3/span 9; grid-column: 3/span 9;
grid-row: 2; grid-row: 2;
} }
.node-type-static .layout-content .content_container article.node-type-static::before {
content: "";
display: block;
border-bottom: solid 2px rgb(7, 50, 194);
width: 80%;
margin: auto;
}
@media (max-width: 500px) { @media (max-width: 500px) {
.node-type-static .layout-content .content_container article.node-type-static { .node-type-static .layout-content .content_container article.node-type-static {
grid-column: 2/span 9; grid-column: 2/span 9;
} }
} }
.node-type-static .layout-content .content_container article.node-type-static div.field_body {
width: 80%;
padding-top: 2rem;
padding-bottom: 2rem;
margin: auto;
justify-content: center;
display: flex;
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-size: 0.8rem;
font-weight: 600; font-weight: 600;

View File

@ -6,7 +6,6 @@ $header-height-ultrasmall : 50px;
$width-menu-slidedown : 550px; $width-menu-slidedown : 550px;
.layout-container { .layout-container {
position: relative; position: relative;
width: 100vw; width: 100vw;
background-color: $background-home; background-color: $background-home;

View File

@ -1,45 +0,0 @@
.node-type-static{
.layout-content{
// grid-column: 1 / span 12;
grid-row: 1;
.content_container{
margin-bottom: 3rem;
#block-quartiers-de-demain-titredepage{
grid-column: 3 /span 9;
grid-row: 1;
margin-top: 3rem;
@media(max-width: 500px){
margin-top: 1rem;
grid-column: 2 /span 9;
}
h1{
text-transform: uppercase;
color: $red_QDD ;
font-size: $font-large;
font-weight: 300;
}
}
article.node-type-static{
grid-column: 3 /span 9;
grid-row: 2;
@media(max-width: 500px){
grid-column: 2 /span 9;
}
div.field_body{
h2{
font-size: $font-medium;
font-weight: 600;
margin-bottom: 0;
}
p{
margin-top: 0;
}
}
}
}
}
}

View File

@ -0,0 +1,66 @@
.node-type-static{
main{
background-color: #f6f7f3;
}
.layout-content{
.content_container{
display: flex;
flex-direction: column;
align-items: center;
#block-quartiers-de-demain-titredepage{
margin-top: 1rem;
width: fit-content;
@media(max-width: 500px){
margin-top: 1rem;
grid-column: 2 /span 9;
}
h1{
text-transform: none;
color: black;
font-size: 2rem;
font-weight: 500;
}
}
article.node-type-static{
&::before{
content:"";
display: block;
border-bottom: solid 2px $blue_QDD;
width: 80% ;
margin: auto;
}
width: 80%;
grid-column: 3 /span 9;
grid-row: 2;
@media(max-width: 500px){
grid-column: 2 /span 9;
}
div.field_body{
width: 80%;
padding-top: 2rem;
padding-bottom: 2rem;
margin: auto;
justify-content: center;
display: flex;
text-align: center;
h2{
font-size: $font-medium;
font-weight: 600;
margin-bottom: 0;
}
p{
margin-top: 0;
}
}
}
}
}
}