smart phone home et footer
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user