home mobile
This commit is contained in:
@@ -350,13 +350,12 @@ a {
|
||||
|
||||
.path-frontpage .block-region-content {
|
||||
display: grid;
|
||||
grid-template-areas: "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; }
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 {
|
||||
grid-area: presentation;
|
||||
grid-row: 1;
|
||||
background: url("../images/pictos/forme_home_2.svg");
|
||||
background-size: 75%;
|
||||
background-position-y: bottom;
|
||||
@@ -383,6 +382,16 @@ a {
|
||||
margin-bottom: 0; }
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche span {
|
||||
background-color: white; }
|
||||
@media (max-width: 810px) {
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche {
|
||||
grid-column: 2 /span 5;
|
||||
grid-row: 2;
|
||||
font-size: 3rem;
|
||||
line-height: 4.3rem;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem; }
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p {
|
||||
margin-top: 0rem; } }
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
|
||||
grid-column: 4;
|
||||
grid-row: 2;
|
||||
@@ -396,6 +405,11 @@ a {
|
||||
font-family: "Source Code Pro";
|
||||
display: table;
|
||||
margin: 0px auto 0px auto; }
|
||||
@media (max-width: 810px) {
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
|
||||
margin-top: 1rem;
|
||||
grid-column: 2 / 6;
|
||||
grid-row: 1; } }
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline {
|
||||
grid-column: 2;
|
||||
grid-row: 4;
|
||||
@@ -418,67 +432,14 @@ a {
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after {
|
||||
display: block;
|
||||
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: 375px) {
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: repeat(4, auto); }
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images {
|
||||
display: none; }
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche {
|
||||
grid-column: 2 /span 3;
|
||||
grid-row: 2 / span 2;
|
||||
font-size: 5rem;
|
||||
font-weight: 900;
|
||||
color: #009ee3;
|
||||
line-height: 6.9rem;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 5rem;
|
||||
width: fit-content; }
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p {
|
||||
margin-top: 4rem;
|
||||
margin-bottom: 0; }
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche span {
|
||||
background-color: white; }
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
|
||||
grid-column: 4;
|
||||
grid-row: 2;
|
||||
margin-top: 3rem; }
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 {
|
||||
background-color: white; }
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 a {
|
||||
color: #e1000f;
|
||||
font-weight: 900;
|
||||
text-transform: uppercase;
|
||||
font-family: "Source Code Pro";
|
||||
display: table;
|
||||
margin: 0px auto 0px auto; }
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline {
|
||||
grid-column: 2;
|
||||
grid-row: 4;
|
||||
max-width: 70%;
|
||||
min-width: fit-content;
|
||||
height: 1.5rem;
|
||||
padding: 0.4rem 1rem;
|
||||
font-size: 0.8rem;
|
||||
margin-bottom: 2.5rem;
|
||||
background-color: white;
|
||||
border: 2px solid #009ee3;
|
||||
list-style: none;
|
||||
text-align: center !important; }
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a {
|
||||
display: inline-flex;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
color: #009ee3;
|
||||
align-items: center; }
|
||||
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after {
|
||||
display: block;
|
||||
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; } }
|
||||
.path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca {
|
||||
grid-area: presentation;
|
||||
grid-column: 3 /span 4;
|
||||
grid-row: 1;
|
||||
grid-row: 4;
|
||||
align-self: flex-end;
|
||||
margin-bottom: 2.5rem;
|
||||
max-width: 25%;
|
||||
@@ -505,13 +466,20 @@ a {
|
||||
display: none; }
|
||||
.path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link 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>'); }
|
||||
@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; } }
|
||||
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
|
||||
grid-area: presentation;
|
||||
grid-column: 5;
|
||||
grid-row: 1;
|
||||
grid-row: 4;
|
||||
background-color: #009ee3;
|
||||
height: fit-content;
|
||||
align-self: flex-end; }
|
||||
align-self: flex-end;
|
||||
max-width: 70%;
|
||||
min-width: fit-content; }
|
||||
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
|
||||
text-align: center; }
|
||||
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before {
|
||||
@@ -535,6 +503,23 @@ a {
|
||||
font-weight: 800;
|
||||
color: white;
|
||||
font-size: 1.3rem; }
|
||||
@media (max-width: 810px) {
|
||||
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
|
||||
background-color: white;
|
||||
border: 2px solid #009ee3;
|
||||
padding: 0.4rem 1rem; }
|
||||
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before {
|
||||
display: none; }
|
||||
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a {
|
||||
display: inline-flex;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
color: #009ee3;
|
||||
align-items: center; }
|
||||
.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>'); }
|
||||
.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 {
|
||||
grid-column: 5;
|
||||
grid-row: 1;
|
||||
@@ -561,6 +546,36 @@ a {
|
||||
.path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(2) {
|
||||
font-size: 2.5rem;
|
||||
font-weight: 900; }
|
||||
@media (max-width: 810px) {
|
||||
.path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 {
|
||||
display: none;
|
||||
grid-column: 2 / span 6;
|
||||
grid-row: 3;
|
||||
width: 100%;
|
||||
margin-top: 8rem; }
|
||||
.path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body {
|
||||
justify-content: left;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
text-transform: uppercase;
|
||||
text-align: left;
|
||||
align-items: center;
|
||||
font-size: 1rem;
|
||||
font-weight: 800; }
|
||||
.path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(1) {
|
||||
width: 25%;
|
||||
height: fit-content; }
|
||||
.path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(1):after {
|
||||
display: inline-flex;
|
||||
transform: rotate(360deg) translateX(80px) translateY(-6px) scale(50%); }
|
||||
.path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(2) {
|
||||
margin: 0;
|
||||
text-align: right;
|
||||
justify-self: flex-end;
|
||||
font-size: 1.5rem;
|
||||
margin-left: 5rem;
|
||||
margin-top: 0.6rem;
|
||||
margin-bottom: 2rem; } }
|
||||
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 {
|
||||
grid-area: actus;
|
||||
width: 100vw;
|
||||
@@ -629,7 +644,7 @@ a {
|
||||
padding-top: 1rem; }
|
||||
.path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 {
|
||||
grid-area: actus;
|
||||
grid-row: 4;
|
||||
grid-row: 6;
|
||||
grid-column: 5 / span 6;
|
||||
max-width: 50%;
|
||||
min-width: fit-content;
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
global-css:
|
||||
css:
|
||||
theme:
|
||||
# css-compiled/styles.css: {}
|
||||
css-prefixed/styles.css: {}
|
||||
css-compiled/styles.css: {}
|
||||
# css-prefixed/styles.css: {}
|
||||
global-js:
|
||||
js:
|
||||
scripts/main.js: {}
|
||||
|
||||
@@ -1,8 +1,9 @@
|
||||
.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"
|
||||
@@ -18,7 +19,7 @@
|
||||
|
||||
.block-views-blockhome-nodes-block-1{
|
||||
grid-area: presentation;
|
||||
grid-row: 1;
|
||||
// grid-row: 1;
|
||||
background: url("../images/pictos/forme_home_2.svg");
|
||||
background-size: 75%;
|
||||
background-position-y: bottom;
|
||||
@@ -53,6 +54,17 @@
|
||||
background-color: $white;
|
||||
|
||||
}
|
||||
@media (max-width: 810px){
|
||||
grid-column: 2 /span 5;
|
||||
grid-row: 2;
|
||||
font-size: 3rem;
|
||||
line-height: 4.3rem;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
p{
|
||||
margin-top: 0rem;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.field--name-title{
|
||||
@@ -74,6 +86,11 @@
|
||||
// background-color: $white;
|
||||
}
|
||||
}
|
||||
@media (max-width: 810px){
|
||||
margin-top: 1rem;
|
||||
grid-column: 2 / 6;
|
||||
grid-row: 1;
|
||||
}
|
||||
}
|
||||
.links.inline{
|
||||
grid-column: 2;
|
||||
@@ -101,99 +118,22 @@
|
||||
|
||||
}
|
||||
}
|
||||
@media (max-width: 810px){
|
||||
grid-column: 2 / 5;
|
||||
grid-row:3;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (max-width: 375px){
|
||||
.node-type-static{
|
||||
div:first-child{
|
||||
display: grid;
|
||||
grid-template-columns: 1fr ;
|
||||
grid-template-rows: repeat(4, auto);
|
||||
.field--name-field-images{
|
||||
display: none;
|
||||
|
||||
}
|
||||
.field--name-field-accroche{
|
||||
grid-column: 2 /span 3;
|
||||
grid-row: 2 / span 2;
|
||||
font-size: 5rem;
|
||||
font-weight: 900;
|
||||
color: $blue-light;
|
||||
line-height: 6.9rem;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 5rem;
|
||||
width: fit-content;
|
||||
p{
|
||||
margin-top: 4rem;
|
||||
margin-bottom: 0;
|
||||
|
||||
}
|
||||
|
||||
span {
|
||||
background-color: $white;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
.field--name-title{
|
||||
grid-column: 4;
|
||||
grid-row: 2;
|
||||
margin-top: 3rem;
|
||||
|
||||
h2{
|
||||
|
||||
background-color: $white;
|
||||
a{
|
||||
color: #e1000f;
|
||||
font-weight: 900;
|
||||
text-transform: uppercase;
|
||||
font-family: "Source Code Pro";
|
||||
display: table;
|
||||
margin: 0px auto 0px auto;
|
||||
|
||||
// background-color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
.links.inline{
|
||||
grid-column: 2;
|
||||
grid-row: 4;
|
||||
max-width: 70%;
|
||||
min-width: fit-content;
|
||||
height: 1.5rem;
|
||||
padding: 0.4rem 1rem;
|
||||
font-size: 0.8rem;
|
||||
margin-bottom: 2.5rem;
|
||||
background-color: $white;
|
||||
border: 2px solid $blue-light;
|
||||
list-style: none;
|
||||
text-align: center !important;
|
||||
|
||||
a{
|
||||
display: inline-flex;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
color: $blue-light;
|
||||
align-items: center;
|
||||
&:after{
|
||||
display: block;
|
||||
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>');
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// bouton déposer candidature
|
||||
.block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca{
|
||||
grid-area: presentation;
|
||||
grid-column: 3 /span 4;
|
||||
grid-row: 1;
|
||||
grid-row: 4;
|
||||
align-self: flex-end;
|
||||
margin-bottom: 2.5rem;
|
||||
max-width: 25%;
|
||||
@@ -231,16 +171,23 @@
|
||||
|
||||
}
|
||||
}
|
||||
@media (max-width: 810px){
|
||||
grid-area: presentation;
|
||||
grid-column: 3 /span 4;
|
||||
grid-row: 3;
|
||||
}
|
||||
}
|
||||
|
||||
// bouton foire aux questions
|
||||
.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
|
||||
grid-area: presentation;
|
||||
grid-column: 5;
|
||||
grid-row: 1;
|
||||
grid-column: 5 ;
|
||||
grid-row: 4;
|
||||
background-color: $blue-light;
|
||||
height: fit-content;
|
||||
align-self: flex-end;
|
||||
max-width: 70%;
|
||||
min-width: fit-content;
|
||||
.field--name-field-lien{
|
||||
&:before{
|
||||
margin-top: 1rem;
|
||||
@@ -270,8 +217,28 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (max-width: 810px){
|
||||
.field--name-field-lien{
|
||||
background-color: $white;
|
||||
border: 2px solid $blue-light;
|
||||
padding: 0.4rem 1rem;
|
||||
&:before{display: none;}
|
||||
a{
|
||||
display: inline-flex;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
color: $blue-light;
|
||||
align-items: center;
|
||||
}
|
||||
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>');
|
||||
}
|
||||
}
|
||||
.field--name-field-description{display: none;}
|
||||
}
|
||||
}
|
||||
|
||||
// date limite de candidature
|
||||
.block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695{
|
||||
grid-column: 5;
|
||||
grid-row: 1;
|
||||
@@ -304,6 +271,43 @@
|
||||
font-weight: 900;
|
||||
}
|
||||
}
|
||||
@media (max-width: 810px){
|
||||
display: none;
|
||||
grid-column: 2 / span 6;
|
||||
grid-row: 3;
|
||||
width: 100%;
|
||||
margin-top:8rem;
|
||||
.field--name-body{
|
||||
justify-content: left;
|
||||
display: flex;
|
||||
flex-direction:row;
|
||||
text-transform: uppercase;
|
||||
text-align: left;
|
||||
align-items: center;
|
||||
font-size: 1rem;
|
||||
font-weight: 800;
|
||||
:nth-child(1){
|
||||
width: 25%;
|
||||
height: fit-content;
|
||||
&:after{
|
||||
display: inline-flex;
|
||||
transform: rotate(360deg) translateX(80px) translateY(-6px) scale(50%);
|
||||
}
|
||||
}
|
||||
:nth-child(2){
|
||||
|
||||
margin: 0;
|
||||
text-align: right;
|
||||
justify-self: flex-end;
|
||||
font-size: 1.5rem;
|
||||
margin-left: 5rem;
|
||||
margin-top: 0.6rem;
|
||||
margin-bottom: 2rem;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// bandeau actus
|
||||
@@ -397,7 +401,7 @@
|
||||
// bouton voir toutes actus du bandeau bleu
|
||||
.block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2{
|
||||
grid-area: actus;
|
||||
grid-row: 4;
|
||||
grid-row: 6;
|
||||
grid-column: 5 / span 6;
|
||||
max-width: 50%;
|
||||
min-width: fit-content;
|
||||
|
||||
@@ -67,9 +67,6 @@
|
||||
#block-headermenu{
|
||||
align-self: baseline;
|
||||
width: 70%;
|
||||
.block-headermenu-menu{
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
ul{
|
||||
|
||||
Reference in New Issue
Block a user