fonds, ajustements carte index projets, ajustements grille index projets, hover carte leaflet projet, ajustements collectifs des projets
This commit is contained in:
Valentin
@@ -59,7 +59,11 @@ a {
|
||||
}
|
||||
} */
|
||||
body {
|
||||
background-color: lightgrey;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
body > div:first-of-type {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.layout-container {
|
||||
@@ -334,8 +338,10 @@ body.toolbar-fixed header[role=banner] {
|
||||
opacity: 1;
|
||||
}
|
||||
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(1),
|
||||
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(2),
|
||||
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(6) {
|
||||
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(6),
|
||||
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(7),
|
||||
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(8),
|
||||
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(9) {
|
||||
border-bottom: solid 1px white;
|
||||
padding: 12px 0;
|
||||
}
|
||||
@@ -981,6 +987,67 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
|
||||
display: none;
|
||||
}
|
||||
|
||||
#background {
|
||||
z-index: -1;
|
||||
}
|
||||
#background img {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
}
|
||||
#background #bg-top #bg-1 {
|
||||
top: 5vh;
|
||||
left: 0;
|
||||
}
|
||||
#background #bg-top #bg-3 {
|
||||
top: 13vh;
|
||||
left: -10vw;
|
||||
}
|
||||
#background #bg-top #bg-2 {
|
||||
top: 8vh;
|
||||
left: -28vw;
|
||||
}
|
||||
#background #bg-top #bg-4 {
|
||||
top: 18vh;
|
||||
right: -45vw;
|
||||
}
|
||||
#background #bg-middle #bg-5 {
|
||||
top: -20vh;
|
||||
right: -10vw;
|
||||
}
|
||||
#background #bg-middle #bg-6 {
|
||||
top: 5vh;
|
||||
right: -5vw;
|
||||
}
|
||||
#background #bg-middle #bg-7 {
|
||||
width: 85vw;
|
||||
top: 10vh;
|
||||
right: 0vw;
|
||||
}
|
||||
#background #bg-middle #bg-8 {
|
||||
width: 80vw;
|
||||
top: 45vh;
|
||||
left: -40vw;
|
||||
}
|
||||
#background #bg-middle #bg-12 {
|
||||
width: 105vw;
|
||||
left: -5vw;
|
||||
top: 30vh;
|
||||
}
|
||||
#background #bg-bottom #bg-11 {
|
||||
top: -70vh;
|
||||
right: -5vw;
|
||||
}
|
||||
#background #bg-bottom #bg-10 {
|
||||
width: 110vw;
|
||||
top: -150vh;
|
||||
left: 5vw;
|
||||
}
|
||||
#background #bg-bottom #bg-4 {
|
||||
transform: scaleX(-1);
|
||||
top: -40vh;
|
||||
left: -45vw;
|
||||
}
|
||||
|
||||
/* PAGES */
|
||||
.home_introduction {
|
||||
background-color: white;
|
||||
@@ -1085,6 +1152,8 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
|
||||
.home_introduction {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 20vh;
|
||||
margin-bottom: 20vh !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1209,6 +1278,8 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
|
||||
.map-projets {
|
||||
margin-left: 25vw;
|
||||
width: calc(100% - 50vw);
|
||||
margin-top: 10vh;
|
||||
margin-bottom: 10vh;
|
||||
}
|
||||
}
|
||||
.map-projets > h2 {
|
||||
@@ -1634,23 +1705,25 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
.paragraph--type--membre-equipe:first-of-type {
|
||||
margin-top: 5vh;
|
||||
}
|
||||
.paragraph--type--membre-equipe > div:first-of-type {
|
||||
.paragraph--type--membre-equipe > .portrait {
|
||||
grid-row: 1/3;
|
||||
}
|
||||
.paragraph--type--membre-equipe > .portrait > div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.paragraph--type--membre-equipe > div:first-of-type > div {
|
||||
.paragraph--type--membre-equipe > .portrait > div > div {
|
||||
width: 20vw;
|
||||
height: 20vw;
|
||||
position: relative;
|
||||
}
|
||||
.paragraph--type--membre-equipe > div:first-of-type > div img {
|
||||
.paragraph--type--membre-equipe > .portrait > div > div img {
|
||||
border-radius: 10vw;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.paragraph--type--membre-equipe > div:first-of-type > div::after {
|
||||
.paragraph--type--membre-equipe > .portrait > div > div::after {
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
@@ -1662,48 +1735,48 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
display: block;
|
||||
pointer-events: none;
|
||||
}
|
||||
.paragraph--type--membre-equipe > div:nth-of-type(2),
|
||||
.paragraph--type--membre-equipe > div:nth-of-type(3) {
|
||||
margin-bottom: 2vh;
|
||||
.paragraph--type--membre-equipe > .prenom,
|
||||
.paragraph--type--membre-equipe > .nom {
|
||||
align-self: flex-end;
|
||||
margin-bottom: 2vh;
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: 0.9rem;
|
||||
color: #038788;
|
||||
font-weight: 800;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.paragraph--type--membre-equipe > div:nth-of-type(2),
|
||||
.paragraph--type--membre-equipe > div:nth-of-type(3) {
|
||||
.paragraph--type--membre-equipe > .prenom,
|
||||
.paragraph--type--membre-equipe > .nom {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
.paragraph--type--membre-equipe > div:nth-of-type(3) {
|
||||
.paragraph--type--membre-equipe > .nom > div {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
.paragraph--type--membre-equipe > 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 > div:last-of-type > div > p {
|
||||
.paragraph--type--membre-equipe > .texte p {
|
||||
margin-top: 0 !important;
|
||||
padding-left: 0;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.paragraph--type--membre-equipe {
|
||||
grid-template-columns: 10vw auto 1fr;
|
||||
}
|
||||
.paragraph--type--membre-equipe > div:first-of-type > div {
|
||||
.paragraph--type--membre-equipe > .portrait > div > div {
|
||||
width: 10vw;
|
||||
height: 10vw;
|
||||
border-radius: 5vw;
|
||||
}
|
||||
.paragraph--type--membre-equipe > div:nth-of-type(2) {
|
||||
.paragraph--type--membre-equipe > .prenom {
|
||||
padding-left: 3vw;
|
||||
}
|
||||
.paragraph--type--membre-equipe > div:last-of-type > div > p {
|
||||
padding-left: 3vw;
|
||||
.paragraph--type--membre-equipe > .texte p {
|
||||
padding-left: 3vw !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2392,12 +2465,16 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
}
|
||||
}
|
||||
.layout-content .fullpage.projets > .intro_map > header {
|
||||
margin-right: 5vw;
|
||||
padding: 0 3vw;
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: 1rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
@media (min-width: 1080px) {
|
||||
.layout-content .fullpage.projets > .intro_map > header {
|
||||
max-width: 55vw;
|
||||
}
|
||||
}
|
||||
.layout-content .fullpage.projets > .intro_map > header h1, .layout-content .fullpage.projets > .intro_map > header h2, .layout-content .fullpage.projets > .intro_map > header h3,
|
||||
.layout-content .fullpage.projets > .intro_map > header h4, .layout-content .fullpage.projets > .intro_map > header h5, .layout-content .fullpage.projets > .intro_map > header h6 {
|
||||
padding: 0 !important;
|
||||
@@ -2436,12 +2513,16 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.layout-content .fullpage.projets > .intro_map > header p {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.layout-content .fullpage.projets > .intro_map .projets_intro {
|
||||
display: none;
|
||||
}
|
||||
.layout-content .fullpage.projets > .intro_map #sites-map-container {
|
||||
width: 70%;
|
||||
padding: 0 !important;
|
||||
padding-bottom: 5vh !important;
|
||||
}
|
||||
@media screen and (min-width: 760px) {
|
||||
.layout-content .fullpage.projets > .intro_map #sites-map-container {
|
||||
@@ -2450,8 +2531,10 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
}
|
||||
@media (min-width: 1080px) {
|
||||
.layout-content .fullpage.projets > .intro_map #sites-map-container {
|
||||
margin-right: 8vw !important;
|
||||
width: 85%;
|
||||
margin: 0 2vw;
|
||||
margin-right: 3vw;
|
||||
margin-top: 5vh;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
.layout-content .fullpage.projets > .intro_map #sites-map-container #popup h3 {
|
||||
@@ -2494,38 +2577,40 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
display: grid;
|
||||
grid-template-columns: 0.5fr 1fr;
|
||||
grid-template-rows: repeat(4, auto);
|
||||
grid-column-gap: 1rem;
|
||||
}
|
||||
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama {
|
||||
grid-column: 1;
|
||||
grid-row: 1/5;
|
||||
grid-row: 1/4;
|
||||
align-self: start;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content {
|
||||
width: 8rem;
|
||||
height: 8rem;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-items: start;
|
||||
justify-content: center;
|
||||
}
|
||||
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
mask-image: url("/themes/erabletheme/assets/shapes/shape_1.svg");
|
||||
mask-repeat: no-repeat;
|
||||
mask-size: 100% 100%;
|
||||
mask-size: 100% auto;
|
||||
mask-position: center;
|
||||
object-fit: cover;
|
||||
}
|
||||
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a img {
|
||||
width: 170%;
|
||||
height: auto;
|
||||
}
|
||||
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title {
|
||||
grid-column: 2;
|
||||
grid-row: 1;
|
||||
margin-bottom: 1rem;
|
||||
margin-left: -1rem;
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: 0.9rem;
|
||||
color: #038788;
|
||||
@@ -2545,6 +2630,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
font-size: 1.1rem !important;
|
||||
margin-bottom: 1rem;
|
||||
line-height: 1.3;
|
||||
font-size: 0.9rem !important;
|
||||
font-family: "Barlow", sans-serif;
|
||||
color: black;
|
||||
font-size: 1.2rem;
|
||||
@@ -2561,6 +2647,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
grid-column: 2;
|
||||
grid-row: 3;
|
||||
margin-bottom: 1rem;
|
||||
margin-left: -0.5rem;
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: 1rem;
|
||||
line-height: 1.4;
|
||||
@@ -2569,8 +2656,9 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
color: black;
|
||||
}
|
||||
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-th {
|
||||
grid-column: 2;
|
||||
grid-column: 1/3;
|
||||
grid-row: 4;
|
||||
padding-left: 1rem;
|
||||
}
|
||||
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-th ul li {
|
||||
display: inline-block;
|
||||
@@ -2642,6 +2730,9 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
color: black;
|
||||
padding: 0.2rem 0.4rem;
|
||||
}
|
||||
.fullpage.projet_full .intro > div > div:first-of-type {
|
||||
display: none;
|
||||
}
|
||||
.fullpage.projet_full .diapo {
|
||||
margin-top: 3rem;
|
||||
margin-left: 9vw;
|
||||
@@ -2737,7 +2828,8 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
}
|
||||
.fullpage.projet_full .carte {
|
||||
width: auto;
|
||||
margin: 4rem 3vw;
|
||||
margin: 0 3vw;
|
||||
margin-top: 4rem;
|
||||
}
|
||||
.fullpage.projet_full .carte .leaflet-pane path {
|
||||
stroke: #00ff80;
|
||||
@@ -2745,9 +2837,34 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
fill: #00ff80;
|
||||
fill-opacity: 0.2;
|
||||
}
|
||||
.fullpage.projet_full .carte #leaflet-popup {
|
||||
position: fixed;
|
||||
padding: 0.3rem 0.8rem;
|
||||
background-color: white;
|
||||
font-size: 0.8rem !important;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: 1rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.fullpage.projet_full .libelles-carte {
|
||||
display: none;
|
||||
}
|
||||
.fullpage.projet_full .legende-carte > div > div:first-of-type {
|
||||
display: none;
|
||||
}
|
||||
.fullpage.projet_full .legende-carte p {
|
||||
margin-top: 1rem !important;
|
||||
font-size: 0.8rem !important;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.fullpage.projet_full .chronologie {
|
||||
display: none;
|
||||
}
|
||||
.fullpage.projet_full .equipe {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
.fullpage.projet_full .equipe > div > div:first-of-type {
|
||||
margin-left: 3vw;
|
||||
margin-bottom: 2rem;
|
||||
@@ -2781,13 +2898,13 @@ 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:nth-of-type(2) > div {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
grid-row-gap: 1rem;
|
||||
grid-column-gap: 4rem;
|
||||
grid-row-gap: 2rem;
|
||||
grid-column-gap: 1.5rem;
|
||||
width: 75%;
|
||||
}
|
||||
@media screen and (min-width: 760px) {
|
||||
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
width: unset;
|
||||
}
|
||||
}
|
||||
@@ -2807,45 +2924,37 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
||||
grid-column-gap: 0;
|
||||
flex-direction: column;
|
||||
}
|
||||
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:first-of-type {
|
||||
grid-column: 1/span 2;
|
||||
grid-row: 1;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
margin-bottom: 0.75rem;
|
||||
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .portrait {
|
||||
display: none;
|
||||
}
|
||||
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:first-of-type > div {
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
}
|
||||
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:first-of-type > div > img {
|
||||
width: 5rem;
|
||||
height: auto;
|
||||
}
|
||||
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:nth-of-type(2) {
|
||||
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .nom {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-left: 0.3rem;
|
||||
color: black;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:nth-of-type(3) {
|
||||
.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;
|
||||
}
|
||||
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .prenom {
|
||||
grid-column: 1;
|
||||
grid-row: 2;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: black;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:nth-of-type(4) {
|
||||
.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;
|
||||
grid-column: 1/span 2;
|
||||
grid-row: 3;
|
||||
}
|
||||
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > div:nth-of-type(4) p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > .paragraph > .texte p {
|
||||
font-size: 0.9rem;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.fullpage.projet_full .liens > div > div,
|
||||
.fullpage.projet_full .file_fixed > div > div {
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user