block bleu faq pb

This commit is contained in:
2021-12-01 09:21:45 +01:00
parent 9f80e2b26d
commit 0740c4e33e
3 changed files with 134 additions and 183 deletions
+32 -56
View File
@@ -131,36 +131,6 @@
a { a {
text-decoration: none; } text-decoration: none; }
@media (max-width: 1325px) {
.path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
position: relative; }
.path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link {
position: relative;
bottom: +337%; }
.path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
position: relative;
bottom: +72%; } }
@media (max-width: 1330px) {
.path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
position: relative; }
.path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link {
position: relative;
bottom: +387%; }
.path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
position: relative;
bottom: +132%; } }
@media (max-width: 1033px) {
.path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
position: relative; }
.path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link {
position: relative;
bottom: +450%; }
.path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
position: relative;
bottom: +126%; } }
@media (max-width: 934px) { @media (max-width: 934px) {
#block-headermenu { #block-headermenu {
display: none; } display: none; }
@@ -370,32 +340,38 @@ a {
.block-region-content { .block-region-content {
position: relative; } position: relative; }
.block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
grid-column: 5; .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
background-color: #009ee3; } position: relative;
.block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien { width: 20%;
text-align: center; } float: right;
.block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before { margin-right: 13%;
margin-top: 1rem; bottom: -100%;
display: block; background-color: #009ee3; }
content: url("../images/pictos/picto_faq.svg"); } .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
.block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a { text-align: center; }
font-size: 0.8rem; .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before {
font-weight: 1000; margin-top: 1rem;
color: #09398b; display: block;
text-transform: uppercase; } content: url("../images/pictos/picto_faq.svg"); }
.block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p { .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a {
margin-top: 0; font-size: 0.8rem;
margin-left: 1.5rem; font-weight: 1000;
margin-right: 1.5rem; color: #09398b;
text-align: center; } text-transform: uppercase; }
.block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p a { .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p {
font-weight: 800; margin-top: 0;
color: white; margin-bottom: 0;
font-size: 1.3rem; } margin-left: 1.5rem;
.block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p:after { margin-right: 1.5rem;
display: block; text-align: center; }
content: url("../images/pictos/noun_Arrow_3771902.svg"); } .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p a {
font-weight: 800;
color: white;
font-size: 1.3rem; }
.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p:after {
display: block;
content: url("../images/pictos/noun_Arrow_3771902.svg"); }
.block-views-blockactus-blocks-pages-block-1 { .block-views-blockactus-blocks-pages-block-1 {
clear: both; clear: both;
@@ -1,54 +1,54 @@
@media (max-width: 1325px){ // @media (max-width: 1325px){
.path-frontpage{ // .path-frontpage{
.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ // .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
position: relative; // position: relative;
.field--name-field-lien.field--type-link{ // .field--name-field-lien.field--type-link{
position: relative; // position: relative;
bottom: +337%; // bottom: +337%;
} // }
.field--name-field-description{ // .field--name-field-description{
position: relative; // position: relative;
bottom: +72%; // bottom: +72%;
} // }
} // }
} // }
} // }
@media (max-width: 1330px){ // @media (max-width: 1330px){
.path-frontpage{ // .path-frontpage{
.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ // .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
position: relative; // position: relative;
.field--name-field-lien.field--type-link{ // .field--name-field-lien.field--type-link{
position: relative; // position: relative;
bottom: +387%; // bottom: +387%;
} // }
.field--name-field-description{ // .field--name-field-description{
position: relative; // position: relative;
bottom: +132%; // bottom: +132%;
} // }
} // }
} // }
} // }
@media (max-width: 1033px){ // @media (max-width: 1033px){
.path-frontpage{ // .path-frontpage{
.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ // .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
position: relative; // position: relative;
.field--name-field-lien.field--type-link{ // .field--name-field-lien.field--type-link{
position: relative; // position: relative;
bottom: +450%; // bottom: +450%;
} // }
.field--name-field-description{ // .field--name-field-description{
position: relative; // position: relative;
bottom: +126%; // bottom: +126%;
} // }
} // }
} // }
} // }
@media (max-width: 934px){ @media (max-width: 934px){
+53 -78
View File
@@ -139,91 +139,66 @@
// bouton foire aux questions // bouton foire aux questions
.block-region-content{ .block-region-content{
position: relative; position: relative;
}
.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
// display: grid; position: relative;
// grid-template-columns: 1fr repeat(4, 2fr) 1fr; width: 20%;
// position: relative; float: right;
// background-color: $blue-light; margin-right: 13%;
// height: 0; bottom: -100%;
// width: 100%; // grid-column: 5;
// position: relative; background-color: $blue-light;
.field--name-field-lien{
// .field--name-field-lien.field--type-link{ &:before{
// position: relative; margin-top: 1rem;
// bottom: +326%; display: block;
// grid-column: 5; content: url("../images/pictos/picto_faq.svg");
// width:inherit; }
// font-size: 0.8rem; text-align: center;
// list-style: none; a{
// background-color: $blue-light; font-size: 0.8rem;
// display: flex; font-weight: 1000;
// justify-content: center; color: $blue-dark;
text-transform: uppercase;
// a{ }
// text-transform: uppercase; }
// font-weight: 700; .field--name-field-description{
// color: $blue-dark; p{
// &:before{ margin-top: 0;
// display: block; margin-bottom: 0;
// width: fit-content; margin-left: 1.5rem;
// content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="white" stroke="white" stroke-width="0.7"/></svg>'); margin-right: 1.5rem;
// }
// }
grid-column: 5;
background-color: $blue-light;
.field--name-field-lien{
&:before{
margin-top: 1rem;
display: block;
content: url("../images/pictos/picto_faq.svg");
}
text-align: center; text-align: center;
a{ a{
font-size: 0.8rem; font-weight: 800;
font-weight: 1000; color: $white;
color: $blue-dark; font-size: 1.3rem;
text-transform: uppercase; }
} &:after{
} display: block;
.field--name-field-description{ content:url("../images/pictos/noun_Arrow_3771902.svg")
p{
margin-top: 0;
margin-left: 1.5rem;
margin-right: 1.5rem;
text-align: center;
a{
font-weight: 800;
color: $white;
font-size: 1.3rem;
}
&:after{
display: block;
content:url("../images/pictos/noun_Arrow_3771902.svg")
}
} }
} }
}
// .field--name-field-description{ // .field--name-field-description{
// position: relative; // position: relative;
// bottom: +140%; // bottom: +140%;
// grid-column: 5; // grid-column: 5;
// background-color: $blue-light; // background-color: $blue-light;
// p{ // p{
// color: $white; // color: $white;
// font-size: 1.2rem; // font-size: 1.2rem;
// padding-left: 1rem; // padding-left: 1rem;
// padding-right: 1rem; // padding-right: 1rem;
// margin-top: 0; // margin-top: 0;
// text-align: center; // text-align: center;
// } // }
// } // }
}
}
}
// bandeau actus // bandeau actus