Kaynağa Gözat

css fichier unique node ressource teaser

ouidade 1 hafta önce
ebeveyn
işleme
ac7654c8f2

+ 189 - 163
web/themes/custom/eql/dist/assets/css/bundle.css

@@ -2139,6 +2139,31 @@ svg.ext {
   display: none;
 }
 
+.path-taxonomy #block-contenudelapageprincipale span {
+  display: none;
+}
+.path-taxonomy .view-taxonomy-term .view-header {
+  width: 80%;
+  margin: auto;
+}
+.path-taxonomy .view-taxonomy-term .view-content {
+  width: 80%;
+  margin: auto;
+}
+.path-taxonomy .view-taxonomy-term .view-content .views-row-wrapper {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.path-taxonomy .view-taxonomy-term .view-content .views-row-wrapper .views-row {
+  width: 30%;
+}
+.path-taxonomy .view-taxonomy-term .view-content .views-row-wrapper .views-row {
+  display: flex;
+  width: 25%;
+  max-width: fit-content;
+}
+
 .page-node-type-ressource .layout-container {
   overflow: visible;
 }
@@ -5426,169 +5451,6 @@ svg.ext {
   width: 25%;
   max-width: fit-content;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource {
-  margin-bottom: 1rem;
-  padding-right: 1rem;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .ext {
-  color: black;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource svg.ext {
-  display: none;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource {
-  display: grid;
-  grid-template-columns: 1fr 1.8fr;
-  grid-template-rows: repeat(5 1fr);
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-type-de-ressource {
-  order: 2;
-  grid-row: 2;
-  margin-bottom: 1rem;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-type-de-media {
-  order: 1;
-  grid-row: 1;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-images {
-  order: 3;
-  grid-row: 3/span 5;
-  height: auto;
-  width: 90%;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-images img {
-  height: auto;
-  width: 90%;
-  border: 1px solid #a3a3a3;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-title {
-  grid-row: 3;
-  margin-top: 0;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-title a {
-  color: rgb(0, 158, 227);
-  font-size: 1.2rem;
-  font-style: normal;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-sous-titre {
-  grid-row: 4;
-  color: rgb(0, 158, 227);
-  font-size: 0.8rem;
-  font-weight: 800;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-auteur-s- {
-  grid-row: 5;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-edition {
-  grid-row: 6;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-date-de-parution {
-  grid-row: 7;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-mots-clefs {
-  grid-row: 8;
-}
-@media (max-width: 479px) {
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource {
-    margin-left: 0;
-  }
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource,
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-media {
-  grid-column: 1;
-  text-transform: uppercase;
-  line-height: 1.1rem;
-  margin-top: 0.5rem;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource a,
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-media a {
-  color: rgb(0, 158, 227);
-  font-weight: 900;
-  font-size: 0.8rem;
-  pointer-events: none;
-  cursor: default;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-title {
-  grid-column: 2;
-  margin-top: 0.5rem;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-title h2 {
-  margin: 0;
-  line-height: 1rem;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-title h2 a {
-  color: rgb(0, 0, 0);
-  font-size: 1rem;
-  font-weight: 900;
-  font-style: italic;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-auteur-s- {
-  grid-column: 2;
-  margin-top: 0.5rem;
-  font-weight: 800;
-  line-height: 1.1rem;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-auteur-s- p {
-  margin: 0;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-auteur-s- .field__label {
-  display: none;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-sous-titre {
-  grid-column: 2;
-  margin-top: 0.5rem;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-edition {
-  grid-column: 2;
-  margin-top: 0.5rem;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-edition p {
-  margin: 0;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-edition .field__label {
-  display: none;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-images {
-  grid-column: 1;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-images .field__item {
-  height: 100px;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-images img {
-  height: 100%;
-  width: auto;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-date-de-parution {
-  grid-column: 2;
-  margin-top: 0.3rem;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-mots-clefs {
-  grid-column: 2;
-  display: flex;
-  margin-top: 1rem;
-  flex-direction: row;
-  flex-wrap: wrap;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .field__item {
-  margin-right: 0.5rem;
-  padding-left: 0.3rem;
-  padding-right: 0.3rem;
-  font-size: 0.7rem;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .field__item a {
-  background: rgb(9, 57, 139);
-  color: rgb(255, 255, 255);
-  font-weight: 800;
-  vertical-align: super;
-  padding-left: 0.1rem;
-  padding-right: 0.1rem;
-  display: inline-flex;
-  pointer-events: none;
-  cursor: default;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource ul.links.inline {
-  display: none;
-}
 @media (max-width: 810px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper {
     flex-direction: column;
@@ -6328,4 +6190,168 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
   background-color: transparent;
   font-family: "Marianne";
   font-size: 1rem;
+}
+
+.node-type-ressource {
+  margin-bottom: 1rem;
+  padding-right: 1rem;
+}
+.node-type-ressource .ext {
+  color: black;
+}
+.node-type-ressource svg.ext {
+  display: none;
+}
+.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource {
+  display: grid;
+  grid-template-columns: 1fr 1.8fr;
+  grid-template-rows: repeat(5 1fr);
+}
+.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-type-de-ressource {
+  order: 2;
+  grid-row: 2;
+  margin-bottom: 1rem;
+}
+.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-type-de-media {
+  order: 1;
+  grid-row: 1;
+}
+.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-images {
+  order: 3;
+  grid-row: 3/span 5;
+  height: auto;
+  width: 90%;
+}
+.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-images img {
+  height: auto;
+  width: 90%;
+  border: 1px solid #a3a3a3;
+}
+.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-title {
+  grid-row: 3;
+  margin-top: 0;
+}
+.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-title a {
+  color: rgb(0, 158, 227);
+  font-size: 1.2rem;
+  font-style: normal;
+}
+.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-sous-titre {
+  grid-row: 4;
+  color: rgb(0, 158, 227);
+  font-size: 0.8rem;
+  font-weight: 800;
+}
+.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-auteur-s- {
+  grid-row: 5;
+}
+.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-edition {
+  grid-row: 6;
+}
+.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-date-de-parution {
+  grid-row: 7;
+}
+.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-mots-clefs {
+  grid-row: 8;
+}
+@media (max-width: 479px) {
+  .node-type-ressource {
+    margin-left: 0;
+  }
+}
+.node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource,
+.node-type-ressource .wrapper-ressource .field--name-field-type-de-media {
+  grid-column: 1;
+  text-transform: uppercase;
+  line-height: 1.1rem;
+  margin-top: 0.5rem;
+}
+.node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource a,
+.node-type-ressource .wrapper-ressource .field--name-field-type-de-media a {
+  color: rgb(0, 158, 227);
+  font-weight: 900;
+  font-size: 0.8rem;
+  pointer-events: none;
+  cursor: default;
+}
+.node-type-ressource .wrapper-ressource .field--name-title {
+  grid-column: 2;
+  margin-top: 0.5rem;
+}
+.node-type-ressource .wrapper-ressource .field--name-title h2 {
+  margin: 0;
+  line-height: 1rem;
+}
+.node-type-ressource .wrapper-ressource .field--name-title h2 a {
+  color: rgb(0, 0, 0);
+  font-size: 1rem;
+  font-weight: 900;
+  font-style: italic;
+}
+.node-type-ressource .wrapper-ressource .field--name-field-auteur-s- {
+  grid-column: 2;
+  margin-top: 0.5rem;
+  font-weight: 800;
+  line-height: 1.1rem;
+}
+.node-type-ressource .wrapper-ressource .field--name-field-auteur-s- p {
+  margin: 0;
+}
+.node-type-ressource .wrapper-ressource .field--name-field-auteur-s- .field__label {
+  display: none;
+}
+.node-type-ressource .wrapper-ressource .field--name-field-sous-titre {
+  grid-column: 2;
+  margin-top: 0.5rem;
+}
+.node-type-ressource .wrapper-ressource .field--name-field-edition {
+  grid-column: 2;
+  margin-top: 0.5rem;
+}
+.node-type-ressource .wrapper-ressource .field--name-field-edition p {
+  margin: 0;
+}
+.node-type-ressource .wrapper-ressource .field--name-field-edition .field__label {
+  display: none;
+}
+.node-type-ressource .wrapper-ressource .field--name-field-images {
+  grid-column: 1;
+}
+.node-type-ressource .wrapper-ressource .field--name-field-images .field__item {
+  height: 100px;
+}
+.node-type-ressource .wrapper-ressource .field--name-field-images img {
+  height: 100%;
+  width: auto;
+}
+.node-type-ressource .wrapper-ressource .field--name-field-date-de-parution {
+  grid-column: 2;
+  margin-top: 0.3rem;
+}
+.node-type-ressource .wrapper-ressource .field--name-field-mots-clefs {
+  grid-column: 2;
+  display: flex;
+  margin-top: 1rem;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .field__item {
+  margin-right: 0.5rem;
+  padding-left: 0.3rem;
+  padding-right: 0.3rem;
+  font-size: 0.7rem;
+}
+.node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .field__item a {
+  background: rgb(9, 57, 139);
+  color: rgb(255, 255, 255);
+  font-weight: 800;
+  vertical-align: super;
+  padding-left: 0.1rem;
+  padding-right: 0.1rem;
+  display: inline-flex;
+  pointer-events: none;
+  cursor: default;
+}
+.node-type-ressource .wrapper-ressource ul.links.inline {
+  display: none;
 }

+ 208 - 0
web/themes/custom/eql/scss/pages/_path-taxonomy.scss

@@ -0,0 +1,208 @@
+.path-taxonomy{
+    #block-contenudelapageprincipale span{
+        display: none;
+    }
+    .view-taxonomy-term{
+        .view-header{
+            width: 80%;
+            margin: auto;
+        }
+        .view-content{
+            width: 80%;
+            margin: auto;
+            .views-row-wrapper{
+                display: flex;
+                flex-direction: row;
+                flex-wrap: wrap;
+                
+                .views-row{
+                    width: 30%;
+                }
+                .views-row{
+                    display: flex;
+                    width: 25%;
+                    max-width: fit-content;
+                                                        
+                    // .node-type-ressource{
+                    //     margin-bottom: 1rem ;
+                    //     padding-right: 1rem;  
+                    //     .ext{
+                    //         color: black;
+                    //     }
+                    //     svg.ext{
+                    //         display: none;
+                    //     }
+                    //     &.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain{
+                    //         // background-color: $background-actus;
+                    //         .wrapper-ressource{
+                    //             display: grid;
+                    //             grid-template-columns: 1fr 1.8fr; 
+                    //             grid-template-rows: repeat(5 1fr);
+                    //             .field--name-field-type-de-ressource{
+                    //                 order: 2;
+                    //                 grid-row: 2;
+                    //                 margin-bottom: 1rem;
+                    //             }
+                    //             .field--name-field-type-de-media{
+                    //                 order: 1;
+                    //                 grid-row: 1;
+                                    
+                    //             }
+                    //             .field--name-field-images{
+                    //                 order: 3;
+                    //                 grid-row: 3 /span 5;
+                    //                 height: auto;
+                    //                 width: 90%;
+                    //                 img{
+                    //                     height: auto;
+                    //                     width: 90%;
+                    //                     border: 1px solid #a3a3a3;
+                    //                 }
+                    //             }
+                    //             .field--name-title{
+                    //                 grid-row: 3;
+                    //                 margin-top: 0;
+                    //                 a{
+                    //                     color: $blue-light;
+                    //                     font-size: 1.2rem;
+                    //                     font-style: normal;
+                    //                 }
+                    //             }
+                    //             .field--name-field-sous-titre{
+                    //                 grid-row: 4;
+                    //                 color: $blue-light;
+                    //                 font-size: 0.8rem;
+                    //                 font-weight: 800;
+                    //             }
+                    //             .field--name-field-auteur-s-{
+                    //                 grid-row: 5;
+                    //             }
+                    //             .field--name-field-edition{
+                    //                 grid-row: 6;
+                    //             }
+                    //             .field--name-field-date-de-parution{
+                    //                 grid-row: 7;
+                    //             }
+                    //             .field--name-field-mots-clefs{
+                    //                 grid-row: 8;
+                    //             }
+                    //         }
+                    //     }
+                    //     &.type-de-ressource-Paroles-de-lauréats{
+                    //         // background-color: $background-actus;
+                    //     }
+                    //     @media (max-width: 479px) {
+                    //         margin-left: 0;                                                
+                    //     }   
+                    //     .wrapper-ressource{    
+                                                                               
+                    //         .field--name-field-type-de-ressource, 
+                    //         .field--name-field-type-de-media{
+                    //             grid-column: 1;
+                    //             text-transform: uppercase;
+                    //             line-height: 1.1rem;
+                    //             margin-top: 0.5rem;                                              
+                    //             a{
+                    //                 color: $blue-light;
+                    //                 font-weight: 900;
+                    //                 font-size: 0.8rem;
+                    //                 pointer-events: none;
+                    //                 cursor: default;
+                    //             }
+                    //         }
+                    //         .field--name-title{
+                    //             grid-column: 2;
+                    //             margin-top: 0.5rem;
+
+                    //             h2{
+                    //                 margin: 0;
+                    //                 line-height: 1rem;
+                    //                 a{
+                    //                     color: $black;
+                    //                     font-size: 1rem;
+                    //                     font-weight: 900;
+                    //                     font-style: italic;
+                    //                 }
+
+                    //             }
+                    //         }
+                    //         .field--name-field-auteur-s-{
+                    //             grid-column: 2;
+                    //             margin-top: 0.5rem;
+                    //             font-weight: 800;
+                    //             line-height: 1.1rem;
+                    //             p{
+                    //                 margin: 0;
+                                    
+                    //             }
+                    //             .field__label{
+                    //                 display:none;
+                    //             }
+                    //         }
+                    //         .field--name-field-sous-titre{
+                    //             grid-column: 2;
+                    //             margin-top: 0.5rem;
+                    //         }
+                    //         .field--name-field-edition{
+                    //             grid-column: 2;
+                    //             margin-top: 0.5rem;
+                    //             p{
+                    //                 margin: 0;
+                    //             }
+                    //             .field__label{
+                    //                 display:none;
+                    //             }
+                    //         }
+                    //         .field--name-field-images{
+                    //             grid-column: 1;
+                    //             .field__item{
+                    //                 height: 100px;
+                    //             }
+                    //             img{
+                    //                 height: 100%;
+                    //                 width: auto;
+                    //             }
+                    //         }
+                    //         .field--name-field-date-de-parution{
+                    //             grid-column: 2;
+                    //             margin-top: 0.3rem;
+                    //         }
+                    //         .field--name-field-mots-clefs{
+                    //             grid-column: 2;
+                    //             display: flex;
+                    //             margin-top: 1rem;
+                    //             flex-direction: row;
+                    //             flex-wrap: wrap;
+                            
+                    //             .field__item{
+                    //                 margin-right: 0.5rem;
+                    //                 padding-left: 0.3rem;
+                    //                 padding-right: 0.3rem;
+                    //                 font-size: 0.7rem;
+                                
+                    //                 a{
+                    //                     background: $blue-dark;
+                    //                     color: $white;
+                    //                     font-weight: 800;
+                    //                     vertical-align: super;
+                    //                     padding-left: 0.1rem;
+                    //                     padding-right: 0.1rem;
+                    //                     display: inline-flex;
+                    //                     pointer-events: none;
+                    //                     cursor: default;
+                    //                 }
+                    //             }
+                    //         }
+                    //         ul.links.inline{
+                    //             display: none;
+                    //         }
+                    //     } 
+                    // }
+                    
+                } 
+        
+            }
+        }
+
+    }
+}

+ 168 - 168
web/themes/custom/eql/scss/pages/ressources.scss

@@ -211,181 +211,181 @@
                                                     width: 25%;
                                                     max-width: fit-content;
                                                                                         
-                                                    .node-type-ressource{
-                                                        margin-bottom: 1rem ;
-                                                        padding-right: 1rem;  
-                                                        .ext{
-                                                            color: black;
-                                                        }
-                                                        svg.ext{
-                                                            display: none;
-                                                        }
-                                                        &.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain{
-                                                            // background-color: $background-actus;
-                                                            .wrapper-ressource{
-                                                                display: grid;
-                                                                grid-template-columns: 1fr 1.8fr; 
-                                                                grid-template-rows: repeat(5 1fr);
-                                                                .field--name-field-type-de-ressource{
-                                                                    order: 2;
-                                                                    grid-row: 2;
-                                                                    margin-bottom: 1rem;
-                                                                }
-                                                                .field--name-field-type-de-media{
-                                                                    order: 1;
-                                                                    grid-row: 1;
+                                                    // .node-type-ressource{
+                                                    //     margin-bottom: 1rem ;
+                                                    //     padding-right: 1rem;  
+                                                    //     .ext{
+                                                    //         color: black;
+                                                    //     }
+                                                    //     svg.ext{
+                                                    //         display: none;
+                                                    //     }
+                                                    //     &.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain{
+                                                    //         // background-color: $background-actus;
+                                                    //         .wrapper-ressource{
+                                                    //             display: grid;
+                                                    //             grid-template-columns: 1fr 1.8fr; 
+                                                    //             grid-template-rows: repeat(5 1fr);
+                                                    //             .field--name-field-type-de-ressource{
+                                                    //                 order: 2;
+                                                    //                 grid-row: 2;
+                                                    //                 margin-bottom: 1rem;
+                                                    //             }
+                                                    //             .field--name-field-type-de-media{
+                                                    //                 order: 1;
+                                                    //                 grid-row: 1;
                                                                     
-                                                                }
-                                                                .field--name-field-images{
-                                                                    order: 3;
-                                                                    grid-row: 3 /span 5;
-                                                                    height: auto;
-                                                                    width: 90%;
-                                                                    img{
-                                                                        height: auto;
-                                                                        width: 90%;
-                                                                        border: 1px solid #a3a3a3;
-                                                                    }
-                                                                }
-                                                                .field--name-title{
-                                                                    grid-row: 3;
-                                                                    margin-top: 0;
-                                                                    a{
-                                                                        color: $blue-light;
-                                                                        font-size: 1.2rem;
-                                                                        font-style: normal;
-                                                                    }
-                                                                }
-                                                                .field--name-field-sous-titre{
-                                                                    grid-row: 4;
-                                                                    color: $blue-light;
-                                                                    font-size: 0.8rem;
-                                                                    font-weight: 800;
-                                                                }
-                                                                .field--name-field-auteur-s-{
-                                                                    grid-row: 5;
-                                                                }
-                                                                .field--name-field-edition{
-                                                                    grid-row: 6;
-                                                                }
-                                                                .field--name-field-date-de-parution{
-                                                                    grid-row: 7;
-                                                                }
-                                                                .field--name-field-mots-clefs{
-                                                                    grid-row: 8;
-                                                                }
-                                                            }
-                                                        }
-                                                        &.type-de-ressource-Paroles-de-lauréats{
-                                                            // background-color: $background-actus;
-                                                        }
-                                                        @media (max-width: 479px) {
-                                                            margin-left: 0;                                                
-                                                        }   
-                                                        .wrapper-ressource{    
+                                                    //             }
+                                                    //             .field--name-field-images{
+                                                    //                 order: 3;
+                                                    //                 grid-row: 3 /span 5;
+                                                    //                 height: auto;
+                                                    //                 width: 90%;
+                                                    //                 img{
+                                                    //                     height: auto;
+                                                    //                     width: 90%;
+                                                    //                     border: 1px solid #a3a3a3;
+                                                    //                 }
+                                                    //             }
+                                                    //             .field--name-title{
+                                                    //                 grid-row: 3;
+                                                    //                 margin-top: 0;
+                                                    //                 a{
+                                                    //                     color: $blue-light;
+                                                    //                     font-size: 1.2rem;
+                                                    //                     font-style: normal;
+                                                    //                 }
+                                                    //             }
+                                                    //             .field--name-field-sous-titre{
+                                                    //                 grid-row: 4;
+                                                    //                 color: $blue-light;
+                                                    //                 font-size: 0.8rem;
+                                                    //                 font-weight: 800;
+                                                    //             }
+                                                    //             .field--name-field-auteur-s-{
+                                                    //                 grid-row: 5;
+                                                    //             }
+                                                    //             .field--name-field-edition{
+                                                    //                 grid-row: 6;
+                                                    //             }
+                                                    //             .field--name-field-date-de-parution{
+                                                    //                 grid-row: 7;
+                                                    //             }
+                                                    //             .field--name-field-mots-clefs{
+                                                    //                 grid-row: 8;
+                                                    //             }
+                                                    //         }
+                                                    //     }
+                                                    //     &.type-de-ressource-Paroles-de-lauréats{
+                                                    //         // background-color: $background-actus;
+                                                    //     }
+                                                    //     @media (max-width: 479px) {
+                                                    //         margin-left: 0;                                                
+                                                    //     }   
+                                                    //     .wrapper-ressource{    
                                                                                                                
-                                                            .field--name-field-type-de-ressource, 
-                                                            .field--name-field-type-de-media{
-                                                                grid-column: 1;
-                                                                text-transform: uppercase;
-                                                                line-height: 1.1rem;
-                                                                margin-top: 0.5rem;                                              
-                                                                a{
-                                                                    color: $blue-light;
-                                                                    font-weight: 900;
-                                                                    font-size: 0.8rem;
-                                                                    pointer-events: none;
-                                                                    cursor: default;
-                                                                }
-                                                            }
-                                                            .field--name-title{
-                                                                grid-column: 2;
-                                                                margin-top: 0.5rem;
+                                                    //         .field--name-field-type-de-ressource, 
+                                                    //         .field--name-field-type-de-media{
+                                                    //             grid-column: 1;
+                                                    //             text-transform: uppercase;
+                                                    //             line-height: 1.1rem;
+                                                    //             margin-top: 0.5rem;                                              
+                                                    //             a{
+                                                    //                 color: $blue-light;
+                                                    //                 font-weight: 900;
+                                                    //                 font-size: 0.8rem;
+                                                    //                 pointer-events: none;
+                                                    //                 cursor: default;
+                                                    //             }
+                                                    //         }
+                                                    //         .field--name-title{
+                                                    //             grid-column: 2;
+                                                    //             margin-top: 0.5rem;
             
-                                                                h2{
-                                                                    margin: 0;
-                                                                    line-height: 1rem;
-                                                                    a{
-                                                                        color: $black;
-                                                                        font-size: 1rem;
-                                                                        font-weight: 900;
-                                                                        font-style: italic;
-                                                                    }
+                                                    //             h2{
+                                                    //                 margin: 0;
+                                                    //                 line-height: 1rem;
+                                                    //                 a{
+                                                    //                     color: $black;
+                                                    //                     font-size: 1rem;
+                                                    //                     font-weight: 900;
+                                                    //                     font-style: italic;
+                                                    //                 }
                             
-                                                                }
-                                                            }
-                                                            .field--name-field-auteur-s-{
-                                                                grid-column: 2;
-                                                                margin-top: 0.5rem;
-                                                                font-weight: 800;
-                                                                line-height: 1.1rem;
-                                                                p{
-                                                                    margin: 0;
+                                                    //             }
+                                                    //         }
+                                                    //         .field--name-field-auteur-s-{
+                                                    //             grid-column: 2;
+                                                    //             margin-top: 0.5rem;
+                                                    //             font-weight: 800;
+                                                    //             line-height: 1.1rem;
+                                                    //             p{
+                                                    //                 margin: 0;
                                                                     
-                                                                }
-                                                                .field__label{
-                                                                    display:none;
-                                                                }
-                                                            }
-                                                            .field--name-field-sous-titre{
-                                                                grid-column: 2;
-                                                                margin-top: 0.5rem;
-                                                            }
-                                                            .field--name-field-edition{
-                                                                grid-column: 2;
-                                                                margin-top: 0.5rem;
-                                                                p{
-                                                                    margin: 0;
-                                                                }
-                                                                .field__label{
-                                                                    display:none;
-                                                                }
-                                                            }
-                                                            .field--name-field-images{
-                                                                grid-column: 1;
-                                                                .field__item{
-                                                                    height: 100px;
-                                                                }
-                                                                img{
-                                                                    height: 100%;
-                                                                    width: auto;
-                                                                }
-                                                            }
-                                                            .field--name-field-date-de-parution{
-                                                                grid-column: 2;
-                                                                margin-top: 0.3rem;
-                                                            }
-                                                            .field--name-field-mots-clefs{
-                                                                grid-column: 2;
-                                                                display: flex;
-                                                                margin-top: 1rem;
-                                                                flex-direction: row;
-                                                                flex-wrap: wrap;
+                                                    //             }
+                                                    //             .field__label{
+                                                    //                 display:none;
+                                                    //             }
+                                                    //         }
+                                                    //         .field--name-field-sous-titre{
+                                                    //             grid-column: 2;
+                                                    //             margin-top: 0.5rem;
+                                                    //         }
+                                                    //         .field--name-field-edition{
+                                                    //             grid-column: 2;
+                                                    //             margin-top: 0.5rem;
+                                                    //             p{
+                                                    //                 margin: 0;
+                                                    //             }
+                                                    //             .field__label{
+                                                    //                 display:none;
+                                                    //             }
+                                                    //         }
+                                                    //         .field--name-field-images{
+                                                    //             grid-column: 1;
+                                                    //             .field__item{
+                                                    //                 height: 100px;
+                                                    //             }
+                                                    //             img{
+                                                    //                 height: 100%;
+                                                    //                 width: auto;
+                                                    //             }
+                                                    //         }
+                                                    //         .field--name-field-date-de-parution{
+                                                    //             grid-column: 2;
+                                                    //             margin-top: 0.3rem;
+                                                    //         }
+                                                    //         .field--name-field-mots-clefs{
+                                                    //             grid-column: 2;
+                                                    //             display: flex;
+                                                    //             margin-top: 1rem;
+                                                    //             flex-direction: row;
+                                                    //             flex-wrap: wrap;
                                                             
-                                                                .field__item{
-                                                                    margin-right: 0.5rem;
-                                                                    padding-left: 0.3rem;
-                                                                    padding-right: 0.3rem;
-                                                                    font-size: 0.7rem;
+                                                    //             .field__item{
+                                                    //                 margin-right: 0.5rem;
+                                                    //                 padding-left: 0.3rem;
+                                                    //                 padding-right: 0.3rem;
+                                                    //                 font-size: 0.7rem;
                                                                 
-                                                                    a{
-                                                                        background: $blue-dark;
-                                                                        color: $white;
-                                                                        font-weight: 800;
-                                                                        vertical-align: super;
-                                                                        padding-left: 0.1rem;
-                                                                        padding-right: 0.1rem;
-                                                                        display: inline-flex;
-                                                                        pointer-events: none;
-                                                                        cursor: default;
-                                                                    }
-                                                                }
-                                                            }
-                                                            ul.links.inline{
-                                                                display: none;
-                                                            }
-                                                        } 
-                                                    }
+                                                    //                 a{
+                                                    //                     background: $blue-dark;
+                                                    //                     color: $white;
+                                                    //                     font-weight: 800;
+                                                    //                     vertical-align: super;
+                                                    //                     padding-left: 0.1rem;
+                                                    //                     padding-right: 0.1rem;
+                                                    //                     display: inline-flex;
+                                                    //                     pointer-events: none;
+                                                    //                     cursor: default;
+                                                    //                 }
+                                                    //             }
+                                                    //         }
+                                                    //         ul.links.inline{
+                                                    //             display: none;
+                                                    //         }
+                                                    //     } 
+                                                    // }
                                                     
                                                 } 
                                                 @media (max-width: 810px){

+ 175 - 0
web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss

@@ -0,0 +1,175 @@
+.node-type-ressource{
+    margin-bottom: 1rem ;
+    padding-right: 1rem;  
+    .ext{
+        color: black;
+    }
+    svg.ext{
+        display: none;
+    }
+    &.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain{
+        // background-color: $background-actus;
+        .wrapper-ressource{
+            display: grid;
+            grid-template-columns: 1fr 1.8fr; 
+            grid-template-rows: repeat(5 1fr);
+            .field--name-field-type-de-ressource{
+                order: 2;
+                grid-row: 2;
+                margin-bottom: 1rem;
+            }
+            .field--name-field-type-de-media{
+                order: 1;
+                grid-row: 1;
+                
+            }
+            .field--name-field-images{
+                order: 3;
+                grid-row: 3 /span 5;
+                height: auto;
+                width: 90%;
+                img{
+                    height: auto;
+                    width: 90%;
+                    border: 1px solid #a3a3a3;
+                }
+            }
+            .field--name-title{
+                grid-row: 3;
+                margin-top: 0;
+                a{
+                    color: $blue-light;
+                    font-size: 1.2rem;
+                    font-style: normal;
+                }
+            }
+            .field--name-field-sous-titre{
+                grid-row: 4;
+                color: $blue-light;
+                font-size: 0.8rem;
+                font-weight: 800;
+            }
+            .field--name-field-auteur-s-{
+                grid-row: 5;
+            }
+            .field--name-field-edition{
+                grid-row: 6;
+            }
+            .field--name-field-date-de-parution{
+                grid-row: 7;
+            }
+            .field--name-field-mots-clefs{
+                grid-row: 8;
+            }
+        }
+    }
+    &.type-de-ressource-Paroles-de-lauréats{
+        // background-color: $background-actus;
+    }
+    @media (max-width: 479px) {
+        margin-left: 0;                                                
+    }   
+    .wrapper-ressource{    
+                                                           
+        .field--name-field-type-de-ressource, 
+        .field--name-field-type-de-media{
+            grid-column: 1;
+            text-transform: uppercase;
+            line-height: 1.1rem;
+            margin-top: 0.5rem;                                              
+            a{
+                color: $blue-light;
+                font-weight: 900;
+                font-size: 0.8rem;
+                pointer-events: none;
+                cursor: default;
+            }
+        }
+        .field--name-title{
+            grid-column: 2;
+            margin-top: 0.5rem;
+
+            h2{
+                margin: 0;
+                line-height: 1rem;
+                a{
+                    color: $black;
+                    font-size: 1rem;
+                    font-weight: 900;
+                    font-style: italic;
+                }
+
+            }
+        }
+        .field--name-field-auteur-s-{
+            grid-column: 2;
+            margin-top: 0.5rem;
+            font-weight: 800;
+            line-height: 1.1rem;
+            p{
+                margin: 0;
+                
+            }
+            .field__label{
+                display:none;
+            }
+        }
+        .field--name-field-sous-titre{
+            grid-column: 2;
+            margin-top: 0.5rem;
+        }
+        .field--name-field-edition{
+            grid-column: 2;
+            margin-top: 0.5rem;
+            p{
+                margin: 0;
+            }
+            .field__label{
+                display:none;
+            }
+        }
+        .field--name-field-images{
+            grid-column: 1;
+            .field__item{
+                height: 100px;
+            }
+            img{
+                height: 100%;
+                width: auto;
+            }
+        }
+        .field--name-field-date-de-parution{
+            grid-column: 2;
+            margin-top: 0.3rem;
+        }
+        .field--name-field-mots-clefs{
+            grid-column: 2;
+            display: flex;
+            margin-top: 1rem;
+            flex-direction: row;
+            flex-wrap: wrap;
+        
+            .field__item{
+                margin-right: 0.5rem;
+                padding-left: 0.3rem;
+                padding-right: 0.3rem;
+                font-size: 0.7rem;
+            
+                a{
+                    background: $blue-dark;
+                    color: $white;
+                    font-weight: 800;
+                    vertical-align: super;
+                    padding-left: 0.1rem;
+                    padding-right: 0.1rem;
+                    display: inline-flex;
+                    pointer-events: none;
+                    cursor: default;
+                }
+            }
+        }
+        ul.links.inline{
+            display: none;
+        }
+    } 
+}

+ 2 - 0
web/themes/custom/eql/scss/styles.scss

@@ -39,6 +39,7 @@
 @import "pages/_contact";
 @import "pages/_faq";
 @import "pages/_mentions-legales";
+@import "pages/_path-taxonomy";
 // @import "pages/_basededonnees";
 // @import "pages/_basededonnees_autres";
 
@@ -62,4 +63,5 @@
 @import "partials/_slick";
 @import "partials/_slick-theme";
 @import "partials/_filtres";
+@import "partials/_node-type-ressource-teaser";
 // @import "partials/_block_third_ressources_liees";