From 7cf70006ef3189868f7bae854ea695607a9d8273 Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 18 Nov 2021 00:27:47 +0100 Subject: [PATCH] statics --- web/themes/custom/eql/css-compiled/styles.css | 142 ++++++++++++++++-- .../custom/eql/images/pictos/polygon2.svg | Bin 0 -> 939 bytes .../custom/eql/scss/global/_layout.scss | 3 + web/themes/custom/eql/scss/pages/_home.scss | 101 ++++++++++--- web/themes/custom/eql/scss/pages/_static.scss | 124 +++++++++++++++ 5 files changed, 330 insertions(+), 40 deletions(-) create mode 100644 web/themes/custom/eql/images/pictos/polygon2.svg diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index e1ec9c4..2594bf0 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -89,6 +89,9 @@ width: 100%; overflow: hidden; } +.layout-content { + padding-bottom: 3rem; } + .path-frontpage { margin: 0; } @@ -114,6 +117,77 @@ a { /* @import "pages/partials/header_footer"; @import "pages/home";*/ +.layout__region--top .block-entity-fieldnodefield-images img { + width: 65%; + object-fit: cover; + height: 500px; } + +.layout__region--top .block-entity-fieldnodetitle { + display: block; + position: relative; + float: right; + top: -375px; + width: 60%; } + .layout__region--top .block-entity-fieldnodetitle .field--name-title { + font-size: 4rem; + font-weight: 800; + color: #009ee3; + background-color: white; + padding: 2rem 1rem 2rem 1rem; } + +.layout__region--first .block-region-first .block-entity-fieldnodefield-textes { + display: flex; + justify-content: left; + padding-right: 2rem; } + .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre { + display: flex; + font-size: 1rem; + font-weight: 800; + color: #09398b; } + .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:focus { + text-decoration: underline; } + .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre::after { + border-bottom: olivedrab; } + +.layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre { + font-size: 2rem; + font-weight: 800; + color: #09398b; } + +.layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long { + padding-right: 2rem; } + +.layout__region--third .field--name-field-fichiers { + display: flex; + justify-self: right; + min-height: 4rem; + max-width: 70%; + background: #009ee3; + color: white; + align-content: flex-end; + align-items: center; + justify-content: center; } + .layout__region--third .field--name-field-fichiers .file--mime-application-pdf { + padding: 1rem; } + .layout__region--third .field--name-field-fichiers .file--mime-application-pdf a { + color: white; + font-weight: 800; } + +.layout__region--third .block-entity-fieldnodefield-ress h2 { + font-size: 1rem; + color: #09398b; } + +.layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource { + display: flex; + border-bottom: 1px solid #009ee3; + padding-bottom: 2rem; + max-width: 70%; } + .layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource .field, .layout__region--third .block-entity-fieldnodefield-ress .node-type-ressource a { + line-height: 0.6rem; + font-size: 1.5rem; + color: #09398b; + font-weight: 500; } + .field--type-entity-reference-revisions .paragraph-summary { font-family: "Marianne", sans-serif; font-size: 5rem; @@ -127,25 +201,63 @@ a { .field--type-entity-reference-revisions .paragraph-summary:nth-of-type(2n) { font-size: 2rem; } -.contextual-region { - display: grid; - grid-template-columns: 10% 2fr 2fr 2fr 2fr 10%; - grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; } - .block-views-blockactus-blocks-pages-block-1 { - background-color: #09398b; } + background-color: #09398b; + padding: 1rem; } + .block-views-blockactus-blocks-pages-block-1 .view-content { + display: flex; + flex-direction: row; + justify-content: space-around; } + .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child { + color: white; } + .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child .field--name-field-images .field__item img { + width: 200px; + height: fit-content; } + .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite h2 { + margin: 0; } + .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite a { + color: white; } -.view-content { +.node-type-actualite div:first-child { display: flex; - flex-direction: row; - justify-content: space-around; } - .view-content .node-type-actualite div:first-child { + flex-direction: column; } + .node-type-actualite div:first-child :nth-child(1) { + order: 1; } + .node-type-actualite div:first-child :nth-child(4) { + order: 2; } + .node-type-actualite div:first-child :nth-child(5) { + order: 3; } + +.field--type-link { + display: block; + width: fit-content; + padding: 1rem; + font-size: 1.5rem; + background-color: white; + border: 2px solid #009ee3; } + .field--type-link a { + font-size: 1rem; + text-transform: uppercase; + font-weight: 700; + color: #009ee3; } + .field--type-link a::after { + display: inline-block; + content: url("../../images/pictos/polygon2.svg"); + background: green; } + +.node-type-static { + padding: 1rem; } + .node-type-static .inline.links { + display: block; + width: fit-content; padding: 1rem; - color: white; } - .view-content .node-type-actualite div:first-child .field--name-field-images .field__item img { - height: 400px; } - .view-content .node-type-actualite a { - color: white; } + font-size: 1rem; + border: 2px solid #009ee3; + list-style: none; } + .node-type-static .inline.links a { + text-transform: uppercase; + font-weight: 700; + color: #009ee3; } /*partials*/ #header-top { diff --git a/web/themes/custom/eql/images/pictos/polygon2.svg b/web/themes/custom/eql/images/pictos/polygon2.svg new file mode 100644 index 0000000000000000000000000000000000000000..92fb77a52dd4abcf8f2520206a2132edeacc98cb GIT binary patch literal 939 zcmeAS@N?&q;$mQ6;Pv!y2?Ej!fjE_e4M?hLG>ZT!&H|6fVg?31We{epSZZGe6qGD+ zjVKAuPb(=;EJ|f4FE7{2%*!rLPAo{(%P&fw{mw>;fq~i5)5S5QV$R#UXZ?f&B^n-v zU*=u=Cqy@-bwzoT^h2pV#(TN9yNL*V;139KX#H{cnDvCYyCi%)rp%oD;-&eyJ^q(M zFF%RilbLqQ_<6%Wck{;G2O_>GWG!cXAn}7whk5UX%qv#v%zwT{F`jefTly{H$#(|c zK;_Gf-+mT1?2q$yFwb(>dRV5wqq1Z5kKPq$cmlT?u*(FgV|wIsAoD8OAg4QrfLcsGa5;x;V7#iBm)vm*D8~(wV>`gtwj!anYxko~0`UnQ zr_Kn3a@Rhvys8-212V_8v_s#}CDn}8=CFV$NG|w5@G0jziz80zrY3i+YV};@dG;WSn+e z;o*MZPo{W(P~QBXmA*F^-yJ!(sO=@wc8kC7BpxuUzw29Culbez_3Py|alf?xl`ap^ zOA1&qg(3Fb(wv~{!n-zvM()@YwXo)f=favd!3%i;7T)1g*Fw@3xk;V2$(LIwU$38se#LA!H(0q z+y&CiA!^JIMA=p-tYn-AjJ&gEzNHP(5(|uGvc)Aga7_|=pvJbsCy4otJMW6L*^KuR zz+!AiFBf03H)nnmB=^7yC=YZ|+Y(j_IiTse9vh$R(>Y+u6EIU^fzw$g_9^T?IDnQE zODteI%h(>mUZI!eU>fb!uo`HIp+oDdfH!}G#2yG8E#wO_>poyu&sV^@pV3r_`;Xis zqoZ+`E}gi;vM-3Gf?uLr);)JC!=0syjQ<$yBosfVO0rJ{<}?ORS3j3^P6