background

This commit is contained in:
2021-12-16 16:11:39 +01:00
parent 4a03300d2a
commit e3eca2bd58
2 changed files with 15 additions and 12 deletions
@@ -1493,25 +1493,25 @@ a {
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale span { .offresdeservices .layout-content .region-content #block-contenudelapageprincipale span {
padding-top: 3rem; padding-top: 3rem;
padding-bottom: 3rem; padding-bottom: 3rem;
vertical-align: middle; } vertical-align: middle;
color: white; }
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale span h2 { .offresdeservices .layout-content .region-content #block-contenudelapageprincipale span h2 {
margin: 0; margin: 0;
padding-top: 2rem; padding-top: 2rem;
height: 4rem; height: 4rem;
color: white; background: #009ee3;
font-family: "Source Code Pro"; font-family: "Source Code Pro";
text-transform: uppercase; text-transform: uppercase;
background: #009ee3;
padding-left: 13%; } padding-left: 13%; }
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content { .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
background: url("../images/pictos/carre-contour-bleu_gouvernance.svg"); background: url("../images/pictos/carre-contour-bleu_programme.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-y: 20vh;
max-width: 100vw; max-width: 100vw;
background-size: contain; } background-size: cover; }
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
margin: 2rem; } margin: 2rem;
margin-top: 4rem; }
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction { .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction {
width: 65%; width: 65%;
margin: auto; margin: auto;
@@ -9,30 +9,33 @@
padding-top: 3rem; padding-top: 3rem;
padding-bottom: 3rem; padding-bottom: 3rem;
vertical-align: middle; vertical-align: middle;
color: $white;
h2{ h2{
margin: 0; margin: 0;
padding-top: 2rem; padding-top: 2rem;
height: 4rem; height: 4rem;
color: $white; background: $blue-light;
font-family: "Source Code Pro"; font-family: "Source Code Pro";
text-transform: uppercase; text-transform: uppercase;
background: $blue-light;
padding-left: 13%; padding-left: 13%;
} }
} }
.layout--onecol{ .layout--onecol{
.block-region-content{ .block-region-content{
background: url('../images/pictos/carre-contour-bleu_gouvernance.svg'); background: url('../images/pictos/carre-contour-bleu_programme.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-y: 20vh; // background-position-y: 20vh;
max-width: 100vw; max-width: 100vw;
background-size: contain; background-size: cover;
// texte présentation // texte présentation
.block-config-pages-block{ .block-config-pages-block{
margin: 2rem; margin: 2rem;
margin-top: 4rem;
.field--name-field-introduction{ .field--name-field-introduction{
width: 65%; width: 65%;
margin: auto; margin: auto;