diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 68a5de8..4dac987 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -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 { diff --git a/web/themes/custom/eql/scss/global/_layout.scss b/web/themes/custom/eql/scss/global/_layout.scss index d8ee903..6d6541e 100644 --- a/web/themes/custom/eql/scss/global/_layout.scss +++ b/web/themes/custom/eql/scss/global/_layout.scss @@ -21,7 +21,9 @@ .path-node { margin: 0; } - +.main-content{ + margin-top: 7rem; +} .field--name-field-titre{ .field__item{ diff --git a/web/themes/custom/eql/scss/pages/_contact.scss b/web/themes/custom/eql/scss/pages/_contact.scss index 842b473..8a9ed7c 100644 --- a/web/themes/custom/eql/scss/pages/_contact.scss +++ b/web/themes/custom/eql/scss/pages/_contact.scss @@ -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; } } } diff --git a/web/themes/custom/eql/scss/pages/_gouvernance.scss b/web/themes/custom/eql/scss/pages/_gouvernance.scss index e69de29..2b91173 100644 --- a/web/themes/custom/eql/scss/pages/_gouvernance.scss +++ b/web/themes/custom/eql/scss/pages/_gouvernance.scss @@ -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; + } + } + } + + } +} \ No newline at end of file diff --git a/web/themes/custom/eql/scss/pages/_partenaires.scss b/web/themes/custom/eql/scss/pages/_partenaires.scss index aa680d7..1d55332 100644 --- a/web/themes/custom/eql/scss/pages/_partenaires.scss +++ b/web/themes/custom/eql/scss/pages/_partenaires.scss @@ -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; } diff --git a/web/themes/custom/eql/scss/pages/_programme.scss b/web/themes/custom/eql/scss/pages/_programme.scss index 647cec4..472937c 100644 --- a/web/themes/custom/eql/scss/pages/_programme.scss +++ b/web/themes/custom/eql/scss/pages/_programme.scss @@ -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; } } } diff --git a/web/themes/custom/eql/scss/pages/_static.scss b/web/themes/custom/eql/scss/pages/_static.scss index 47a66e8..2aabb9e 100644 --- a/web/themes/custom/eql/scss/pages/_static.scss +++ b/web/themes/custom/eql/scss/pages/_static.scss @@ -1,13 +1,15 @@ -// .layout--threecol-25-50-25{ -// padding-top: 2rem; -// background: url('data:image/svg+xml,'); -// 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;