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

favicon, script nbsp, pages login..., fix header logged in, équipes portrait, clean blob mask index projets

Browse Source
This commit is contained in:
Valentin
2024-11-07 20:34:00 +01:00
parent 9cd6627bfa
commit 6db99742c4
15 changed files with 362 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -61,7 +61,7 @@ a {
body {
overflow-x: hidden;
}
body > div:first-of-type {
body > .dialog-off-canvas-main-canvas {
position: relative;
z-index: 1;
}
@@ -98,11 +98,11 @@ em {
border: solid 1px red !important;
} */
/* PARTIALS */
body.toolbar-tray-open header[role=banner] {
left: 15rem !important;
width: calc(100% - 15rem) !important;
}
/*
body.toolbar-tray-open header[role="banner"] {
left: 15rem !important;
width: calc(100% - 15rem) !important;
} */
body.toolbar-fixed header[role=banner] {
top: 2.4em !important;
}
@@ -894,9 +894,10 @@ main.main-login, main.main-user, main.main-register, main.main-contact, main.mai
min-height: 50vh;
}
main.main-login .login, main.main-login .user, main.main-login .register, main.main-login .contact, main.main-login .ask, main.main-login .add-offre, main.main-user .login, main.main-user .user, main.main-user .register, main.main-user .contact, main.main-user .ask, main.main-user .add-offre, main.main-register .login, main.main-register .user, main.main-register .register, main.main-register .contact, main.main-register .ask, main.main-register .add-offre, main.main-contact .login, main.main-contact .user, main.main-contact .register, main.main-contact .contact, main.main-contact .ask, main.main-contact .add-offre, main.main-ask .login, main.main-ask .user, main.main-ask .register, main.main-ask .contact, main.main-ask .ask, main.main-ask .add-offre, main.main-add-offre .login, main.main-add-offre .user, main.main-add-offre .register, main.main-add-offre .contact, main.main-add-offre .ask, main.main-add-offre .add-offre {
padding-top: 5vh;
margin-top: 12vh;
padding: 5vh 0;
width: 100vw;
background: linear-gradient(to bottom, white 0%, #fcf9ee 10%, #fcf9ee 80%, white 100%);
background-color: white;
}
main.main-login .login > h2, main.main-login .user > h2, main.main-login .register > h2, main.main-login .contact > h2, main.main-login .ask > h2, main.main-login .add-offre > h2, main.main-user .login > h2, main.main-user .user > h2, main.main-user .register > h2, main.main-user .contact > h2, main.main-user .ask > h2, main.main-user .add-offre > h2, main.main-register .login > h2, main.main-register .user > h2, main.main-register .register > h2, main.main-register .contact > h2, main.main-register .ask > h2, main.main-register .add-offre > h2, main.main-contact .login > h2, main.main-contact .user > h2, main.main-contact .register > h2, main.main-contact .contact > h2, main.main-contact .ask > h2, main.main-contact .add-offre > h2, main.main-ask .login > h2, main.main-ask .user > h2, main.main-ask .register > h2, main.main-ask .contact > h2, main.main-ask .ask > h2, main.main-ask .add-offre > h2, main.main-add-offre .login > h2, main.main-add-offre .user > h2, main.main-add-offre .register > h2, main.main-add-offre .contact > h2, main.main-add-offre .ask > h2, main.main-add-offre .add-offre > h2 {
font-family: "Barlow", sans-serif;
@@ -987,6 +988,13 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
display: none;
}
.form-item {
padding-left: 3rem;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
#background {
z-index: -1;
}
@@ -1722,6 +1730,8 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
width: 100%;
height: 100%;
object-fit: cover;
padding: 1px;
filter: grayscale(100%);
}
.paragraph--type--membre-equipe > .portrait > div > div::after {
top: 0;
@@ -1826,11 +1836,23 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
align-items: center;
padding: 0 3vw;
}
.content_partenaires .views-row article > div:first-of-type > div:first-of-type {
grid-column: 1/3;
display: flex;
justify-content: center;
}
@media (min-width: 760px) {
.content_partenaires .views-row article > div:first-of-type > div:first-of-type {
grid-column: 1/2;
}
}
.content_partenaires .views-row article > div:first-of-type > div:first-of-type > .visually-hidden {
display: none;
}
.content_partenaires .views-row article > div:first-of-type > div:first-of-type > div {
width: 30vw;
height: auto;
overflow: hidden;
margin-bottom: 1rem;
}
.content_partenaires .views-row article > div:first-of-type > div:first-of-type > div img {
width: 100%;
@@ -1839,6 +1861,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
}
@media (min-width: 760px) {
.content_partenaires .views-row article > div:first-of-type > div:first-of-type > div {
margin-bottom: 1rem;
width: 20vw;
}
}
@@ -1848,11 +1871,17 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
}
}
.content_partenaires .views-row article > div:first-of-type > div:nth-of-type(2) {
grid-column: 1/3;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
margin-bottom: 2rem;
padding-left: 3vw;
}
@media (min-width: 760px) {
.content_partenaires .views-row article > div:first-of-type > div:nth-of-type(2) {
padding-left: 3vw;
grid-column: 2/3;
}
}
.content_partenaires .views-row article > div:first-of-type > div:last-of-type {
grid-column: 1/3;
@@ -2103,14 +2132,17 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin-right: 1rem;
}
.fullpage.meetup > .meetup_list > .views-row > a > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."])::after, .fullpage.meetup > .meetup_list > .views-row > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."])::after {
top: 1.2rem;
left: 1.2rem;
top: 0;
left: 0;
width: 8.1rem;
height: 8.1rem;
margin: 1rem;
margin-right: 2rem;
margin-top: 1.1rem;
position: absolute;
content: "";
width: 8rem;
height: 8rem;
background-image: url("/themes/erabletheme/assets/cercle_dessin.svg");
background-size: cover;
background-size: contain;
display: block;
pointer-events: none;
}
@@ -2145,6 +2177,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin: unset;
padding: unset;
font-weight: 800;
margin-top: 0 !important;
}
.fullpage.meetup > .meetup_list > .views-row > a > article > p.address, .fullpage.meetup > .meetup_list > .views-row > article > p.address {
grid-column: 2;
@@ -2249,14 +2282,15 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
.fullpage.meetup-offre > .offre-content > div > div > div > div .views-row {
margin-bottom: unset;
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > div:first-of-type {
.fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation {
padding: unset !important;
grid-column: 1/2;
grid-row: 1/6;
justify-self: center;
align-self: center;
position: relative;
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > div:first-of-type > img {
.fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation > img {
width: 8rem;
height: 8rem;
border-radius: 4rem;
@@ -2264,7 +2298,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin-right: 0.4rem;
}
@media (min-width: 760px) {
.fullpage.meetup-offre > .offre-content > div > div > div > div > div:first-of-type > img {
.fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation > img {
width: 15rem;
height: 15rem;
border-radius: 7.5rem;
@@ -2272,6 +2306,25 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin-right: 2rem;
}
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation::after {
top: 2px;
left: 2px;
width: 7.8rem;
height: 7.8rem;
position: absolute;
content: "";
background-image: url("/themes/erabletheme/assets/cercle_dessin.svg");
background-size: contain;
display: block;
pointer-events: none;
}
@media (min-width: 760px) {
.fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation::after {
width: 13.2rem;
height: 13.2rem;
margin: 0.8rem;
}
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-structure {
grid-column: 2/4;
grid-row: 1/2;
@@ -2340,15 +2393,30 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
margin-bottom: 0.5rem;
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > h2, .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > div {
display: inline-block;
display: inline-block !important;
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > h2 {
text-transform: unset !important;
font-size: 0.8rem !important;
color: black !important;
margin: 0 !important;
padding: 0 !important;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
@media (min-width: 1080px) {
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time {
margin-top: 0;
grid-column: 3/4;
grid-column: 2/4;
grid-row: 5/7;
}
}
@media (min-width: 1080px) {
.fullpage.meetup-offre > .offre-content > div > div > div > div:has(.views-field-contact a) > .offre-time {
grid-column: 3/4;
}
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-description {
grid-column: 1/4;
grid-row: 7/8;
@@ -2357,6 +2425,9 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
padding-top: 6vh;
margin-bottom: 4vh;
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-description p {
margin: 1rem 0;
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed {
grid-row: 8/9;
grid-column: 1/3;
@@ -2581,7 +2652,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
}
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama {
grid-column: 1;
grid-row: 1/4;
grid-row: 1/3;
align-self: start;
overflow: hidden;
height: 100%;
@@ -2589,9 +2660,10 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content {
display: block;
width: 100%;
height: 100%;
height: auto;
}
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a {
aspect-ratio: 1/1;
width: 100%;
height: auto;
display: flex;
@@ -2603,14 +2675,13 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
mask-position: center;
}
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a img {
width: 170%;
height: auto;
width: auto;
height: 100%;
}
.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;
@@ -2644,10 +2715,11 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
}
}
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-localisation-textuel {
grid-column: 2;
grid-column: 1/3;
grid-row: 3;
margin-bottom: 1rem;
margin-left: -0.5rem;
padding-left: 1.2rem;
padding-top: 0.3rem;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;

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

File diff suppressed because one or more lines are too long