diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 38ae586..7776220 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -132,6 +132,9 @@ .path-projets { margin: 0; } +.path-incubateur { + margin: 0; } + .main-content { margin-top: 7rem; } @@ -2944,10 +2947,8 @@ a { display: block; content: url("../images/pictos/noun_Arrow_3771902.svg"); } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 { - grid-column: 3 / span 8; - width: 80%; } + grid-column: 3 / span 8; } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets { - width: 80%; margin: auto; } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters { margin-top: 4rem; diff --git a/web/themes/custom/eql/scss/global/_layout.scss b/web/themes/custom/eql/scss/global/_layout.scss index 423472c..dc0bd9b 100644 --- a/web/themes/custom/eql/scss/global/_layout.scss +++ b/web/themes/custom/eql/scss/global/_layout.scss @@ -44,6 +44,9 @@ .path-projets{ margin: 0; } +.path-incubateur{ + margin:0; +} .main-content{ margin-top: 7rem; diff --git a/web/themes/custom/eql/scss/pages/_incubateur.scss b/web/themes/custom/eql/scss/pages/_incubateur.scss new file mode 100644 index 0000000..914617a --- /dev/null +++ b/web/themes/custom/eql/scss/pages/_incubateur.scss @@ -0,0 +1,296 @@ +.path-incubateur{ + + .layout-container{ + overflow: unset; + // display: flex; + // flex-direction: column; + // flex-flow: row wrap; + // header{ + // flex: 0 0 100%; + // } + // main{ + // flex: 0 0 100%; + .layout-content{ + + // padding-top: 0; + .layout__region--top{ //bandeau titre page static + + padding-bottom: 3rem; + height: 30vh; + @media (max-width: 810px){ + padding-bottom: 0rem; + + } + .block-entity-fieldnodetitle{ + width: fit-content; + margin-left: 11%; + margin-top: 15vh; + @media (max-width: 810px){ + margin-left: 8%; + margin-right: 5%; + } + .field--name-title{ + font-family: 'Source Code Pro'; + font-size: 2rem; + font-weight: 800; + text-transform: uppercase; + } + } + // .block-entity-fieldnodefield-images{ + // display: none; + // height: inherit; + + // } + } + // menu ancres a gauche + .layout__region--first{ // menu ancres a gauche + position: relative; + .block-region-first{ + display: flex; + justify-content: flex-end; + position: -webkit-sticky; + position: sticky; + top: 10rem; + @media (max-width: 810px){ + display: none; + } + .block-entity-fieldnodefield-textes{ + display: flex; + width: 50%; + background-color: $white; + padding-right: 2rem; + + .field--name-field-titre{ + display: flex; + font-size: 1rem; + font-weight: 1000; + color: $blue-dark; + border-bottom: 1px solid $blue-light; + padding-bottom: 0.8rem; + padding-right: 1rem; + margin-top: 1rem; + scroll-margin-top: 7em; + + &:hover{ + text-decoration: underline; + } + } + } + + } + } + + // paragraphe texte + .layout__region--second{ + @media (max-width: 810px){ + flex: 0 1 80%; + margin: auto; + } + // paragraphe texte + .block-entity-fieldnodefield-textes{ + margin-top: 1rem; + background-color: $white; + .field--name-field-titre{ + font-size: 1.5rem; + font-weight: 1000; + font-family: 'Source Code Pro', monospace; + color: $blue-dark; + text-transform: uppercase; + margin-top: 2rem; + margin-bottom: 0.8rem; + } + h4{ + text-transform: none !important; + + img{ + width: 100%; + height: auto; + } + } + .field--type-text-long{ + padding-right: 2rem; + } + p{ + margin-top: 0; + } + } + + } + // colone de droite fichiers et ressources liƩes + .layout__region--third{ + .block-region-third{ + margin-top: 1rem; + display: flex; + flex-direction: column; + width: 70%; + // position: -webkit-sticky; + // position: sticky; + // top: 9rem; + @media (max-width: 810px){ + margin: auto; + } + .block-entity-fieldnodefield-fichiers{ + height: fit-content; + border: 2px solid $blue-light; + background-color: $white; + + } + .field--name-field-fichiers{ + min-height: 4rem; + background: $white; + color: $blue-light; + padding-left: 0.8rem; + padding-top: 1rem; + margin-bottom: 1rem; + + span:nth-of-type(2){ + display: none; + } + + .file--mime-application-pdf{ + height: inherit; + margin: auto; + ::before{ + content: url("../images/pictos/noun_Download_file_307900.svg"); + min-width:40px; + height: auto; + padding-right: 0.5rem; + display: inline-flex; + align-items: center; + } + a{ + hyphens: auto; + display: inline-flex; + align-items: center; + color: $blue-light; + font-weight: 800; + // max-width: 80px ; + } + } + + } + .block-entity-fieldnodefield-liens{ + .field--name-field-liens{ + .field__item{ + margin: auto; + height: fit-content; + border: 2px solid $blue-light; + min-height: 4rem; + background: $white; + color: $blue-light; + padding-left: 0.8rem; + padding-top: 1rem; + margin-bottom: 1rem; + + } + a{ + display: inline-flex; + align-items: center; + justify-items: center; + color: $blue-light; + font-weight: 800; + &::before{ + content: url("../images/pictos/noun_External Link_674151.svg"); + min-width: 40px; + height: auto; + padding-right: 0.5rem; + display: inline-flex; + align-items: center; + } + svg.ext{ + display: none; + } + } + } + + } + + + .block-entity-fieldnodefield-ress{ + margin-top: 3rem; + + h2{ + font-size: 0.8rem; + color: $black; + font-weight: 900; + } + + .node-type-ressource{ + display: flex; + flex-direction: column; + border: 2px solid $blue-light; + padding: 1rem; + + height: fit-content; + margin-bottom: 1rem; + background-color: $white; + &:first-of-type{ + border-top: 1px solid $blue-light; + padding-top: 1rem; + &::after{ + content: url("../images/pictos/noun_Arrow_3771902.svg"); + align-self: flex-end; + } + } + .field--name-title{ + a{ + color: $black; + font-size: 1.4rem; + font-weight: 600; + + } + } + .field--name-field-auteur-s-{ + font-weight: 800; + p{ + margin: 0; + } + .field__label{ + display:none; + } + } + .field--name-field-edition{ + p{ + margin: 0; + } + .field__label{ + display:none; + } + } + .field--name-field-images{ + display: none; + width: 50%; + img{ + width: 100%; + height: auto; + } + } + .field--name-field-type-de-ressource{ + display: inline-flex; + margin-top: 2rem; + background: $blue-dark; + margin-right: 1rem; + padding-left: 0.3rem; + padding-right: 0.3rem; + color: $white; + font-weight: 800; + vertical-align: middle; + } + } + } + + } + + + } + } + + + // } + + } + // + + + +} \ No newline at end of file diff --git a/web/themes/custom/eql/scss/pages/_lesprojets.scss b/web/themes/custom/eql/scss/pages/_lesprojets.scss index e20572a..16618df 100644 --- a/web/themes/custom/eql/scss/pages/_lesprojets.scss +++ b/web/themes/custom/eql/scss/pages/_lesprojets.scss @@ -85,10 +85,10 @@ //partie projets .block-views-blockprojets-block-1{ grid-column: 3 / span 8; - width: 80%; + // width: 80%; .view-projets{ - width: 80%; + // width: 80%; margin: auto; .view-filters{ margin-top: 4rem; diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss index cb9e319..9350048 100644 --- a/web/themes/custom/eql/scss/styles.scss +++ b/web/themes/custom/eql/scss/styles.scss @@ -39,6 +39,7 @@ @import "pages/_webform"; @import "pages/_lesprojets"; @import "pages/_projet"; +@import "pages/_incubateur"; /*partials*/