bachir/drupal-erable
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ressources, corrections fonds, placement icones map projets fonctionnel en mobile

Browse Source
This commit is contained in:
Valentin
2024-11-07 23:49:56 +01:00
parent 6db99742c4
commit 217b84c755
29 changed files with 1131 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

267
web/themes/erabletheme/css/styles.css
View File

@@ -66,6 +66,10 @@ body > .dialog-off-canvas-main-canvas {
z-index: 1;
}
html {
overflow-x: hidden;
}
.layout-container {
display: flex;
}
@@ -341,7 +345,8 @@ body.toolbar-fixed header[role=banner] {
.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) {
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(9),
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(10) {
border-bottom: solid 1px white;
padding: 12px 0;
}
@@ -773,6 +778,7 @@ body.toolbar-fixed header[role=banner] {
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 {
@@ -997,14 +1003,26 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
#background {
z-index: -1;
max-width: 99vw;
width: 100vw;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}
#background img {
position: absolute;
pointer-events: none;
}
#background #bg-top #bg-1 {
top: 5vh;
left: 0;
#background #bg-top {
/* #bg-1 {
top: 5vh;
left: 0;
} */
/* #bg-4 {
top: 18vh;
right: -45vw;
} */
}
#background #bg-top #bg-3 {
top: 13vh;
@@ -1014,14 +1032,18 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
top: 8vh;
left: -28vw;
}
#background #bg-top #bg-4 {
top: 18vh;
right: -45vw;
}
#background #bg-middle #bg-5 {
top: -20vh;
#background #bg-top #bg-5 {
width: 20vw;
top: 5vh;
right: -10vw;
}
#background #bg-middle {
/* #bg-8 {
width: 80vw;
top: 45vh;
left: -40vw;
} */
}
#background #bg-middle #bg-6 {
top: 5vh;
right: -5vw;
@@ -1031,11 +1053,6 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
top: 10vh;
right: 0vw;
}
#background #bg-middle #bg-8 {
width: 80vw;
top: 45vh;
left: -40vw;
}
#background #bg-middle #bg-12 {
width: 105vw;
left: -5vw;
@@ -1339,6 +1356,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.map-projets > #sites-map-container #popup h3 {
@@ -1461,6 +1479,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.layout-content .fullpage .fullpage_content h3, .layout-content .fullpage .fullpage_content h4, .layout-content .fullpage .fullpage_content h5, .layout-content .fullpage .fullpage_content h6 {
@@ -1577,6 +1596,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > h2,
@@ -1753,6 +1773,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.paragraph--type--membre-equipe > .prenom,
@@ -2613,6 +2634,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.layout-content .fullpage.projets > .intro_map #sites-map-container #popup h3 {
@@ -2686,6 +2708,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title a {
color: #038788;
@@ -2860,6 +2883,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.fullpage.projet_full .text-content .intertitre {
@@ -2886,6 +2910,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
font-size: 0.9rem;
color: #038788;
font-weight: 800;
line-height: 1.3;
}
@media (min-width: 760px) {
.fullpage.projet_full .chiffre-clefs > div > div .paragraph > div:first-of-type {
@@ -2961,6 +2986,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
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:first-of-type {
@@ -3037,6 +3063,36 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
padding: 1rem 0;
}
.taxonomy_page > .fullpage_content > div:last-of-type {
display: grid !important;
grid-template-columns: 0.5fr 1fr;
grid-template-rows: repeat(3, auto);
}
.taxonomy_page > .fullpage_content > div:last-of-type > .diapo {
grid-column: 1;
grid-row: 2/4;
margin: 0 !important;
margin-left: 3vw !important;
}
.taxonomy_page > .fullpage_content > div:last-of-type > .sous_titre {
grid-column: 1/3;
grid-row: 1;
margin-bottom: 2rem;
}
.taxonomy_page > .fullpage_content > div:last-of-type > .localisation {
grid-column: 2;
grid-row: 2;
margin-top: 0 !important;
}
.taxonomy_page > .fullpage_content > div:last-of-type > .thematiques {
grid-column: 2;
grid-row: 3;
}
.feed-icon {
display: none;
}
@media (min-width: 760px) {
.fullpage.actus .actus_list {
display: grid;
@@ -3049,6 +3105,187 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
}
}
@media screen and (min-width: 760px) {
.fullpage .actus_list h2 {
font-size: 1.6rem !important;
}
}
.ressources {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.ressources > .main-title {
display: none;
}
.ressources > div {
padding: 0 3vw;
display: grid;
grid-template-columns: 0.25fr 1fr;
grid-auto-rows: auto;
}
.ressources > div > div > div:first-of-type {
display: none;
}
.ressources > div > h2 {
grid-column: 2;
grid-row: 1;
margin: 0 !important;
padding: 0 !important;
justify-self: start;
}
.ressources > div > h2 > a > span {
display: block;
font-family: "Barlow", sans-serif;
color: black;
font-size: 1.2rem;
}
@media (min-width: 760px) {
.ressources > div > h2 > a > span {
font-size: 1.6rem;
}
}
.ressources > div > div:first-of-type {
grid-column: 2;
grid-row: 3;
}
.ressources > div > div:first-of-type > div > span {
margin-top: -1rem;
}
.ressources > div > div:first-of-type > div > span 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;
}
.ressources > div > div:first-of-type > div > span a svg {
display: none;
}
.ressources > div > div:first-of-type > div > span a:hover {
background-color: #00ff80;
}
.ressources > div > div:first-of-type > div > span:last-of-type {
display: none;
}
.ressources > div > div:nth-of-type(2) {
grid-column: 1;
grid-row: 1/4;
padding: 2rem 0;
margin-right: 2rem;
}
.ressources > div > div:nth-of-type(2) img {
width: 100%;
height: auto;
}
.ressources > div > div:nth-of-type(3) {
grid-column: 2;
grid-row: 2;
margin-top: -1rem;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
.views-row:first-of-type > .ressources {
margin-top: 13vh !important;
}
.views-row:first-of-type > .ressources > .main-title {
display: block;
padding-top: 5vh !important;
font-family: "Barlow Condensed", sans-serif;
font-size: 1.6rem;
padding: 0 3vw;
margin-top: 1rem;
color: #038788;
text-transform: uppercase;
}
.views-row:first-of-type > .ressources > .main-title a {
color: #038788;
}
@media (min-width: 760px) {
.views-row:first-of-type > .ressources > .main-title {
font-size: 2.3rem;
}
}
.ressource > div {
margin: 3vw;
display: grid;
grid-template-columns: 0.25fr 1fr;
grid-auto-rows: auto;
}
.ressource > div > div > div:first-of-type {
display: none;
}
.ressource > div > h2 {
grid-column: 2;
grid-row: 1;
margin: 0 !important;
padding: 0 !important;
justify-self: start;
}
.ressource > div > h2 > span {
display: block;
font-family: "Barlow", sans-serif;
color: black;
font-size: 1.2rem;
}
@media (min-width: 760px) {
.ressource > div > h2 > span {
font-size: 1.6rem;
}
}
.ressource > div > div:first-of-type {
grid-column: 2;
grid-row: 3;
}
.ressource > div > div:first-of-type > div > span {
margin-top: -1rem;
}
.ressource > div > div:first-of-type > div > span 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;
}
.ressource > div > div:first-of-type > div > span a svg {
display: none;
}
.ressource > div > div:first-of-type > div > span a:hover {
background-color: #00ff80;
}
.ressource > div > div:first-of-type > div > span:last-of-type {
display: none;
}
.ressource > div > div:nth-of-type(2) {
grid-column: 1;
grid-row: 1/4;
padding: 2rem 0;
margin-right: 2rem;
}
.ressource > div > div:nth-of-type(2) img {
width: 100%;
height: auto;
}
.ressource > div > div:nth-of-type(3) {
grid-column: 2;
grid-row: 2;
margin-top: -1rem;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
.faq-fullpage {
font-family: "Marianne", sans-serif;
font-size: 1rem;

2
web/themes/erabletheme/css/styles.css.map
View File

File diff suppressed because one or more lines are too long