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

avancées intégration mobile

Browse Source
This commit is contained in:
Valentin
2023-12-13 15:08:55 +01:00
parent a08922d8be
commit 1bf7b2b251
22 changed files with 932 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,3 @@
@charset "UTF-8";
/* GLOBAL */
/* Marianne */
@font-face {
@@ -221,39 +220,22 @@ a {
.slick-container div.views-row article {
width: 100%;
}
.slick-container div.views-row article div:first-of-type {
.slick-container div.views-row article > div:first-of-type {
width: 100%;
max-height: 40vh;
height: 40vh;
overflow-y: hidden;
padding: 0 !important;
}
.slick-container div.views-row article div:first-of-type > div {
.slick-container div.views-row article > div:first-of-type > div {
width: 100%;
}
.slick-container div.views-row article div:first-of-type > div > a {
.slick-container div.views-row article > div:first-of-type > div > a {
max-width: 100%;
}
.slick-container div.views-row article div:first-of-type > div > a img {
.slick-container div.views-row article > div:first-of-type > div > a img {
width: 100%;
height: auto;
}
.slick-container div.views-row article .preview_date, .slick-container div.views-row article .preview_type, .slick-container div.views-row article .preview_sous_titre {
font-family: "Marianne", sans-serif;
font-size: 0.9rem;
padding: 2px 3vw;
}
.slick-container div.views-row article .preview_date {
margin-top: 1.3rem;
font-weight: 800;
}
.slick-container div.views-row article h2 {
font-family: "Barlow", sans-serif;
font-size: 2.3rem;
padding: 0 3vw;
margin-top: 1rem;
}
.slick-container div.views-row article h2 a {
color: #038788;
}
.slick-container #carousel_dots {
position: relative;
margin-top: -15px;
@@ -283,9 +265,8 @@ a {
border: solid 2px #00ff80;
padding: 9px 18px;
}
.slick-container footer a ::after {
content: "→";
padding-left: 10px;
.slick-container footer a svg {
display: none;
}
.actu_full {
@@ -296,8 +277,8 @@ a {
}
.actu_full div {
font-family: "Marianne", sans-serif;
font-size: 1.1rem;
line-height: 1.2;
font-size: 1rem;
line-height: 1.4;
}
.actu_full .retour_actus {
font-size: 0.8rem;
@@ -318,6 +299,7 @@ a {
font-size: 2.3rem;
padding: 0 3vw;
margin-top: 1rem;
color: #038788;
}
.actu_full h2 a {
color: #038788;
@@ -340,20 +322,84 @@ a {
width: 100%;
height: auto;
}
.actu_full .liens_fixed {
padding: 0 3vw;
text-align: right;
margin: 2rem 0;
}
.actu_full .liens_fixed 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;
}
.actu_full .liens_fixed a svg {
display: none;
}
.views-row article > div:first-of-type {
width: 100%;
max-height: 30vh;
height: auto;
overflow: hidden;
padding-left: 3vw;
padding-right: 3vw;
}
.views-row article > div:first-of-type a img {
height: auto;
width: 100%;
}
.views-row article .preview_meta {
font-family: "Marianne", sans-serif;
font-size: 0.9rem;
width: auto;
display: flex;
justify-content: space-between;
color: #038788;
border-top: solid 1px #038788;
margin: 0 3vw;
margin-top: 1.3rem;
padding-top: 0.7rem;
}
.views-row article .preview_meta > div:first-of-type {
font-weight: 800;
}
.views-row article .preview_sous_titre {
font-family: "Marianne", sans-serif;
font-size: 0.9rem;
padding: 2px 3vw;
}
.views-row article h2 {
font-family: "Barlow", sans-serif;
font-size: 2.3rem;
padding: 0 3vw;
margin-top: 1rem;
color: #038788;
}
.views-row article h2 a {
color: #038788;
}
/* PAGES */
.home_introduction {
border-bottom: solid 2px #038788;
width: 100%;
padding: 2rem 3vw;
padding: 2rem 0;
}
.home_introduction h2 {
display: none;
}
.home_introduction article > div {
max-height: none !important;
}
.home_introduction article > div p {
font-family: "Marianne", sans-serif;
font-size: 1.1rem;
line-height: 1.2;
font-size: 1rem;
line-height: 1.4;
}
.home_introduction div.more-link {
margin-top: 3rem;
@@ -372,9 +418,8 @@ a {
border: solid 2px #00ff80;
padding: 9px 18px;
}
.home_introduction div.more-link a ::after {
content: "→";
padding-left: 10px;
.home_introduction div.more-link a svg {
display: none;
}
.home_consultation {
@@ -387,16 +432,19 @@ a {
font-size: 2.3rem;
padding: 0 3vw;
margin-top: 1rem;
color: #038788;
margin-bottom: 1.2rem;
}
.home_consultation h2 a {
color: #038788;
}
.home_consultation article > div {
max-height: none !important;
}
.home_consultation article > div p {
padding: 0 3vw;
font-family: "Marianne", sans-serif;
font-size: 1.1rem;
line-height: 1.2;
font-size: 1rem;
line-height: 1.4;
}
.home_consultation div.more-link {
margin-top: 3rem;
@@ -414,13 +462,125 @@ a {
border: solid 2px #00ff80;
padding: 9px 18px;
}
.home_consultation div.more-link a ::after {
content: "→";
padding-left: 10px;
.home_consultation div.more-link a svg {
display: none;
}
.news_list:not(.slick-slider) {
background-color: red;
.fullpage {
margin-top: -3vh;
padding-top: 3vh;
background: linear-gradient(to bottom, #fcf9ee 80%, white 100%);
}
.fullpage > h2 {
font-family: "Barlow", sans-serif;
font-size: 2.3rem;
padding: 0 3vw;
margin-top: 1rem;
color: #038788;
padding-top: 5vh;
margin-bottom: 7vh;
}
.fullpage > h2 a {
color: #038788;
}
.fullpage .fullpage_content > h2 {
font-family: "Barlow", sans-serif;
font-size: 2.3rem;
padding: 0 3vw;
margin-top: 1rem;
color: #038788;
padding-top: 5vh;
}
.fullpage .fullpage_content > h2 a {
color: #038788;
}
.fullpage .fullpage_content .sous_titre {
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
padding: 0 3vw;
}
.fullpage .fullpage_content p {
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
padding: 0 3vw;
margin-bottom: 2rem;
}
.fullpage .fullpage_content p:first-of-type {
margin-top: 7vh;
}
.fullpage .fullpage_content .liens_fixed {
padding: 0 3vw;
text-align: right;
margin: 2rem 0;
}
.fullpage .fullpage_content .liens_fixed 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;
}
.fullpage .fullpage_content .liens_fixed a svg {
display: none;
}
.fullpage .views-row {
margin-bottom: 8vh;
}
.content_gouvernance .views-row {
margin-bottom: 2vh;
}
.content_gouvernance .views-row article > h2 {
margin-bottom: 2vh;
}
.content_gouvernance .views-row article > h2 a {
color: black;
font-size: 1.6rem;
}
.content_gouvernance .views-row article > div:first-of-type {
max-height: none;
}
.content_gouvernance .views-row article .paragraph--type--membre-equipe {
height: auto;
display: grid;
grid-template-columns: 30vw 1fr;
grid-auto-rows: auto;
margin-bottom: 5vh;
}
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type {
grid-row: 1/3;
display: flex;
align-items: center;
}
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type > div {
width: 20vw;
height: 20vw;
overflow: hidden;
border-radius: 10vw;
}
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type > div img {
width: 100%;
height: auto;
}
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(2) {
font-family: "Marianne", sans-serif;
font-size: 1.3rem;
color: #038788;
font-weight: 800;
margin-bottom: 2vh;
}
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(3) {
display: none;
}
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:last-of-type {
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
/*# sourceMappingURL=styles.css.map */