From b0cd881797eb555da4976d3ac7a0cc12f1ec555e Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 23 Dec 2021 18:24:50 +0100 Subject: [PATCH] css page 1 actu --- web/themes/custom/eql/css-compiled/styles.css | 49 ++++++++------ .../custom/eql/scss/pages/_actualite.scss | 64 ++++++++++++------- 2 files changed, 69 insertions(+), 44 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index a3cd9c9..12a0b91 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -738,35 +738,35 @@ a { object-fit: cover; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first { - display: flex; - justify-content: end; margin-top: 18rem; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-entity-fieldnodefield-textes { + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first { display: flex; - width: 50%; - background-color: white; - padding-right: 2rem; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-entity-fieldnodefield-textes .field--name-field-titre { + justify-content: end; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes { display: flex; - font-size: 1rem; - font-weight: 1000; - color: #09398b; - border-bottom: 1px solid #009ee3; - padding-bottom: 0.5rem; - padding-right: 1rem; - margin-top: 2rem; - margin-bottom: 0.8rem; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__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--first .block-entity-fieldnodefield-textes a.ext { - color: black; - text-decoration: underline; } + justify-content: 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; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second { flex: 0 1 50%; margin-top: 18rem; } .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 { + margin-top: 0; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes { background-color: white; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes .field--name-field-titre { @@ -774,7 +774,9 @@ a { font-weight: 1000; font-family: 'Source Code Pro'; color: #09398b; - text-transform: uppercase; } + text-transform: uppercase; + margin-top: 2rem; + margin-bottom: 0.8rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes h4 { text-transform: none !important; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes h4 img { @@ -784,6 +786,11 @@ a { padding-right: 2rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes p { margin-top: 0; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes a { + color: black; + text-decoration: underline; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes a svg { + display: none; } .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; } diff --git a/web/themes/custom/eql/scss/pages/_actualite.scss b/web/themes/custom/eql/scss/pages/_actualite.scss index fc268c7..b71c1b2 100644 --- a/web/themes/custom/eql/scss/pages/_actualite.scss +++ b/web/themes/custom/eql/scss/pages/_actualite.scss @@ -67,35 +67,38 @@ } } .layout__region--first{ - display: flex; - justify-content: end; margin-top: 18rem; - .block-entity-fieldnodefield-textes{ + + .block-region-first{ display: flex; - width: 50%; - background-color: $white; - padding-right: 2rem; - - .field--name-field-titre{ + justify-content: end; + .block-entity-fieldnodefield-textes{ display: flex; - font-size: 1rem; - font-weight: 1000; - color: $blue-dark; - border-bottom: 1px solid $blue-light; - padding-bottom: 0.5rem; - padding-right: 1rem; - margin-top: 2rem; - margin-bottom: 0.8rem; - - &:hover{ - text-decoration: underline; + justify-content: end; + width: 50%; + background-color: $white; + padding-right: 2rem; + + .field--name-field-titre{ + display: flex; + font-size: 1rem; + font-weight: 1000; + color: $blue-dark; + border-bottom: 1px solid $blue-light; + padding-bottom: 0.5rem; + padding-right: 1rem; + // margin-top: 2rem; + margin-bottom: 0.8rem; + + &:hover{ + text-decoration: underline; + } } - } - a.ext{ - color: $black; - text-decoration: underline; + } } + + } .layout__region--second{ // grid-row: 3; @@ -103,6 +106,11 @@ margin-top: 18rem; .block-region-second{ width: 90%; + .block-entity-fieldnodebody{ + p{ + margin-top: 0; + } + } .block-entity-fieldnodefield-textes{ background-color: $white; @@ -112,6 +120,8 @@ font-family: 'Source Code Pro'; color: $blue-dark; text-transform: uppercase; + margin-top: 2rem; + margin-bottom: 0.8rem; } h4{ text-transform: none !important; @@ -127,6 +137,14 @@ p{ margin-top: 0; } + a{ + color: $black; + text-decoration: underline; + svg{ + display: none; + } + } + } .block-entity-fieldnodebody{