buton déposer offre de service
This commit is contained in:
@@ -1655,96 +1655,124 @@ a {
|
|||||||
width: fit-content;
|
width: fit-content;
|
||||||
margin-left: 10%;
|
margin-left: 10%;
|
||||||
margin-top: 8rem; }
|
margin-top: 8rem; }
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
|
||||||
margin: 2rem;
|
display: grid;
|
||||||
margin-top: 4rem; }
|
grid-template-columns: 1fr repeat(4, 2fr) 1fr; }
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction {
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
|
||||||
width: 65%;
|
grid-column: 2 / span 3;
|
||||||
margin: auto;
|
margin-top: 4rem; }
|
||||||
background: white; }
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction {
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-display-id-block_1 {
|
margin: auto;
|
||||||
width: 65%;
|
background: white; }
|
||||||
margin: auto; }
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction p {
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-filters {
|
margin: 0; }
|
||||||
display: none;
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc {
|
||||||
background: white; }
|
grid-column: 5;
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content {
|
margin-top: 4rem;
|
||||||
display: flex;
|
background-color: #009ee3;
|
||||||
flex-wrap: wrap;
|
height: fit-content;
|
||||||
margin-top: 3rem; }
|
width: 80%;
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row {
|
margin-left: 2rem; }
|
||||||
width: 50%; }
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc .field--name-field-lien {
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service {
|
display: flex;
|
||||||
border: 2px solid #009ee3;
|
flex-direction: column;
|
||||||
padding: 1rem;
|
margin-top: 2rem;
|
||||||
height: fit-content;
|
margin-bottom: 2rem;
|
||||||
margin-bottom: 1rem;
|
margin-left: 1.5rem;
|
||||||
background-color: white;
|
margin-right: 1.5rem;
|
||||||
margin-right: 1rem;
|
text-align: center; }
|
||||||
height: 200px; }
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc .field--name-field-lien a {
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type {
|
font-weight: 800;
|
||||||
display: grid;
|
color: white;
|
||||||
grid-template-columns: 1fr auto 1fr;
|
font-size: 1.3rem; }
|
||||||
grid-template-rows: repeat(6 auto); }
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc .field--name-field-lien:after {
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-type-de-protagoniste {
|
margin-left: auto;
|
||||||
grid-column: 1 / span 3;
|
padding-top: 1rem;
|
||||||
grid-row: 1;
|
display: block;
|
||||||
|
content: url("../images/pictos/noun_Arrow_3771902.svg"); }
|
||||||
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 {
|
||||||
|
grid-column: 2 / span 3; }
|
||||||
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-display-id-block_1 {
|
||||||
|
margin: auto; }
|
||||||
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-filters {
|
||||||
|
background: white; }
|
||||||
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-top: 3rem; }
|
||||||
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row {
|
||||||
|
width: 50%; }
|
||||||
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service {
|
||||||
|
border: 2px solid #009ee3;
|
||||||
|
padding: 1rem;
|
||||||
|
height: fit-content;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
text-transform: uppercase;
|
background-color: white;
|
||||||
font-weight: 800;
|
|
||||||
font-size: 00.8rem; }
|
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo {
|
|
||||||
grid-column: 1;
|
|
||||||
grid-row: 2 / span 6;
|
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
max-height: 170px; }
|
height: 200px; }
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo img {
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type {
|
||||||
max-width: 100%;
|
display: grid;
|
||||||
object-fit: cover;
|
grid-template-columns: 1fr auto 1fr;
|
||||||
height: auto;
|
grid-template-rows: repeat(6 auto); }
|
||||||
max-height: 95%; }
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-type-de-protagoniste {
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-prenom {
|
grid-column: 1 / span 3;
|
||||||
grid-column: 2;
|
grid-row: 1;
|
||||||
grid-row: 2;
|
margin-bottom: 1rem;
|
||||||
padding-right: 0.5rem;
|
text-transform: uppercase;
|
||||||
text-transform: uppercase;
|
font-weight: 800;
|
||||||
font-weight: 800;
|
font-size: 00.8rem; }
|
||||||
font-size: 1rem; }
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo {
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-nom {
|
grid-column: 1;
|
||||||
grid-column: 3;
|
grid-row: 2 / span 6;
|
||||||
grid-row: 2;
|
margin-right: 1rem;
|
||||||
text-transform: uppercase;
|
max-height: 170px; }
|
||||||
font-weight: 800;
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo img {
|
||||||
font-size: 1rem; }
|
max-width: 100%;
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-structure {
|
object-fit: cover;
|
||||||
grid-column: 2 / span 3;
|
height: auto;
|
||||||
grid-row: 3;
|
max-height: 95%; }
|
||||||
text-transform: uppercase;
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-prenom {
|
||||||
font-weight: 800;
|
grid-column: 2;
|
||||||
font-size: 0.8rem; }
|
grid-row: 2;
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title {
|
padding-right: 0.5rem;
|
||||||
grid-column: 2 / span 3;
|
text-transform: uppercase;
|
||||||
grid-row: 4;
|
font-weight: 800;
|
||||||
font-size: 1.3rem; }
|
font-size: 1rem; }
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title a {
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-nom {
|
||||||
color: black; }
|
grid-column: 3;
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-localisation {
|
grid-row: 2;
|
||||||
grid-column: 2 / span 3;
|
text-transform: uppercase;
|
||||||
grid-row: 5;
|
font-weight: 800;
|
||||||
text-transform: uppercase;
|
font-size: 1rem; }
|
||||||
font-weight: 800;
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-structure {
|
||||||
font-size: 00.8rem; }
|
grid-column: 2 / span 3;
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition {
|
grid-row: 3;
|
||||||
display: inline-flex;
|
text-transform: uppercase;
|
||||||
grid-column: 2 / span 3;
|
font-weight: 800;
|
||||||
grid-row: 6;
|
font-size: 0.8rem; }
|
||||||
font-size: 0.8rem;
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title {
|
||||||
padding-top: 1rem;
|
grid-column: 2 / span 3;
|
||||||
justify-content: space-between;
|
grid-row: 4;
|
||||||
align-items: center; }
|
font-size: 1.3rem; }
|
||||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition::after {
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title a {
|
||||||
content: url("../images/pictos/noun_Arrow_3771902.svg");
|
color: black; }
|
||||||
align-self: end; }
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-localisation {
|
||||||
|
grid-column: 2 / span 3;
|
||||||
|
grid-row: 5;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: 800;
|
||||||
|
font-size: 00.8rem; }
|
||||||
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition {
|
||||||
|
display: inline-flex;
|
||||||
|
grid-column: 2 / span 3;
|
||||||
|
grid-row: 6;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
padding-top: 1rem;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center; }
|
||||||
|
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition::after {
|
||||||
|
content: url("../images/pictos/noun_Arrow_3771902.svg");
|
||||||
|
align-self: end; }
|
||||||
|
|
||||||
.page-node-type-offre-de-service {
|
.page-node-type-offre-de-service {
|
||||||
background: url("../images/pictos/carre-contour-bleu-offre.svg");
|
background: url("../images/pictos/carre-contour-bleu-offre.svg");
|
||||||
|
|||||||
@@ -31,28 +31,67 @@
|
|||||||
}
|
}
|
||||||
.layout--onecol{
|
.layout--onecol{
|
||||||
.block-region-content{
|
.block-region-content{
|
||||||
|
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr repeat(4, 2fr) 1fr;
|
||||||
|
|
||||||
|
|
||||||
// texte présentation
|
// texte présentation
|
||||||
.block-config-pages-block{
|
.block-config-pages-block{
|
||||||
margin: 2rem;
|
grid-column: 2 / span 3;
|
||||||
|
// margin: 2rem;
|
||||||
margin-top: 4rem;
|
margin-top: 4rem;
|
||||||
.field--name-field-introduction{
|
.field--name-field-introduction{
|
||||||
width: 65%;
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
background: $white;
|
background: $white;
|
||||||
|
p{margin: 0;}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// buton déposer une offre
|
||||||
|
.block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc{
|
||||||
|
grid-column: 5;
|
||||||
|
margin-top: 4rem;
|
||||||
|
background-color: $blue-light;
|
||||||
|
height: fit-content;
|
||||||
|
width: 80%;
|
||||||
|
margin-left: 2rem;
|
||||||
|
|
||||||
|
.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;
|
||||||
|
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")
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// offres
|
||||||
.block-views-blockoffres-de--block-1{
|
.block-views-blockoffres-de--block-1{
|
||||||
|
grid-column: 2 / span 3;
|
||||||
.view-display-id-block_1{
|
.view-display-id-block_1{
|
||||||
width: 65%;
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
// bandeau filtes
|
// bandeau filtes
|
||||||
.view-filters{
|
.view-filters{
|
||||||
display: none;
|
// display: none;
|
||||||
background: $white;
|
background: $white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user