css static
This commit is contained in:
parent
9d2ea6febc
commit
c89c63835b
|
@ -1563,16 +1563,17 @@ footer {
|
|||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.node-type-static .layout-content {
|
||||
grid-row: 1;
|
||||
.node-type-static main {
|
||||
background-color: #f6f7f3;
|
||||
}
|
||||
.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 {
|
||||
grid-column: 3/span 9;
|
||||
grid-row: 1;
|
||||
margin-top: 3rem;
|
||||
margin-top: 1rem;
|
||||
width: fit-content;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
.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 {
|
||||
text-transform: uppercase;
|
||||
color: rgb(247, 0, 43);
|
||||
font-size: 1.6rem;
|
||||
font-weight: 300;
|
||||
text-transform: none;
|
||||
color: black;
|
||||
font-size: 2rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
.node-type-static .layout-content .content_container article.node-type-static {
|
||||
width: 80%;
|
||||
grid-column: 3/span 9;
|
||||
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) {
|
||||
.node-type-static .layout-content .content_container article.node-type-static {
|
||||
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 {
|
||||
font-size: 0.8rem;
|
||||
font-weight: 600;
|
||||
|
|
|
@ -6,7 +6,6 @@ $header-height-ultrasmall : 50px;
|
|||
$width-menu-slidedown : 550px;
|
||||
|
||||
.layout-container {
|
||||
|
||||
position: relative;
|
||||
width: 100vw;
|
||||
background-color: $background-home;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
Loading…
Reference in New Issue