diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 414c045..afd8bb6 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -1197,147 +1197,148 @@ a { background-color: #009ee3; text-transform: uppercase; } -.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale span { - padding-top: 3rem; - padding-bottom: 3rem; - vertical-align: middle; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale span h2 { - margin: 0; - padding-top: 2rem; - height: 4rem; - color: white; - font-family: "Source Code Pro"; - text-transform: uppercase; - background: #009ee3; - padding-left: 13%; } - -.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content { - position: relative; - background: url("../images/pictos/carre-contour-bleu_bdd.svg"); - background-repeat: no-repeat; - background-position-y: 30vh; - max-width: 100vw; - background-size: cover; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 { - background: rgba(0, 158, 227, 0.2); - height: fit-content; - display: flex; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div { - width: 100%; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections { - height: 100%; - display: flex; - width: 60%; - margin: auto; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content { +.path-ressources.basededonnees .layout-content { + width: 100vw; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale span { + padding-top: 3rem; + padding-bottom: 3rem; + vertical-align: middle; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale span h2 { + margin: 0; + padding-top: 2rem; + height: 4rem; + color: white; + font-family: "Source Code Pro"; + text-transform: uppercase; + background: #009ee3; + padding-left: 13%; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content { + position: relative; + background: url("../images/pictos/carre-contour-bleu_bdd.svg"); + background-repeat: no-repeat; + background-position-y: 30vh; + max-width: 100vw; + background-size: cover; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 { + background: rgba(0, 158, 227, 0.2); + height: fit-content; + display: flex; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div { + width: 100%; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections { + height: 100%; + display: flex; + width: 60%; + margin: auto; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content { + display: flex; + flex-direction: row; + margin: auto; + margin-top: 2rem; + margin-bottom: 2rem; + justify-content: space-between; + align-items: center; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row { + background: white; + width: 46%; + height: 80%; + padding: 1rem; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row a { + color: black; + font-size: 1.5rem; + font-weight: 600; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover { + background: #09398b; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover a { + color: white; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { + margin: 2rem; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction { + width: 65%; + margin: auto; + background: white; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 { + margin: auto; + width: 60%; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters { + display: none; + background-color: white; + margin-top: 2rem; + margin-bottom: 2rem; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 { + width: fit-content; + display: flex; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .js-form-item.form-item.js-form-type-select.form-item-field-type-de-ressource-target-id.js-form-item-field-type-de-ressource-target-id { + width: fit-content; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .form-item { + width: fit-content; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .form-item-field-type-de-ressource-target-id { + width: fit-content; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content { display: flex; flex-direction: row; - margin: auto; - margin-top: 2rem; - margin-bottom: 2rem; + flex-wrap: wrap; justify-content: space-between; - align-items: center; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row { - background: white; - width: 46%; - height: 80%; - padding: 1rem; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row a { - color: black; - font-size: 1.5rem; - font-weight: 600; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover { - background: #09398b; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover a { - color: white; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { - margin: 2rem; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction { - width: 65%; - margin: auto; - background: white; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 { - margin: auto; - width: 60%; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters { - display: none; - background-color: white; - margin-top: 2rem; - margin-bottom: 2rem; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 { - width: fit-content; - display: flex; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .js-form-item.form-item.js-form-type-select.form-item-field-type-de-ressource-target-id.js-form-item-field-type-de-ressource-target-id { - width: fit-content; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .form-item { - width: fit-content; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .form-item-field-type-de-ressource-target-id { - width: fit-content; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: space-between; - margin-top: 3rem; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row { - width: 49%; - min-height: 300px; - border: 2px solid #009ee3; - background-color: white; - margin-bottom: 1rem; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource { - display: flex; - flex-direction: column; - padding: 1rem; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource:hover { - background-color: #009ee3; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource { - text-transform: uppercase; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource a { - color: #009ee3; - font-weight: 900; - font-size: 0.8rem; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 { - margin: 0; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 a { - color: black; - font-size: 1.4rem; - font-weight: 600; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- { - font-weight: 800; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- p { - margin: 0; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- .field__label { - display: none; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition p { - margin: 0; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition .field__label { - display: none; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images { - display: none; - width: 50%; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images img { - width: 100%; - height: auto; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs { + margin-top: 3rem; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row { + width: 49%; + min-height: 300px; + border: 2px solid #009ee3; + background-color: white; + margin-bottom: 1rem; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource { display: flex; - margin-top: 2rem; - flex-direction: row; - flex-wrap: wrap; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs .field__item { - margin-right: 1rem; - padding-left: 0.3rem; - padding-right: 0.3rem; } - .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .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-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource ul.links.inline { - display: none; } + flex-direction: column; + padding: 1rem; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource:hover { + background-color: #009ee3; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource { + text-transform: uppercase; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource a { + color: #009ee3; + font-weight: 900; + font-size: 0.8rem; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 { + margin: 0; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 a { + color: black; + font-size: 1.4rem; + font-weight: 600; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- { + font-weight: 800; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- p { + margin: 0; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- .field__label { + display: none; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition p { + margin: 0; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition .field__label { + display: none; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images { + display: none; + width: 50%; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images img { + width: 100%; + height: auto; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs { + display: flex; + margin-top: 2rem; + flex-direction: row; + flex-wrap: wrap; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs .field__item { + margin-right: 1rem; + padding-left: 0.3rem; + padding-right: 0.3rem; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .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-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource ul.links.inline { + display: none; } .page-node-type-ressource .layout__region--top .block-region-top { margin-top: 2rem; diff --git a/web/themes/custom/eql/scss/pages/_basededonnees.scss b/web/themes/custom/eql/scss/pages/_basededonnees.scss index 17effb7..0211b6a 100644 --- a/web/themes/custom/eql/scss/pages/_basededonnees.scss +++ b/web/themes/custom/eql/scss/pages/_basededonnees.scss @@ -1,5 +1,6 @@ .path-ressources.basededonnees{ .layout-content{ + width: 100vw; .region-content{ #block-contenudelapageprincipale{