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
+14 -38
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,30 +340,36 @@ 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 {
position: relative;
width: 20%;
float: right;
margin-right: 13%;
bottom: -100%;
background-color: #009ee3; } background-color: #009ee3; }
.block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien { .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
text-align: center; } text-align: center; }
.block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before { .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before {
margin-top: 1rem; margin-top: 1rem;
display: block; display: block;
content: url("../images/pictos/picto_faq.svg"); } content: url("../images/pictos/picto_faq.svg"); }
.block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a { .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a {
font-size: 0.8rem; font-size: 0.8rem;
font-weight: 1000; font-weight: 1000;
color: #09398b; color: #09398b;
text-transform: uppercase; } text-transform: uppercase; }
.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-description p {
margin-top: 0; margin-top: 0;
margin-bottom: 0;
margin-left: 1.5rem; margin-left: 1.5rem;
margin-right: 1.5rem; margin-right: 1.5rem;
text-align: center; } text-align: center; }
.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 a {
font-weight: 800; font-weight: 800;
color: white; color: white;
font-size: 1.3rem; } font-size: 1.3rem; }
.block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p:after { .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p:after {
display: block; display: block;
content: url("../images/pictos/noun_Arrow_3771902.svg"); } content: url("../images/pictos/noun_Arrow_3771902.svg"); }
@@ -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){
+7 -32
View File
@@ -139,38 +139,14 @@
// 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%;
// position: relative;
// .field--name-field-lien.field--type-link{
// position: relative;
// bottom: +326%;
// grid-column: 5; // grid-column: 5;
// width:inherit;
// font-size: 0.8rem;
// list-style: none;
// background-color: $blue-light;
// display: flex;
// justify-content: center;
// a{
// text-transform: uppercase;
// font-weight: 700;
// color: $blue-dark;
// &:before{
// display: block;
// width: fit-content;
// 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>');
// }
// }
grid-column: 5;
background-color: $blue-light; background-color: $blue-light;
.field--name-field-lien{ .field--name-field-lien{
&:before{ &:before{
@@ -189,6 +165,7 @@
.field--name-field-description{ .field--name-field-description{
p{ p{
margin-top: 0; margin-top: 0;
margin-bottom: 0;
margin-left: 1.5rem; margin-left: 1.5rem;
margin-right: 1.5rem; margin-right: 1.5rem;
text-align: center; text-align: center;
@@ -220,10 +197,8 @@
// text-align: center; // text-align: center;
// } // }
// } // }
} }
}
// bandeau actus // bandeau actus