diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index e421a0c..b498d9a 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -2890,11 +2890,11 @@ a {
.path-webform .region-content #webform-submission-question-add-form #edit-actions #edit-actions-submit:after {
content: url('data:image/svg+xml,'); }
-.path-projets span {
+.path-projets .region-content #block-contenudelapageprincipale span {
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle; }
- .path-projets span h2 {
+ .path-projets .region-content #block-contenudelapageprincipale span h2 {
margin: 0;
padding-top: 2rem;
height: 4rem;
@@ -2904,60 +2904,87 @@ a {
background: #009ee3;
padding-left: 13%; }
-.path-projets .layout--onecol .block-region-content .block-config-pages-block {
+.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
width: 60%;
margin: auto; }
- .path-projets .layout--onecol .block-region-content .block-config-pages-block span h2 {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block span h2 {
display: none; }
- .path-projets .layout--onecol .block-region-content .block-config-pages-block .config_pages--type--les-projets .field--name-field-introduction p:nth-of-type(1) {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .config_pages--type--les-projets .field--name-field-introduction p:nth-of-type(1) {
font-size: 1.5rem; }
-.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets {
+.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 {
+ margin-top: 4rem;
+ background-color: #009ee3;
+ height: fit-content;
+ width: 60%;
+ margin-left: 2rem;
+ grid-row: 2; }
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .display {
+ display: block; }
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien {
+ display: flex;
+ flex-direction: column;
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ text-align: center; }
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien a {
+ font-weight: 800;
+ color: white;
+ font-size: 1.3rem; }
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien:after {
+ margin-left: auto;
+ padding-top: 1rem;
+ display: block;
+ content: url("../images/pictos/noun_Arrow_3771902.svg"); }
+
+.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets {
width: 80%;
margin: auto; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters {
margin-top: 4rem;
display: flex;
flex-direction: row; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before {
content: 'Filtrer par:'; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 {
display: flex;
flex-direction: row; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-neuf-rehabilitation-value--wrapper legend {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-neuf-rehabilitation-value--wrapper legend {
display: none; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-encours-fini-value--wrapper legend {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-encours-fini-value--wrapper legend {
display: none; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 .js-form-type-textfield label {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 .js-form-type-textfield label {
display: none; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content {
margin-top: 2rem;
display: flex;
flex-direction: row; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row {
width: 25%;
flex: 0 0 25%; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet {
color: #09398b;
line-height: 1.5rem;
padding: 0.5rem;
padding-right: 1rem;
padding-left: 1rem; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child {
display: flex;
flex-direction: column; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child a {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child a {
color: #09398b; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo {
order: 1; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo img {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo img {
width: 100%;
max-height: 175px;
object-fit: cover; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo::after {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo::after {
display: block;
content: url('data:image/svg+xml,'); }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse {
order: 2;
display: flex;
text-transform: uppercase;
@@ -2965,26 +2992,32 @@ a {
font-weight: 800;
margin-top: 0.8rem;
line-height: 0.6rem; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address {
display: flex;
flex-direction: row;
margin: 0; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality::after {
- content: ",";
- margin-right: 0.3rem; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-sous-titre {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important; }
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality::after {
+ content: ",";
+ margin-right: 0.3rem; }
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .country {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important; }
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-sous-titre {
margin-top: 0.5rem;
font-size: 0.9rem;
font-weight: 800;
order: 4; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title {
order: 3;
margin-top: 0.5rem;
font-size: 1rem;
font-weight: 800; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title h2 {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title h2 {
margin: 0; }
- .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-incube {
+ .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-incube {
order: 4;
color: red;
margin-top: 0.8rem; }
diff --git a/web/themes/custom/eql/scss/pages/_lesprojets.scss b/web/themes/custom/eql/scss/pages/_lesprojets.scss
index b90058b..1fef921 100644
--- a/web/themes/custom/eql/scss/pages/_lesprojets.scss
+++ b/web/themes/custom/eql/scss/pages/_lesprojets.scss
@@ -1,147 +1,198 @@
.path-projets{
- span{
- padding-top: 3rem;
- padding-bottom: 3rem;
- vertical-align: middle;
- h2{
- margin: 0;
- padding-top: 2rem;
- height: 4rem;
- color: $white;
- font-family: "Source Code Pro";
- text-transform: uppercase;
- background: $blue-light;
- padding-left: 13%;
-
- }
- }
- .layout--onecol{
- .block-region-content{
-
- //texte de présentation
- .block-config-pages-block{
- width: 60%;
- margin: auto;
- span h2{
- display: none;
- }
- .config_pages--type--les-projets{
- .field--name-field-introduction{
- p:nth-of-type(1){
- font-size: 1.5rem;
- }
- }
+ .region-content{
+ #block-contenudelapageprincipale{
+ span{
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ vertical-align: middle;
+ h2{
+ margin: 0;
+ padding-top: 2rem;
+ height: 4rem;
+ color: $white;
+ font-family: "Source Code Pro";
+ text-transform: uppercase;
+ background: $blue-light;
+ padding-left: 13%;
+
}
}
-
-
- //partie projets
- .block-views-blockprojets-block-1{
- .view-projets{
-
- width: 80%;
- margin: auto;
- .view-filters{
- margin-top: 4rem;
- display: flex;
- flex-direction: row;
- &::before{
- content: 'Filtrer par:';
+ .layout--onecol{
+ .block-region-content{
+
+ //texte de présentation
+ .block-config-pages-block{
+ width: 60%;
+ margin: auto;
+ span h2{
+ display: none;
}
- #views-exposed-form-projets-block-1{
- display: flex;
- flex-direction: row;
- #edit-field-neuf-rehabilitation-value--wrapper{
- legend{display: none;}
- }
- #edit-field-encours-fini-value--wrapper{
- legend{display: none;}
- }
- .js-form-type-textfield{
- label{display: none;}
- }
- }
-
-
- }
-
- //grille de projets
- .view-content{
- margin-top: 2rem;
- display: flex;
- flex-direction: row;
- .views-row{
- width: 25%;
- flex: 0 0 25%;
- }
-
- }
- .node-type-projet{
- color: $blue-dark;
- line-height: 1.5rem;
- padding: 0.5rem;
- padding-right: 1rem;
- padding-left: 1rem;
- div:first-child{
- display: flex;
- flex-direction: column;
-
- a{
- color: $blue-dark;
- }
- .field--name-field-photo {
- order:1;
- img{
- width: 100%;
- max-height: 175px;
- object-fit: cover;
- }
- &::after{
- display: block;
- content:url('data:image/svg+xml,');
+ .config_pages--type--les-projets{
+ .field--name-field-introduction{
+ p:nth-of-type(1){
+ font-size: 1.5rem;
}
}
- .field--name-field-adresse{
- order:2;
+ }
+ }
+
+ // bouton projets incubés
+ .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{
+ // grid-column: 8 / span 9;
+ margin-top: 4rem;
+ background-color: $blue-light;
+ height: fit-content;
+ width: 60%;
+ margin-left: 2rem;
+ grid-row: 2;
+ .display{
+ display: block;
+ }
+
+
+ .field--name-field-lien{
display: flex;
- text-transform: uppercase;
- font-size: 0.9rem;
- font-weight: 800;
- margin-top: 0.8rem;
- line-height: 0.6rem;
- .address{
+ flex-direction: column;
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ text-align: center;
+ a{
+ font-weight: 800;
+ color: $white;
+ font-size: 1.3rem;
+ }
+ &:after{
+ margin-left: auto;
+ padding-top: 1rem;
+ display: block;
+ content:url("../images/pictos/noun_Arrow_3771902.svg")
+
+ }
+
+ }
+ }
+
+ //partie projets
+ .block-views-blockprojets-block-1{
+ .view-projets{
+
+ width: 80%;
+ margin: auto;
+ .view-filters{
+ margin-top: 4rem;
+ display: flex;
+ flex-direction: row;
+ &::before{
+ content: 'Filtrer par:';
+ }
+ #views-exposed-form-projets-block-1{
display: flex;
flex-direction: row;
- margin: 0;
- .locality::after{
- content:",";
- margin-right: 0.3rem;
+ #edit-field-neuf-rehabilitation-value--wrapper{
+ legend{display: none;}
+ }
+ #edit-field-encours-fini-value--wrapper{
+ legend{display: none;}
+ }
+ .js-form-type-textfield{
+ label{display: none;}
+ }
+ }
+
+
+ }
+
+ //grille de projets
+ .view-content{
+ margin-top: 2rem;
+ display: flex;
+ flex-direction: row;
+ .views-row{
+ width: 25%;
+ flex: 0 0 25%;
+ }
+
+ }
+ .node-type-projet{
+ color: $blue-dark;
+ line-height: 1.5rem;
+ padding: 0.5rem;
+ padding-right: 1rem;
+ padding-left: 1rem;
+ div:first-child{
+ display: flex;
+ flex-direction: column;
+
+ a{
+ color: $blue-dark;
+ }
+ .field--name-field-photo {
+ order:1;
+ img{
+ width: 100%;
+ max-height: 175px;
+ object-fit: cover;
+ }
+ &::after{
+ display: block;
+ content:url('data:image/svg+xml,');
+ }
+ }
+ .field--name-field-adresse{
+ order:2;
+ display: flex;
+ text-transform: uppercase;
+ font-size: 0.9rem;
+ font-weight: 800;
+ margin-top: 0.8rem;
+ line-height: 0.6rem;
+ .address{
+ display: flex;
+ flex-direction: row;
+ margin: 0;
+ .locality{
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ &::after{
+ content:",";
+ margin-right: 0.3rem;
+ }
+ }
+ .country{
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ } }
+ }
+ .field--name-field-sous-titre{
+ margin-top: 0.5rem;
+ font-size: 0.9rem;
+ font-weight: 800;
+ order: 4;
+ }
+ .field--name-title{
+ order: 3;
+ margin-top: 0.5rem;
+ font-size: 1rem;
+ font-weight: 800;
+ h2{margin: 0;}
+ }
+
+ .field--name-field-incube{
+ order:4;
+ color: red;
+ margin-top: 0.8rem;
}
}
}
- .field--name-field-sous-titre{
- margin-top: 0.5rem;
- font-size: 0.9rem;
- font-weight: 800;
- order: 4;
- }
- .field--name-title{
- order: 3;
- margin-top: 0.5rem;
- font-size: 1rem;
- font-weight: 800;
- h2{margin: 0;}
- }
-
- .field--name-field-incube{
- order:4;
- color: red;
- margin-top: 0.8rem;
- }
}
}
}
}
}
}
+
+
+
}
\ No newline at end of file