From 75f023aa31d6112a7b3c1cc8dbaec3c4c310a9bf Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 27 Jun 2023 18:06:23 +0200 Subject: [PATCH] css liens ressources pages static --- web/themes/custom/eql/css-compiled/styles.css | 180 +++++++++------- .../custom/eql/scss/pages/_actualite.scss | 143 ++++++++----- web/themes/custom/eql/scss/pages/_projet.scss | 196 ++++++++++-------- .../custom/eql/scss/pages/_ressource.scss | 12 +- web/themes/custom/eql/scss/pages/_static.scss | 4 + .../eql/scss/partials/_nodetyperessource.scss | 101 +++++++++ web/themes/custom/eql/scss/styles.scss | 3 + 7 files changed, 424 insertions(+), 215 deletions(-) create mode 100644 web/themes/custom/eql/scss/partials/_nodetyperessource.scss diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 8f7e48a..f9f015d 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -1021,7 +1021,7 @@ a { 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; + min-width: 30px; 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 { @@ -1047,7 +1047,7 @@ a { 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; + min-width: 30px; 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 { @@ -1059,38 +1059,72 @@ 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 { + background-color: white; + display: flex; + flex-direction: column; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div { + display: flex; + flex-direction: column; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-type-de-ressource { + order: 2; + text-transform: uppercase; + color: #009ee3; + font-weight: 900; + font-size: 0.8rem; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-title { + order: 3; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-title h2 { + 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 div .field--name-title h2 a { + color: black; + font-size: 1rem; + font-weight: 900; + font-style: italic; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-sous-titre { + order: 4; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-auteur-s- { + order: 5; + 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 div .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 div .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 div .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-auteur-s- .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 div .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 div .field--name-field-images { + display: none; + order: 1; + width: 25%; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .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 div .field--name-field-mots-clefs { + order: 6; + display: flex; + margin-top: 2rem; + flex-direction: row; + flex-wrap: wrap; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-mots-clefs .field__item { + margin-right: 0.5rem; + padding-left: 0.3rem; + padding-right: 0.3rem; + font-size: 0.8rem; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div .field--name-field-mots-clefs .field__item a { + background: #09398b; + color: white; + font-weight: 800; + vertical-align: super; + padding-left: 0.1rem; + padding-right: 0.1rem; + display: inline-flex; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource div ul.links.inline { 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 { - 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"); @@ -1670,7 +1704,7 @@ a { margin: auto; } .page-node-type-ressource .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: 50px; + min-width: 30px; height: auto; padding-right: 1rem; } .page-node-type-ressource .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a { @@ -1696,7 +1730,7 @@ a { font-weight: 800; } .page-node-type-ressource .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: 50px; + min-width: 30px; height: auto; padding-right: 1rem; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext { @@ -1716,9 +1750,6 @@ a { background-color: white; display: flex; flex-direction: column; } - .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource::after { - content: url("../images/pictos/noun_Arrow_3771902.svg"); - align-self: flex-end; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div { display: flex; flex-direction: column; } @@ -3023,47 +3054,27 @@ a { overflow: unset; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top { + padding-top: 2rem; display: grid; grid-template-columns: 1fr repeat(8, 1fr) 1fr; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f { - grid-column: 1 / span 10; - background-color: #009ee3; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f .field--name-body { - vertical-align: middle; - color: white; - font-family: 'Source Code Pro'; - font-size: 2rem; - font-weight: 800; - text-transform: uppercase; - margin-left: 10%; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f .field--name-body a { - color: white; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-adresse { - margin-top: 3rem; - grid-column: 2 / span 10; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-adresse .field--name-field-adresse { - text-transform: uppercase; - font-weight: 800; - font-size: 0.9rem; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-adresse .field--name-field-adresse .address { - display: flex; - flex-direction: row; - margin: 0; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-adresse .field--name-field-adresse .address .locality::after { - content: ","; - margin-right: 0.3rem; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle { - grid-column: 2 /span 7; - margin: 0; } + grid-column: 7 / span 9; + grid-row: 2; + margin: 0; + padding-right: 25%; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { font-family: "Source Code Pro"; - font-size: 2.8rem; - font-weight: 500; } + font-size: 1.5rem; + font-weight: 500; + color: #009ee3; } @media (max-width: 810px) { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { font-size: 1.7rem; } } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-equipe { - grid-column: 2 / span 7; } + grid-column: 7 / span 9; + grid-row: 3; + padding-right: 25%; + margin-top: 2rem; } @media (max-width: 810px) { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-equipe { padding-top: 0.5rem; } } @@ -3076,8 +3087,9 @@ a { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-equipe .field--name-field-equipe { font-size: 1rem; } } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-incube { - padding-top: 2rem; - grid-column: 2 / span 4; + grid-column: 7 / span 7; + grid-row: 4; + margin-top: 2rem; width: fit-content; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-incube .field--name-field-incube { background-color: red; @@ -3089,21 +3101,39 @@ a { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-incube { grid-column: 2 / span 4; } } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-photo { - grid-column-start: 5; - grid-column-end: 9; } + grid-column: 2 /span 7; + grid-row: 2 / span 6; } @media (max-width: 810px) { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-photo { grid-column: 1 / span 10; } } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-photo img { - padding-top: 2rem; - width: 600px; - max-height: 360px; + width: 65%; object-fit: cover; } @media (max-width: 810px) { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-photo img { padding-top: 1rem; object-fit: cover; width: 100%; } } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-adresse { + margin-top: 3rem; + grid-row: 10; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-adresse .field--name-field-adresse { + text-transform: uppercase; + font-weight: 800; + font-size: 0.9rem; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-adresse .field--name-field-adresse .address { + display: flex; + flex-direction: row; + margin: 0; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-adresse .field--name-field-adresse .address .locality::after { + content: ","; + margin-right: 0.3rem; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-etape-du-projet { + grid-row: 10; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-moa { + grid-row: 10; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-projet { + grid-row: 10; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--first { margin-top: 5rem; } @@ -3219,13 +3249,12 @@ a { margin: auto; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--mime-application-pdf ::before { content: url("../images/pictos/noun_Download_file_307900.svg"); - min-width: 40px; + min-width: 15px; height: auto; padding-right: 1rem; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .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-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens h2 { @@ -3242,12 +3271,11 @@ a { margin-bottom: 1rem; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .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-projet .layout-content .region-content #block-contenudelapageprincipale .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; + min-width: 15px; height: auto; padding-right: 1rem; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext { diff --git a/web/themes/custom/eql/scss/pages/_actualite.scss b/web/themes/custom/eql/scss/pages/_actualite.scss index 5610f9d..7eccfe1 100644 --- a/web/themes/custom/eql/scss/pages/_actualite.scss +++ b/web/themes/custom/eql/scss/pages/_actualite.scss @@ -338,7 +338,7 @@ margin: auto; ::before{ content: url("../images/pictos/noun_Download_file_307900.svg"); - min-width:40px; + min-width:30px; height: auto; padding-right: 1rem; } @@ -373,7 +373,7 @@ font-weight: 800; &::before{ content: url("../images/pictos/noun_External Link_674151.svg"); - min-width: 40px; + min-width: 30px; height: auto; padding-right: 1rem; } @@ -395,56 +395,99 @@ font-weight: 900; } - .node-type-ressource{ - display: flex; - flex-direction: column; - border: 2px solid $blue-light; - padding: 1rem; - - height: fit-content; - margin-bottom: 1rem; - background-color: $white; - &:first-of-type{ - border-top: 1px solid $blue-light; - padding-top: 1rem; - &::after{ - content: url("../images/pictos/noun_Arrow_3771902.svg"); - align-self: flex-end; + .node-type-ressource{ + border: 2px solid $blue-light; + padding: 1rem; + height: fit-content; + margin-bottom: 1rem; + background-color: $white; + + display: flex; + flex-direction: column; + div{ + display: flex; + flex-direction: column; + .field--name-field-type-de-ressource{ + order: 2; + text-transform: uppercase; + color: $blue-light; + font-weight: 900; + font-size: 0.8rem; + } + .field--name-title{ + order: 3; + h2{ + margin: 0; + a{ + color: $black; + font-size: 1rem; + font-weight: 900; + font-style: italic; + } + } + } + .field--name-field-sous-titre{ + order:4; + } + .field--name-field-auteur-s-{ + order: 5; + font-weight: 800; + p{ + margin: 0; + } + .field__label{ + display:none; + } + } + .field--name-field-edition{ + p{ + margin: 0; + } + .field__label{ + display:none; + } + } + .field--name-field-images{ + display: none; + order: 1; + width: 25%; + + img{ + width: 100%; + height: auto; + } + } + .field--name-field-mots-clefs{ + order: 6; + display: flex; + margin-top: 2rem; + flex-direction: row; + flex-wrap: wrap; + + .field__item{ + + margin-right: 0.5rem; + padding-left: 0.3rem; + padding-right: 0.3rem; + font-size: 0.8rem; + + a{ + background: $blue-dark; + color: $white; + font-weight: 800; + vertical-align: super; + padding-left: 0.1rem; + padding-right: 0.1rem; + display: inline-flex; + } + } + } + ul.links.inline{ + display: none; + } + } } - .field--name-title{ - a{ - color: $black; - font-size: 1.4rem; - font-weight: 600; - - } - } - .field--name-field-auteur-s-{ - font-weight: 800; - p{ - margin: 0; - } - .field__label{ - display:none; - } - } - .field--name-field-edition{ - p{ - margin: 0; - } - .field__label{ - display:none; - } - } - .field--name-field-images{ - width: 50%; - img{ - width: 100%; - height: auto; - } - } - } } } diff --git a/web/themes/custom/eql/scss/pages/_projet.scss b/web/themes/custom/eql/scss/pages/_projet.scss index dcc303f..0b413be 100644 --- a/web/themes/custom/eql/scss/pages/_projet.scss +++ b/web/themes/custom/eql/scss/pages/_projet.scss @@ -13,6 +13,7 @@ .block-region-top{ // position: relative; + padding-top: 2rem; display: grid; grid-template-columns: 1fr repeat(8, 1fr) 1fr; // @media (max-width: 479px) { @@ -20,27 +21,113 @@ // flex-direction: column; // } - .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f{ - grid-column: 1 / span 10; - background-color: $blue-light; + // .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f{ + // grid-column: 1 / span 10; + // background-color: $blue-light; - .field--name-body{ - vertical-align: middle; - color: $white; - font-family: 'Source Code Pro'; - font-size: 2rem; - font-weight: 800; - text-transform: uppercase; - margin-left: 10%; - a{ - color:$white; + // .field--name-body{ + // vertical-align: middle; + // color: $white; + // font-family: 'Source Code Pro'; + // font-size: 2rem; + // font-weight: 800; + // text-transform: uppercase; + // margin-left: 10%; + // a{ + // color:$white; + // } + // } + // } + + + .block-entity-fieldnodetitle{ + + grid-column: 7 / span 9; + grid-row: 2; + margin: 0; + padding-right: 25%; + + .field--name-title{ + font-family: "Source Code Pro"; + font-size: 1.5rem; + font-weight: 500; + color: $blue-light; + @media (max-width: 810px){ + font-size: 1.7rem; } } } - + .block-entity-fieldnodefield-equipe{ + grid-column: 7 / span 9; + grid-row: 3; + padding-right: 25%; + margin-top: 2rem; + + // grid-column: 8 / span 8; + @media (max-width: 810px){ + padding-top: 0.5rem; + } + .field--name-field-equipe{ + color: $blue-dark; + font-size: 1.5rem; + font-weight: 900; + text-transform: uppercase ; + @media (max-width: 810px){ + font-size: 1rem; + } + } + } + .block-entity-fieldnodefield-incube{ + grid-column: 7 / span 7; + grid-row: 4; + margin-top: 2rem ; + // padding-top: 2rem; + // grid-column: 8 ; + width: fit-content; + .field--name-field-incube{ + background-color: red; + color: white; + font-weight: 800; + padding-right: 0.3rem; + padding-left: 0.2rem; + } + @media (max-width: 810px) { + grid-column: 2 / span 4; + } + } + .block-entity-fieldnodefield-photo{ + grid-column: 2 /span 7; + grid-row: 2 / span 6; + @media (max-width: 810px) { + grid-column: 1 / span 10; + + } + img{ + // padding-top: 2rem; + // width: 600px; + width: 65%; + // height: auto; + // max-height: 360px; + object-fit: cover; + @media (max-width: 810px) { + padding-top: 1rem; + object-fit: cover; + width: 100%; + } + } + + // position: relative; + // bottom: -50%; + + } + .block-entity-fieldnodefield-adresse{ margin-top: 3rem; - grid-column: 2 / span 10; + // grid-column: 7 / span 9; + grid-row: 10; + // padding-right: 25%; + + // grid-column: 8 / span 10; .field--name-field-adresse{ text-transform: uppercase; font-weight: 800; @@ -57,73 +144,16 @@ } } - .block-entity-fieldnodetitle{ - grid-column: 2 /span 7; - margin: 0; - .field--name-title{ - font-family: "Source Code Pro"; - font-size: 2.8rem; - font-weight: 500; - @media (max-width: 810px){ - font-size: 1.7rem; - } - } + .block-entity-fieldnodefield-etape-du-projet{ + // grid-column: 2/span 8; + grid-row: 10; } - .block-entity-fieldnodefield-equipe{ - grid-column: 2 / span 7; - @media (max-width: 810px){ - padding-top: 0.5rem; - } - .field--name-field-equipe{ - color: $blue-dark; - font-size: 1.5rem; - font-weight: 900; - text-transform: uppercase ; - @media (max-width: 810px){ - font-size: 1rem; - } - } + .block-entity-fieldnodefield-type-de-moa{ + grid-row: 10; } - .block-entity-fieldnodefield-incube{ - padding-top: 2rem; - grid-column: 2 / span 4; - width: fit-content; - .field--name-field-incube{ - background-color: red; - color: white; - font-weight: 800; - padding-right: 0.3rem; - padding-left: 0.2rem; + .block-entity-fieldnodefield-type-de-projet{ + grid-row: 10; } - @media (max-width: 810px) { - grid-column: 2 / span 4; - } - } - .block-entity-fieldnodefield-photo{ - grid-column-start: 5; - grid-column-end: 9; - @media (max-width: 810px) { - grid-column: 1 / span 10; - - } - img{ - padding-top: 2rem; - width: 600px; - // height: auto; - max-height: 360px; - object-fit: cover; - @media (max-width: 810px) { - padding-top: 1rem; - object-fit: cover; - width: 100%; - } - } - - // position: relative; - // bottom: -50%; - - } - } } @@ -298,14 +328,14 @@ margin: auto; ::before{ content: url("../images/pictos/noun_Download_file_307900.svg"); - min-width:40px; + min-width:15px; height: auto; padding-right: 1rem; } a{ hyphens: auto; display: inline-flex; - align-items: center; + // align-items: center; color: $blue-light; font-weight: 800; // max-width: 80px ; @@ -331,12 +361,12 @@ } a{ display: inline-flex; - align-items: center; + // align-items: center; color: $blue-light; font-weight: 800; &::before{ content: url("../images/pictos/noun_External Link_674151.svg"); - min-width: 40px; + min-width: 15px; height: auto; padding-right: 1rem; } diff --git a/web/themes/custom/eql/scss/pages/_ressource.scss b/web/themes/custom/eql/scss/pages/_ressource.scss index d32caed..febad87 100644 --- a/web/themes/custom/eql/scss/pages/_ressource.scss +++ b/web/themes/custom/eql/scss/pages/_ressource.scss @@ -210,7 +210,7 @@ margin: auto; ::before{ content: url("../images/pictos/noun_Download_file_307900.svg"); - min-width:50px; + min-width:30px; height: auto; padding-right: 1rem; } @@ -245,7 +245,7 @@ font-weight: 800; &::before{ content: url("../images/pictos/noun_External Link_674151.svg"); - min-width: 50px; + min-width: 30px; height: auto; padding-right: 1rem; } @@ -284,10 +284,10 @@ // } display: flex; flex-direction: column; - &::after{ - content: url("../images/pictos/noun_Arrow_3771902.svg"); - align-self: flex-end; - } + // &::after{ + // content: url("../images/pictos/noun_Arrow_3771902.svg"); + // align-self: flex-end; + // } div{ display: flex; flex-direction: column; diff --git a/web/themes/custom/eql/scss/pages/_static.scss b/web/themes/custom/eql/scss/pages/_static.scss index 51df3fd..7d29881 100644 --- a/web/themes/custom/eql/scss/pages/_static.scss +++ b/web/themes/custom/eql/scss/pages/_static.scss @@ -1,3 +1,7 @@ + + + + .path-node.page-node-type-static{ .layout-container{ overflow: unset; diff --git a/web/themes/custom/eql/scss/partials/_nodetyperessource.scss b/web/themes/custom/eql/scss/partials/_nodetyperessource.scss new file mode 100644 index 0000000..0236d25 --- /dev/null +++ b/web/themes/custom/eql/scss/partials/_nodetyperessource.scss @@ -0,0 +1,101 @@ +.node-type-ressource{ + // border: 2px solid $blue-light; + // padding: 1rem; + // height: fit-content; + // margin-bottom: 1rem; + // background-color: $white; + + display: flex; + flex-direction: column; + &::after{ + content: url("../images/pictos/noun_Arrow_3771902.svg"); + align-self: flex-end; + } + div{ + display: flex; + flex-direction: column; + .field--name-field-type-de-ressource{ + order: 2; + text-transform: uppercase; + color: $blue-light; + font-weight: 900; + font-size: 0.8rem; + } + .field--name-title{ + order: 3; + h2{ + margin: 0; + a{ + color: $black; + font-size: 1rem; + font-weight: 900; + font-style: italic; + } + } + } + .field--name-field-sous-titre{ + order:4; + } + .field--name-field-auteur-s-{ + order: 5; + font-weight: 800; + p{ + margin: 0; + } + .field__label{ + display:none; + } + } + .field--name-field-edition{ + display: none; + p{ + margin: 0; + } + .field__label{ + display:none; + } + } + .field--name-field-images{ + // display: none; + order: 1; + width: 25%; + + img{ + width: 100%; + height: auto; + } + } + .field--name-field-date-de-parution{ + order: 6 + } + .field--name-field-mots-clefs{ + order: 7; + display: flex; + margin-top: 2rem; + flex-direction: row; + flex-wrap: wrap; + + .field__item{ + + margin-right: 0.5rem; + padding-left: 0.3rem; + padding-right: 0.3rem; + font-size: 0.8rem; + + a{ + background: $blue-dark; + color: $white; + font-weight: 800; + vertical-align: super; + padding-left: 0.1rem; + padding-right: 0.1rem; + display: inline-flex; + } + } + } + ul.links.inline{ + display: none; + } + + } +} \ No newline at end of file diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss index 174a3a6..2c2520a 100644 --- a/web/themes/custom/eql/scss/styles.scss +++ b/web/themes/custom/eql/scss/styles.scss @@ -15,6 +15,8 @@ @import "global/_typography"; @import "global/_mediaqueries"; +// @import "global/_nodetyperessource.scss"; + @@ -58,3 +60,4 @@ @import "partials/_footer"; @import "partials/_slick-slider.scss"; @import "partials/_slick-theme.scss"; +// @import "partials/_nodetyperessource.scss";