background

This commit is contained in:
2021-11-27 23:22:35 +01:00
parent cd2e9a4a50
commit 27858db5ab
7 changed files with 103 additions and 73 deletions
+59 -51
View File
@@ -111,6 +111,9 @@
.path-node {
margin: 0; }
.main-content {
margin-top: 7rem; }
.field--name-field-titre .field__item {
color: #09398b;
font-weight: 900;
@@ -130,9 +133,12 @@ a {
@import "pages/partials/header_footer";
@import "pages/home";*/
.layout__region--top {
padding-bottom: 3rem; }
.layout__region--top .block-region-top {
height: inherit; }
padding-bottom: 3rem;
height: 300px; }
.layout__region--top .block-entity-fieldnodetitle {
width: fit-content;
margin-left: 13%;
margin-top: 200px; }
.layout__region--top .block-entity-fieldnodefield-images {
display: none;
height: inherit; }
@@ -143,6 +149,7 @@ a {
.layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
display: flex;
width: 50%;
background-color: white;
padding-right: 2rem; }
.layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre {
display: flex;
@@ -155,18 +162,18 @@ a {
.layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover {
text-decoration: underline; }
.layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre {
font-size: 1.5rem;
font-weight: 1000;
font-family: 'Source Code Pro';
color: #09398b;
text-transform: uppercase; }
.layout__region--second .block-entity-fieldnodefield-textes h4 {
text-transform: none !important; }
.layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
padding-right: 2rem; }
.layout__region--second .block-entity-fieldnodefield-textes {
background-color: white; }
.layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre {
font-size: 1.5rem;
font-weight: 1000;
font-family: 'Source Code Pro';
color: #09398b;
text-transform: uppercase; }
.layout__region--second .block-entity-fieldnodefield-textes h4 {
text-transform: none !important; }
.layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
padding-right: 2rem; }
.layout__region--third .block-entity-fieldnodefield-fichiers {
height: fit-content;
@@ -377,22 +384,19 @@ a {
background-repeat: no-repeat; }
.node-id-20 .layout__region--top {
padding-bottom: 3rem; }
.node-id-20 .layout__region--top .block-region-top {
height: 200px; }
.node-id-20 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
width: 80%;
margin: auto; }
.node-id-20 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: #009ee3;
background-color: white;
text-transform: uppercase; }
.node-id-20 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: white;
background-color: #009ee3;
text-transform: uppercase; }
.field--name-field-partenaires {
padding-top: 3rem; }
.field--name-field-partenaires .paragraph--type--partenaire {
background-color: white;
width: 75%;
padding-bottom: 3rem;
display: grid;
grid-template-columns: repeat(auto-fill, 120px);
@@ -415,6 +419,20 @@ a {
.field--name-field-partenaires a svg {
display: none; }
.node-id-35 .region-content {
background: url("../images/pictos/carre-contour-bleu_gouvernance.svg");
background-repeat: no-repeat; }
.node-id-35 .layout__region--top {
padding-bottom: 3rem; }
.node-id-35 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: white;
background-color: #009ee3;
text-transform: uppercase; }
.path-actualites {
background-color: rgba(0, 158, 227, 0.2);
margin: 0; }
@@ -457,18 +475,13 @@ a {
background-repeat: no-repeat; }
.node-id-4 .layout__region--top {
padding-bottom: 3rem; }
.node-id-4 .layout__region--top .block-region-top {
height: 200px; }
.node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
width: 80%;
margin-left: 13%; }
.node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: white;
background-color: #009ee3;
text-transform: uppercase; }
.node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: white;
background-color: #009ee3;
text-transform: uppercase; }
.node-id-5 .region-content {
background: url("../images/pictos/carre-contour-bleu_contact.svg");
@@ -476,18 +489,13 @@ a {
.node-id-5 .layout__region--top {
padding-bottom: 3rem; }
.node-id-5 .layout__region--top .block-region-top {
height: 200px; }
.node-id-5 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
width: 80%;
margin-left: 13%; }
.node-id-5 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: white;
background-color: #009ee3;
text-transform: uppercase; }
.node-id-5 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: white;
background-color: #009ee3;
text-transform: uppercase; }
/*partials*/
.layout-container {
@@ -21,7 +21,9 @@
.path-node {
margin: 0;
}
.main-content{
margin-top: 7rem;
}
.field--name-field-titre{
.field__item{
@@ -9,10 +9,7 @@
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
.block-region-top{
height: 200px;
.block-entity-fieldnodetitle{
width: 80%;
margin-left: 13%;
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
@@ -20,7 +17,6 @@
color: $white;
background-color: $blue-light;
text-transform: uppercase;
// padding: 2rem 1rem 2rem 1rem;
}
}
}
@@ -0,0 +1,25 @@
.node-id-35{
.region-content{
background: url('../images/pictos/carre-contour-bleu_gouvernance.svg');
background-repeat: no-repeat;
}
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
.block-region-top{
.block-entity-fieldnodetitle{
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
}
}
}
}
}
@@ -7,18 +7,14 @@
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
.block-region-top{
height: 200px;
.block-entity-fieldnodetitle{
width: 80%;
margin: auto;
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $blue-light;
background-color: $white;
color: $white;
background-color: $blue-light;
text-transform: uppercase;
// padding: 2rem 1rem 2rem 1rem;
}
}
}
@@ -29,13 +25,15 @@
.field--name-field-partenaires{
padding-top: 3rem;
.paragraph--type--partenaire{
background-color: $white;
width: 75%;
padding-bottom: 3rem;
display: grid;
grid-template-columns: repeat(auto-fill, 120px);
grid-template-rows: repeat(auto-fill);
.field--name-field-logo{
grid-column: 1 / 4;
grid-row: 1 / 3;
}
@@ -7,10 +7,8 @@
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
.block-region-top{
height: 200px;
.block-entity-fieldnodetitle{
width: 80%;
margin-left: 13%;
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
@@ -18,7 +16,6 @@
color: $white;
background-color: $blue-light;
text-transform: uppercase;
// padding: 2rem 1rem 2rem 1rem;
}
}
}
+10 -6
View File
@@ -1,13 +1,15 @@
// .layout--threecol-25-50-25{
// padding-top: 2rem;
// background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" version="1.1"><rect x="0" y="0" width="80" height="80" transform="rotate(35) translate(430, -800) scale(15)" fill="none" stroke="rgb(0,158,227)" stroke-width="0.4px"/></svg>');
// background-repeat: no-repeat;
// }
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
height: 300px;
.block-region-top{
height: inherit;
}
.block-entity-fieldnodetitle{
width: fit-content;
margin-left: 13%;
margin-top: 200px;
}
.block-entity-fieldnodefield-images{
display: none;
@@ -24,6 +26,7 @@
.block-entity-fieldnodefield-textes{
display: flex;
width: 50%;
background-color: $white;
// justify-content: flex-end;
padding-right: 2rem;
@@ -47,6 +50,7 @@
.layout__region--second{ // paragraphe texte
.block-entity-fieldnodefield-textes{
background-color: $white;
.field--name-field-titre{
font-size: 1.5rem;
font-weight: 1000;