corrections graphiques

This commit is contained in:
Valentin
2024-11-27 19:34:18 +01:00
parent c052f89d27
commit 5b13541fdc
20 changed files with 962 additions and 249 deletions

View File

@@ -384,7 +384,7 @@ em {
position: relative;
}
.layout-container #block-erabletheme-navigationprincipale {
background: linear-gradient(to bottom, white, transparent);
background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.8) 50%, transparent);
width: 100%;
display: none;
position: absolute;
@@ -404,7 +404,7 @@ em {
.layout-container #block-erabletheme-navigationprincipale ul li {
font-family: "Marianne", sans-serif;
font-size: 0.9rem;
padding: 4px 12px;
padding: 9px 16px;
background-color: white;
transition: background-color 0.3s ease;
}
@@ -727,114 +727,6 @@ em {
background-color: #00ff80;
}
.actu_full div {
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
.actu_full .retour_actus {
padding-top: 3vh;
padding-left: 3vw;
}
.actu_full .retour_actus a {
font-size: 0.8rem;
font-weight: 800;
color: #038788;
}
.actu_full .article_meta {
padding-left: 3vw;
margin: 20px 0;
}
.actu_full .article_meta div {
font-size: 0.8rem;
margin-bottom: 5px;
}
.actu_full h2 {
padding-top: 0 !important;
margin-bottom: 2rem !important;
}
.actu_full h2 + div {
position: relative;
padding: 0 3vw;
}
.actu_full h2 + div .visually-hidden {
width: 0% !important;
}
.actu_full h2 + div .sous_titre {
margin-top: -1.5rem;
}
.actu_full h2 + div .sous_titre > div > div {
font-size: 1.2rem;
margin-bottom: 30px;
}
.actu_full h2 + div > div > div {
width: 100%;
margin-bottom: 40px;
}
.actu_full h2 + div > div > div img {
width: 100%;
height: auto;
}
.actu_full p {
margin-bottom: 1rem;
}
.actu_full h3, .actu_full h4, .actu_full h5, .actu_full h6 {
margin-bottom: 1rem;
font-family: "Marianne", sans-serif;
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.actu_full h3, .actu_full h4, .actu_full h5, .actu_full h6 {
font-size: 1.2rem;
}
}
.actu_full .liens_fixed > div > div:nth-of-type(2), .actu_full .file_fixed > div > div > div {
padding: 0 1.5vw;
text-align: right;
margin: 2rem 0;
}
.actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a {
text-align: center;
color: black;
font-family: "Marianne", sans-serif;
font-weight: 800;
font-size: 0.9rem;
background-color: white;
border: solid 2px #00ff80;
padding: 9px 18px;
transition: background-color 0.3s ease;
}
.actu_full .liens_fixed > div > div:nth-of-type(2) a svg, .actu_full .file_fixed > div > div > div a svg {
display: none;
}
.actu_full .liens_fixed > div > div:nth-of-type(2) a:hover, .actu_full .file_fixed > div > div > div a:hover {
background-color: #00ff80;
}
.actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a {
display: inline-block;
}
@media (min-width: 1080px) {
.actu_full .liens_fixed > div > div:nth-of-type(2), .actu_full .file_fixed > div > div > div {
margin-bottom: 0 !important;
margin: 0;
position: fixed;
left: 75vw;
bottom: 10vh;
}
.actu_full .liens_fixed > div > div:nth-of-type(2) > div, .actu_full .file_fixed > div > div > div > div {
height: 3vh;
}
.actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a {
max-width: 19vw;
}
}
.actu_full .file_fixed span:last-of-type {
display: none;
}
.views-row article.actu-teaser {
background-color: white;
padding: 1rem;
@@ -849,7 +741,6 @@ em {
width: 100%;
aspect-ratio: 20/9;
overflow: hidden;
padding-left: 3vw;
padding-right: 3vw;
display: flex;
align-items: center;
@@ -1055,10 +946,26 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
z-index: -1;
}
}
@media screen and (min-width: 1600px) {
#background #bg-top #bg-3 {
width: 22vw;
}
}
#background #bg-top #bg-2 {
top: 8vh;
left: -28vw;
}
@media screen and (min-width: 1080px) {
#background #bg-top #bg-2 {
transform: rotate(1deg);
}
}
@media screen and (min-width: 1600px) {
#background #bg-top #bg-2 {
left: -5vw;
top: 9vh;
}
}
#background #bg-top #bg-5 {
width: 20vw;
top: 5vh;
@@ -1070,6 +977,11 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
z-index: -1;
}
}
@media screen and (min-width: 1600px) {
#background #bg-top #bg-5 {
width: 27vw;
}
}
#background #bg-middle {
/* #bg-8 {
width: 80vw;
@@ -1448,6 +1360,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
position: relative;
width: auto;
display: inline-block;
line-height: 1.3;
font-family: "Barlow Condensed", sans-serif;
font-size: 1.6rem;
padding: 0 3vw;
@@ -1550,6 +1463,15 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
font-size: 1.2rem;
}
}
.layout-content .fullpage .fullpage_content .faded {
opacity: 0;
transform: translateY(2rem);
transition: all 0.5s ease 0.2s;
}
.layout-content .fullpage .fullpage_content .fade-in {
opacity: 1;
transform: translateY(0);
}
.layout-content .fullpage .views-row {
margin-bottom: 8vh;
}
@@ -1786,7 +1708,16 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
max-height: 0vh;
}
.paragraph--type--membre-equipe {
@media screen and (min-width: 1080px) {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 2.5vw;
max-width: 100%;
padding: 0 3vw;
}
}
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe {
height: auto;
display: grid;
grid-template-columns: 30vw auto 1fr;
@@ -1794,22 +1725,22 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin-bottom: 5vh;
padding: 0 3vw !important;
}
.paragraph--type--membre-equipe:first-of-type {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe:first-of-type {
margin-top: 5vh;
}
.paragraph--type--membre-equipe > .portrait {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait {
grid-row: 1/3;
}
.paragraph--type--membre-equipe > .portrait > div {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait > div {
display: flex;
align-items: center;
}
.paragraph--type--membre-equipe > .portrait > div > div {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait > div > div {
width: 20vw;
height: 20vw;
position: relative;
}
.paragraph--type--membre-equipe > .portrait > div > div img {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait > div > div img {
border-radius: 10vw;
width: 100%;
height: 100%;
@@ -1817,7 +1748,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
padding: 1px;
filter: grayscale(100%);
}
.paragraph--type--membre-equipe > .portrait > div > div::after {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait > div > div::after {
top: 0;
left: 0;
position: absolute;
@@ -1829,8 +1760,8 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
display: block;
pointer-events: none;
}
.paragraph--type--membre-equipe > .prenom,
.paragraph--type--membre-equipe > .nom {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .prenom,
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .nom {
align-self: flex-end;
margin-bottom: 2vh;
font-family: "Marianne", sans-serif;
@@ -1840,66 +1771,95 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
line-height: 1.3;
}
@media (min-width: 760px) {
.paragraph--type--membre-equipe > .prenom,
.paragraph--type--membre-equipe > .nom {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .prenom,
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .nom {
font-size: 1.2rem;
}
}
.paragraph--type--membre-equipe > .nom > div {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .nom > div {
padding-left: 0.5rem;
}
.paragraph--type--membre-equipe > .texte {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .texte {
grid-column: 2/4;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
.paragraph--type--membre-equipe > .texte p {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .texte p {
margin-top: 0 !important;
padding-left: 0 !important;
}
@media (min-width: 760px) {
.paragraph--type--membre-equipe {
@media screen and (min-width: 760px) {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe {
grid-template-columns: 10vw auto 1fr;
}
.paragraph--type--membre-equipe > .portrait > div > div {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait > div > div {
width: 10vw;
height: 10vw;
border-radius: 5vw;
}
.paragraph--type--membre-equipe > .prenom {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .prenom {
padding-left: 3vw;
}
.paragraph--type--membre-equipe > .texte p {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .texte p {
padding-left: 3vw !important;
}
}
.content_gouvernance .views-row {
margin-bottom: 2vh;
}
.content_gouvernance .views-row article > h2 {
margin-bottom: 2vh;
font-family: "Barlow", sans-serif;
color: black;
font-size: 1.2rem;
}
@media (min-width: 760px) {
.content_gouvernance .views-row article > h2 {
font-size: 1.6rem;
@media screen and (min-width: 1080px) {
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe {
padding: 0 !important;
grid-template-columns: auto 1fr;
}
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait {
grid-column: 1/3;
grid-row: 1/1;
width: 7vw;
height: 7vw;
}
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait > div > div {
width: 7vw;
height: 7vw;
}
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .prenom,
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .nom {
margin-top: 0.8rem;
align-self: start;
padding: 0 !important;
grid-row: 2/2;
}
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .prenom {
justify-self: end;
}
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .texte {
grid-column: 1/3;
grid-row: 3/3;
}
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .texte p {
padding: 0 !important;
margin: 0 !important;
}
}
.content_gouvernance .views-row article > h2 + div > div {
margin-bottom: 2em;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
.content_gouvernance .views-row article > div:first-of-type {
height: unset;
flex-direction: column;
}
/* .content_gouvernance {
.views-row {
margin-bottom: 2vh;
article {
> h2 {
margin-bottom: 2vh;
@include sous_titre_alt();
}
> h2 + div > div {
margin-bottom: 2em;
@include main_text_content();
}
> div:first-of-type {
height: unset;
flex-direction: column;
}
}
}
}
*/
.content_partenaires .views-row {
margin-bottom: 2vh;
}
@@ -3041,6 +3001,21 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 1.6rem;
}
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div:first-of-type > div > div:first-of-type > div:last-of-type::before {
mask-image: url("/themes/erabletheme/assets/equipes-projets-icons/grenouille.svg");
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div:nth-of-type(2) > div > div:first-of-type > div:last-of-type::before {
mask-image: url("/themes/erabletheme/assets/equipes-projets-icons/marmotte.svg");
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div:nth-of-type(3) > div > div:first-of-type > div:last-of-type::before {
mask-image: url("/themes/erabletheme/assets/equipes-projets-icons/collibri.svg");
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div:nth-of-type(4) > div > div:first-of-type > div:last-of-type::before {
mask-image: url("/themes/erabletheme/assets/equipes-projets-icons/papillon.svg");
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div:nth-of-type(5) > div > div:first-of-type > div:last-of-type::before {
mask-image: url("/themes/erabletheme/assets/equipes-projets-icons/nenuphar.svg");
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div {
padding-left: 3vw;
padding-right: 3vw;
@@ -3049,6 +3024,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:first-of-type {
margin-bottom: 2rem;
display: inline-block;
font-family: "Marianne", sans-serif;
font-size: 0.9rem;
color: #038788;
@@ -3060,6 +3036,21 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 1.2rem;
}
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:first-of-type > div:last-of-type {
display: flex;
align-items: center;
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:first-of-type > div:last-of-type::before {
content: "";
display: inline-block;
width: 1.8rem;
height: 1.8rem;
background-color: #038788;
mask-repeat: no-repeat;
mask-position: center;
mask-size: 1.8rem;
margin-right: 0.5rem;
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div {
display: grid;
grid-template-columns: 1fr;
@@ -3097,8 +3088,18 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
grid-row: 2;
margin: 0;
padding: 0;
color: black;
color: black !important;
font-size: 0.9rem !important;
font-family: "Marianne", sans-serif;
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .nom {
font-size: 1.2rem;
}
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .nom > div {
padding-left: 0.2rem !important;
@@ -3108,8 +3109,18 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
grid-row: 2;
margin: 0;
padding: 0;
color: black;
color: black !important;
font-size: 0.9rem !important;
font-family: "Marianne", sans-serif;
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .prenom {
font-size: 1.2rem;
}
}
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .texte {
margin-top: 0.5rem;
@@ -3184,6 +3195,11 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 1.6rem !important;
}
}
@media screen and (min-width: 760px) {
.fullpage .actus_list .sous_titre {
font-size: 0.9rem !important;
}
}
.ressources {
margin-top: 0 !important;
@@ -3207,8 +3223,10 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin: 0 !important;
padding: 0 !important;
justify-self: start;
align-self: end;
}
.ressources > div > h2 > a {
display: block;
pointer-events: none;
}
.ressources > div > h2 > a > span {
@@ -3256,6 +3274,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin-right: 2rem;
}
.ressources > div > div:nth-of-type(2) img {
border: solid 1px #038788;
width: 100%;
height: auto;
}
@@ -3263,6 +3282,9 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
grid-column: 2;
grid-row: 2;
margin-top: -1rem;
align-self: center;
display: block;
padding-bottom: 0.5rem;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
@@ -3494,4 +3516,115 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin-right: 0.5rem;
}
.actu_full div {
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
.actu_full .retour_actus {
padding-top: 3vh;
padding-left: 3vw;
}
.actu_full .retour_actus a {
font-size: 0.8rem;
font-weight: 800;
color: #038788;
}
.actu_full .article_meta {
padding-left: 3vw;
margin: 20px 0;
}
.actu_full .article_meta div {
font-size: 0.8rem;
margin-bottom: 5px;
}
.actu_full .article_meta + h2 {
margin-top: 0 !important;
}
.actu_full h2 {
padding-top: 0 !important;
margin-bottom: 2rem !important;
}
.actu_full h2 + div {
position: relative;
padding: 0 3vw;
}
.actu_full h2 + div .visually-hidden {
width: 0% !important;
}
.actu_full h2 + div .sous_titre {
margin-top: -1.5rem;
}
.actu_full h2 + div .sous_titre > div > div {
font-size: 1.2rem;
margin-bottom: 30px;
}
.actu_full h2 + div > div > div {
width: 100%;
margin-bottom: 40px;
}
.actu_full h2 + div > div > div img {
width: 100%;
height: auto;
}
.actu_full p {
margin-bottom: 1rem;
}
.actu_full h3, .actu_full h4, .actu_full h5, .actu_full h6 {
margin-bottom: 1rem;
font-family: "Marianne", sans-serif;
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.actu_full h3, .actu_full h4, .actu_full h5, .actu_full h6 {
font-size: 1.2rem;
}
}
.actu_full .liens_fixed > div > div:nth-of-type(2), .actu_full .file_fixed > div > div > div {
padding: 0 1.5vw;
text-align: right;
margin: 2rem 0;
}
.actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a {
text-align: center;
color: black;
font-family: "Marianne", sans-serif;
font-weight: 800;
font-size: 0.9rem;
background-color: white;
border: solid 2px #00ff80;
padding: 9px 18px;
transition: background-color 0.3s ease;
}
.actu_full .liens_fixed > div > div:nth-of-type(2) a svg, .actu_full .file_fixed > div > div > div a svg {
display: none;
}
.actu_full .liens_fixed > div > div:nth-of-type(2) a:hover, .actu_full .file_fixed > div > div > div a:hover {
background-color: #00ff80;
}
.actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a {
display: inline-block;
}
@media (min-width: 1080px) {
.actu_full .liens_fixed > div > div:nth-of-type(2), .actu_full .file_fixed > div > div > div {
margin-bottom: 0 !important;
margin: 0;
position: fixed;
left: 75vw;
bottom: 10vh;
}
.actu_full .liens_fixed > div > div:nth-of-type(2) > div, .actu_full .file_fixed > div > div > div > div {
height: 3vh;
}
.actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a {
max-width: 19vw;
}
}
.actu_full .file_fixed span:last-of-type {
display: none;
}
/*# sourceMappingURL=styles.css.map */

File diff suppressed because one or more lines are too long