Refonte décors home + texte vert lisible
- home: chapo agrandi, flower-1 collée à gauche, oiseau droite retiré - oiseau projets lauréats -> bird-3 (plus petit, repositionné) - frise verte parallax au niveau de la carte projets - suppression décors footer + système page-decor (code mort inclus) - /projets: texte à gauche de la carte agrandi en desktop - texte vert #33ffc4 -> #0c8461 (sidebars, contenus projets, etc.) - icône dropdown sidebar au même vert que le texte
This commit is contained in:
@@ -408,33 +408,6 @@ footer.fluo_links p {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
.layout-container > footer > .footer-decor {
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
width: 18vw;
|
||||
height: auto;
|
||||
transform: translateY(15%);
|
||||
pointer-events: none;
|
||||
}
|
||||
@media (min-width: 1080px) {
|
||||
.layout-container > footer > .footer-decor {
|
||||
width: 8vw;
|
||||
}
|
||||
}
|
||||
.layout-container > footer > .footer-decor-bird {
|
||||
left: 0;
|
||||
}
|
||||
.layout-container > footer > .footer-decor-flower {
|
||||
right: 0;
|
||||
}
|
||||
@media (min-width: 1080px) {
|
||||
.layout-container > footer > .footer-decor-bird {
|
||||
left: -4vw;
|
||||
}
|
||||
.layout-container > footer > .footer-decor-flower {
|
||||
right: -4vw;
|
||||
}
|
||||
}
|
||||
.layout-container > footer #footer_middle {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@@ -654,7 +627,7 @@ footer.fluo_links p {
|
||||
color: black;
|
||||
}
|
||||
.carousel_container #carousel_dots ul li.slick-active button::before {
|
||||
color: #33ffc4;
|
||||
color: #0c8461;
|
||||
}
|
||||
.carousel_container footer {
|
||||
text-align: center;
|
||||
@@ -929,6 +902,18 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
|
||||
top: 88%;
|
||||
height: 10vh;
|
||||
}
|
||||
#background .decor-tile .decor-left-7 {
|
||||
top: 10%;
|
||||
height: 16vh;
|
||||
}
|
||||
#background .decor-tile .decor-left-8 {
|
||||
top: 48%;
|
||||
height: 20vh;
|
||||
}
|
||||
#background .decor-tile .decor-left-9 {
|
||||
top: 80%;
|
||||
height: 18vh;
|
||||
}
|
||||
#background .decor-tile .decor-right-1 {
|
||||
top: 1%;
|
||||
height: 22vh;
|
||||
@@ -1070,6 +1055,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
|
||||
font-size: 0.9375rem;
|
||||
color: #4a4a49;
|
||||
line-height: 1.3;
|
||||
font-size: 1.1rem;
|
||||
margin: 0;
|
||||
}
|
||||
.home_introduction > div.more-link {
|
||||
@@ -1710,7 +1696,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
font-family: "Vogun", serif;
|
||||
font-weight: 500;
|
||||
font-size: 1.375rem;
|
||||
color: #33ffc4;
|
||||
color: #0c8461;
|
||||
line-height: 1.2;
|
||||
}
|
||||
aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > h2 > div,
|
||||
@@ -1719,10 +1705,9 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 > h2 > div {
|
||||
mask-image: url("/themes/erabletheme/assets/icons/arrow-down-s-line.svg");
|
||||
background-size: contain;
|
||||
background-color: #33ffc4;
|
||||
background-color: #0c8461;
|
||||
width: 1.3rem;
|
||||
height: 1.3rem;
|
||||
color: #33ffc4;
|
||||
transform: rotate(0deg);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
@@ -1817,7 +1802,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list .views-row a:hover,
|
||||
aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > div #block-erabletheme-views-block-projets-block-1 .projets_list .views-row a.is-active {
|
||||
font-weight: 400;
|
||||
color: #33ffc4;
|
||||
color: #0c8461;
|
||||
}
|
||||
aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > ul.closed,
|
||||
aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 .projets_list.closed,
|
||||
@@ -2366,7 +2351,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
grid-row: 1/2;
|
||||
}
|
||||
.fullpage.meetup > .meetup_list > .views-row > a > article > p.occupation > a, .fullpage.meetup > .meetup_list > .views-row > article > p.occupation > a {
|
||||
color: #33ffc4;
|
||||
color: #0c8461;
|
||||
text-transform: uppercase;
|
||||
font-weight: 800;
|
||||
}
|
||||
@@ -2473,7 +2458,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
.fullpage.meetup-offre > .retour-meetup a {
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 800;
|
||||
color: #33ffc4;
|
||||
color: #0c8461;
|
||||
}
|
||||
.fullpage.meetup-offre > h2 {
|
||||
margin-bottom: 3vh;
|
||||
@@ -2556,7 +2541,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
grid-column: 2/4;
|
||||
grid-row: 1/2;
|
||||
text-transform: uppercase;
|
||||
color: #33ffc4;
|
||||
color: #0c8461;
|
||||
font-weight: 800;
|
||||
}
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-structure > h2 {
|
||||
@@ -2566,7 +2551,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
grid-column: 2/4;
|
||||
grid-row: 3/4;
|
||||
font-weight: 800;
|
||||
color: #33ffc4;
|
||||
color: #0c8461;
|
||||
}
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-localisation > h2 {
|
||||
display: none;
|
||||
@@ -2833,6 +2818,12 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
.layout-content .fullpage.projets > .intro_map > header p {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
@media (min-width: 1080px) {
|
||||
.layout-content .fullpage.projets > .intro_map > header p {
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
}
|
||||
.layout-content .fullpage.projets > .intro_map .projets_intro {
|
||||
display: none;
|
||||
}
|
||||
@@ -3015,7 +3006,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
.fullpage.projet_full .retour_projets a {
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 800;
|
||||
color: #33ffc4;
|
||||
color: #0c8461;
|
||||
}
|
||||
.fullpage.projet_full .sous_titre > div > div {
|
||||
font-family: "Vogun", serif;
|
||||
@@ -3239,7 +3230,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
font-weight: 500;
|
||||
font-size: 1.375rem;
|
||||
line-height: 1.2;
|
||||
color: #33ffc4;
|
||||
color: #0c8461;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
@@ -3579,7 +3570,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
.ressource .retour_ressources a {
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 800;
|
||||
color: #33ffc4;
|
||||
color: #0c8461;
|
||||
}
|
||||
.ressource > div:not(.retour_ressources) {
|
||||
margin: 3vw;
|
||||
@@ -3680,7 +3671,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
.faq-fullpage .faq-question > span > a {
|
||||
color: #33ffc4;
|
||||
color: #0c8461;
|
||||
font-weight: 800;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -3698,7 +3689,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 0.5rem;
|
||||
margin-left: -40px;
|
||||
color: #33ffc4;
|
||||
color: #0c8461;
|
||||
}
|
||||
.faq-fullpage .faq-question-answer:last-of-type {
|
||||
border-bottom: solid 1px #0e3b2d;
|
||||
@@ -3798,7 +3789,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
.actu_full .retour_actus a {
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 800;
|
||||
color: #33ffc4;
|
||||
color: #0c8461;
|
||||
}
|
||||
.actu_full .article_meta {
|
||||
padding-top: 1.5rem;
|
||||
|
||||
Reference in New Issue
Block a user