smart phone home et footer

This commit is contained in:
2022-01-06 20:34:33 +01:00
parent 6d81dd976b
commit 0fcfc3225a
5 changed files with 234 additions and 24 deletions
+35 -7
View File
@@ -350,7 +350,7 @@ a {
.path-frontpage .block-region-content {
display: grid;
grid-template-areas: "presentation presentation presentation presentation presentation presentation" "presentation presentation presentation presentation presentation presentation" "presentation presentation presentation presentation presentation presentation" "presentation presentation presentation presentation presentation presentation" "actus actus actus actus actus actus" "actus actus actus actus actus actus" "programme programme programme programme programme programme" "programme programme programme programme programme programme" "programme programme programme programme programme programme";
grid-template-areas: "presentation presentation presentation presentation presentation presentation" "presentation presentation presentation presentation presentation presentation" "presentation presentation presentation presentation presentation presentation" "presentation presentation presentation presentation presentation presentation" "actus actus actus actus actus actus" "actus actus actus actus actus actus" "programme programme programme programme programme programme" "programme programme programme programme programme programme" "programme programme programme programme programme programme";
grid-template-rows: auto auto auto;
grid-template-columns: 1fr repeat(4, 2fr) 1fr;
min-height: 100vh; }
@@ -361,6 +361,13 @@ a {
background-position-y: bottom;
background-position-x: left;
background-repeat: no-repeat; }
@media (max-width: 810px) {
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 {
background: url("../images/pictos/forme_home_2_smartphone.svg");
background-size: 100%;
background-position-y: bottom;
background-position-x: left;
background-repeat: no-repeat; } }
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child {
display: grid;
grid-template-columns: 1fr repeat(4, 2fr) 1fr;
@@ -434,8 +441,11 @@ a {
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="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
@media (max-width: 810px) {
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline {
grid-column: 2 / 5;
grid-row: 3; } }
grid-column: 2;
grid-row: 3;
font-size: 0.6rem; }
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after {
display: none; } }
.path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca {
grid-area: presentation;
grid-column: 3 /span 4;
@@ -469,8 +479,12 @@ a {
@media (max-width: 810px) {
.path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca {
grid-area: presentation;
grid-column: 3 /span 4;
grid-row: 3; } }
grid-column: 5;
grid-row: 4; }
.path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link {
font-size: 0.6rem; }
.path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a::after {
display: none; } }
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
grid-area: presentation;
grid-column: 5;
@@ -515,9 +529,10 @@ a {
text-transform: uppercase;
font-weight: 700;
color: #009ee3;
align-items: center; }
align-items: center;
font-size: 0.6rem; }
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a::after {
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="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
display: none; }
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
display: none; } }
.path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 {
@@ -2492,6 +2507,9 @@ a {
flex-direction: row;
background-color: white;
padding-top: 3rem; }
@media (max-width: 810px) {
#fotter-bottom {
flex-direction: column; } }
#fotter-bottom .region {
display: block;
padding-left: 2rem;
@@ -2506,6 +2524,10 @@ a {
margin-left: 3rem;
border: none;
width: 20%; }
@media (max-width: 810px) {
#fotter-bottom .region-footer-bottom-left {
width: 100%;
margin-left: 0rem; } }
#fotter-bottom .region-footer-bottom-left .view-id-partenaires .view-content {
display: flex;
flex-direction: row;
@@ -2523,6 +2545,9 @@ a {
display: flex;
flex-direction: column-reverse;
justify-content: flex-end; }
@media (max-width: 810px) {
#fotter-bottom .region-footer-bottom-right {
width: 100%; } }
#fotter-bottom .region-footer-bottom-right #block-socialnetwork {
margin-bottom: 1rem; }
#fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p {
@@ -2564,6 +2589,9 @@ a {
margin-top: 0; }
#fotter-bottom .region-footer-bottom-middle {
width: 60%; }
@media (max-width: 810px) {
#fotter-bottom .region-footer-bottom-middle {
width: 100%; } }
#fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content {
display: flex;
flex-direction: row;