diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 4c7673a..4011131 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -758,9 +758,9 @@ a { display: none; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top { - background-color: rgba(0, 158, 227, 0.2); - height: 40vh; - padding-right: 1rem; } + background: linear-gradient(to bottom, rgba(0, 158, 227, 0.2) 60%, white 40%); + padding-right: 1rem; + padding-bottom: 4rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top { display: grid; grid-template-columns: 1fr repeat(8, 1fr) 1fr; @@ -797,32 +797,29 @@ a { max-height: 360px; object-fit: cover; } -.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first { - margin-top: 18rem; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first { +.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first { + display: flex; + justify-content: flex-end; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes { display: flex; - justify-content: flex-end; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes { + justify-content: flex-end; + width: 50%; + background-color: white; + padding-right: 2rem; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre { display: flex; - justify-content: flex-end; - width: 50%; - background-color: white; - padding-right: 2rem; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre { - display: flex; - font-size: 1rem; - font-weight: 1000; - color: #09398b; - border-bottom: 1px solid #009ee3; - padding-bottom: 0.5rem; - padding-right: 1rem; - margin-bottom: 0.8rem; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover { - text-decoration: underline; } + font-size: 1rem; + font-weight: 1000; + color: #09398b; + border-bottom: 1px solid #009ee3; + padding-bottom: 0.5rem; + padding-right: 1rem; + margin-bottom: 0.8rem; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover { + text-decoration: underline; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second { - flex: 0 1 50%; - margin-top: 18rem; } + flex: 0 1 50%; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second { width: 90%; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody p { @@ -854,98 +851,96 @@ a { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody .panel-body #outputtext { overflow-y: visible !important; } -.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third { - margin-top: 18rem; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third { - display: flex; - flex-direction: column; - width: 65%; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item { - height: fit-content; - border: 2px solid #009ee3; - background-color: white; - margin-bottom: 1rem; - min-height: 4rem; - color: #009ee3; - padding-left: 1rem; - padding-top: 1rem; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) { - display: none; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf { - height: inherit; - margin: auto; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before { - content: url("../images/pictos/noun_Download_file_307900.svg"); - min-width: 40px; - height: auto; - padding-right: 1rem; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a { - hyphens: auto; - display: inline-flex; - align-items: center; - color: #009ee3; - font-weight: 800; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { - margin: auto; - height: fit-content; - border: 2px solid #009ee3; - min-height: 4rem; - background: white; - color: #009ee3; - padding-left: 1rem; - padding-top: 1rem; - margin-bottom: 1rem; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a { +.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third { + display: flex; + flex-direction: column; + width: 65%; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item { + height: fit-content; + border: 2px solid #009ee3; + background-color: white; + margin-bottom: 1rem; + min-height: 4rem; + color: #009ee3; + padding-left: 1rem; + padding-top: 1rem; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) { + display: none; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf { + height: inherit; + margin: auto; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before { + content: url("../images/pictos/noun_Download_file_307900.svg"); + min-width: 40px; + height: auto; + padding-right: 1rem; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a { + hyphens: auto; display: inline-flex; align-items: center; color: #009ee3; font-weight: 800; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before { - content: url("../images/pictos/noun_External Link_674151.svg"); - min-width: 40px; - height: auto; - padding-right: 1rem; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext { - display: none; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress { - margin-top: 3rem; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress h2 { - font-size: 0.8rem; + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { + margin: auto; + height: fit-content; + border: 2px solid #009ee3; + min-height: 4rem; + background: white; + color: #009ee3; + padding-left: 1rem; + padding-top: 1rem; + margin-bottom: 1rem; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a { + display: inline-flex; + align-items: center; + color: #009ee3; + font-weight: 800; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before { + content: url("../images/pictos/noun_External Link_674151.svg"); + min-width: 40px; + height: auto; + padding-right: 1rem; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext { + display: none; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress { + margin-top: 3rem; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress h2 { + font-size: 0.8rem; + color: black; + font-weight: 900; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource { + display: flex; + flex-direction: column; + border: 2px solid #009ee3; + padding: 1rem; + height: fit-content; + margin-bottom: 1rem; + background-color: white; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type { + border-top: 1px solid #009ee3; + padding-top: 1rem; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type::after { + content: url("../images/pictos/noun_Arrow_3771902.svg"); + align-self: flex-end; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a { color: black; - font-weight: 900; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource { - display: flex; - flex-direction: column; - border: 2px solid #009ee3; - padding: 1rem; - height: fit-content; - margin-bottom: 1rem; - background-color: white; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type { - border-top: 1px solid #009ee3; - padding-top: 1rem; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type::after { - content: url("../images/pictos/noun_Arrow_3771902.svg"); - align-self: flex-end; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a { - color: black; - font-size: 1.4rem; - font-weight: 600; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- { - font-weight: 800; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- p { - margin: 0; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- .field__label { - display: none; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition p { + font-size: 1.4rem; + font-weight: 600; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- { + font-weight: 800; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- p { margin: 0; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition .field__label { + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- .field__label { display: none; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images { - width: 50%; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img { - width: 100%; - height: auto; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition p { + margin: 0; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition .field__label { + display: none; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images { + width: 50%; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img { + width: 100%; + height: auto; } .node-id-35 .region-content { background: url("../images/pictos/carre-contour-bleu_gouvernance.svg"); diff --git a/web/themes/custom/eql/scss/pages/_actualite.scss b/web/themes/custom/eql/scss/pages/_actualite.scss index 3b2a0e2..a74dcf1 100644 --- a/web/themes/custom/eql/scss/pages/_actualite.scss +++ b/web/themes/custom/eql/scss/pages/_actualite.scss @@ -6,9 +6,11 @@ .layout__region--top{ // grid-row: 1 / span 2; - background-color: $background-actus; - height: 40vh; + // background-color: $background-actus; + // height: 40vh; + background: linear-gradient(to bottom, $background-actus 60%, white 40%); padding-right: 1rem; + padding-bottom: 4rem; .block-region-top{ // position: relative; display: grid; @@ -66,7 +68,7 @@ } } .layout__region--first{ - margin-top: 18rem; + // margin-top: 18rem; .block-region-first{ display: flex; @@ -102,7 +104,7 @@ .layout__region--second{ // grid-row: 3; flex: 0 1 50%; - margin-top: 18rem; + // margin-top: 18rem; .block-region-second{ width: 90%; .block-entity-fieldnodebody{ @@ -159,7 +161,7 @@ .layout__region--third{ // grid-row: 4; - margin-top: 18rem; + // margin-top: 18rem; .block-region-third{ display: flex; flex-direction: column;