bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

home + bandeau bleu projet lauréat

Browse Source
This commit is contained in:
ouidade
2022-03-08 13:40:00 +01:00
parent fc541e6f29
commit d8632851a9
6 changed files with 640 additions and 744 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+46 -234
View File
@@ -135,6 +135,9 @@
.path-incubateur {
margin: 0; }
main {
width: 100%; }
.main-content {
margin-top: 7rem; }
@@ -379,259 +382,56 @@ a {
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 {
.path-frontpage .block-region-content .block-config-pages-block {
grid-area: presentation;
width: 100%;
background: url("../images/pictos/forme_home_2.svg");
background-size: 75%;
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;
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;
grid-column: 4 / span 6;
grid-row: 2; }
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images .field__item {
display: block;
width: 400px;
height: 400px; }
@media (max-width: 1517px) {
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images .field__item {
width: 300px;
height: 300px; } }
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images .field__item img {
max-width: 100%;
max-height: 100%; }
.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 2;
grid-row: 2 / span 2;
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front {
width: 45%;
margin: auto;
background-color: white;
padding-left: 2rem;
padding-bottom: 4rem; }
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-titre {
font-size: 5rem;
font-weight: 900;
color: #009ee3;
line-height: 6.9rem;
line-height: 5.7rem;
margin-top: 4rem;
margin-bottom: 5rem;
margin-bottom: 2rem;
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: 0rem;
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: 2;
grid-row: 1 / span 2;
margin-top: 3rem;
margin-bottom: 2rem; }
.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; }
@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;
max-width: 70%;
min-width: fit-content;
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-sous-titre {
color: #e1000f;
font-weight: 900;
font-size: 1.8rem;
text-transform: uppercase;
font-family: "Source Code Pro"; }
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-punchline {
color: #009ee3;
font-weight: 900;
font-size: 1.5rem;
text-transform: uppercase;
font-family: "Source Code Pro";
padding-bottom: 3rem; }
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-lien {
background-color: white;
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 {
text-align: center !important;
float: right; }
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .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-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after {
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-lien 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;
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 {
display: none;
grid-area: presentation;
grid-column: 3 /span 4;
grid-row: 4;
align-self: flex-end;
margin-bottom: 2.5rem;
max-width: 25%;
min-width: fit-content; }
.path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link {
grid-column: 3;
position: relative;
height: 1.5rem;
padding: 0.4rem 1rem;
font-size: 0.8rem;
margin: 0;
background-color: white;
border: 2px solid #009ee3;
list-style: none;
top: -200%;
text-align: center !important; }
.path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a {
display: inline-flex;
text-transform: uppercase;
font-weight: 700;
color: #009ee3;
align-items: center; }
.path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a .ext {
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: 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 {
display: none;
grid-area: presentation;
grid-column: 5;
grid-row: 4;
background-color: #009ee3;
height: fit-content;
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 {
margin-top: 1rem;
display: block;
content: url("../images/pictos/picto_faq.svg"); }
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a {
font-size: 0.8rem;
font-weight: 1000;
color: #09398b;
text-transform: uppercase; }
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
margin-bottom: 1rem; }
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p {
margin-top: 0;
margin-bottom: 0;
margin-left: 1.5rem;
margin-right: 1.5rem;
text-align: center; }
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p 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;
font-size: 0.6rem; }
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a::after {
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 {
grid-column: 5;
grid-row: 1;
height: fit-content;
display: flex;
justify-self: flex-end;
width: 50%;
margin-top: 3rem; }
.path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body {
justify-content: right;
display: flex;
flex-direction: column;
text-transform: uppercase;
text-align: right;
font-size: 1.3rem; }
.path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(1):after {
display: block;
content: url("../images/pictos/noun_Arrow_3771902-rouge.svg");
transform: rotate(90deg);
height: fit-content;
position: relative;
top: -30px;
right: -60px; }
.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;
@@ -3036,6 +2836,18 @@ a {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top {
display: grid;
grid-template-columns: 1fr repeat(8, 1fr) 1fr; }
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f {
grid-column: 1 / span 10;
background-color: #009ee3; }
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f .field--name-body {
vertical-align: middle;
color: white;
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: white;
text-transform: uppercase;
margin-left: 10%; }
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-adresse {
margin-top: 3rem;
grid-column: 2 / span 10; }