ouidade/dev-epau.archi.fr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

divers fix

Browse Source
This commit is contained in:
ouidade
2021-06-03 15:49:12 +02:00
parent bd16b1a431
commit 8d27853b79
4 changed files with 42 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/epau-antimatter/css-compiled/template.css
+14 -21
View File
@@ -876,8 +876,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
padding-left: 0 !important; padding-left: 0 !important;
padding-right: 0rem !important; } padding-right: 0rem !important; }
#header #logo { #header #logo {
position: absolute; position: absolute; }
left: -2rem; }
#logo img { #logo img {
height: 3rem; height: 3rem;
margin-left: 1rem; } } margin-left: 1rem; } }
@@ -890,14 +889,12 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
padding-right: 2rem; } } padding-right: 2rem; } }
.callout { .callout {
padding-top: 0.5rem; } background-color: rgba(255, 255, 255, 0.5);
padding-top: 0.5rem;
.callout h1, h2, h3, p {
text-align: left !important; }
.callout {
padding-right: 0rem !important; padding-right: 0rem !important;
padding-left: 0rem !important; } padding-left: 0rem !important; }
.callout h1, .callout h2, .callout h3, .callout p {
text-align: left !important; }
.callout h2 { .callout h2 {
text-transform: capitalize; text-transform: capitalize;
font-weight: 300; font-weight: 300;
@@ -924,6 +921,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
text-align: left; text-align: left;
margin-bottom: 0rem !important; } margin-bottom: 0rem !important; }
.titre_bsn p { .titre_bsn p {
text-transform: uppercase;
padding-right: 15%; } padding-right: 15%; }
@media (max-width: 442px) { @media (max-width: 442px) {
.titre_bsn h1 { .titre_bsn h1 {
@@ -1049,6 +1047,9 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
text-transform: uppercase; text-transform: uppercase;
left: 45%; left: 45%;
margin-bottom: 2rem !important; } margin-bottom: 2rem !important; }
@media (min-width: 768px) {
.bouton-ouverture {
display: none; } }
.gouvernance { .gouvernance {
background-color: #000; background-color: #000;
@@ -1256,17 +1257,14 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
flex-direction: row; flex-direction: row;
width: 65%; width: 65%;
align-items: center; align-items: center;
margin-left: 3rem; } justify-content: center; }
#new-footer .footer .footer-logos p {
display: inline-flex; }
#new-footer .footer .footer-logos img { #new-footer .footer .footer-logos img {
max-height: 4rem; max-height: 4rem;
padding-right: 3rem; } padding-right: 2rem; }
#new-footer .footer #new-footer .footer .footer-logos img:last-of-type {
height: 0.5rem !important; }
#new-footer .footer .contact { #new-footer .footer .contact {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-width: 288px;
width: 35%; width: 35%;
padding-left: 1.5rem; padding-left: 1.5rem;
margin-right: 2rem; margin-right: 2rem;
@@ -1292,15 +1290,12 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
padding-top: 1rem; padding-top: 1rem;
width: 80%; } width: 80%; }
#new-footer .footer .footer-logos { #new-footer .footer .footer-logos {
width: 90%;
margin-top: 1.5rem; margin-top: 1.5rem;
margin-left: 0.5rem; margin-left: 0.5rem;
flex-direction: column; flex-direction: column;
justify-content: space-between; } justify-content: space-between; }
#new-footer .footer .footer-logos img { #new-footer .footer .footer-logos img {
padding: 0.5rem; } padding: 0.5rem; } }
#new-footer .footer .footer-logos img:last-of-type {
padding: 0.8rem; } }
@media (max-width: 1024px) { @media (max-width: 1024px) {
#new-footer .footer .contact img { #new-footer .footer .contact img {
max-height: 1.5rem; } max-height: 1.5rem; }
@@ -1311,9 +1306,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
#new-footer .footer .contact svg { #new-footer .footer .contact svg {
margin-bottom: 0.6rem; } margin-bottom: 0.6rem; }
#new-footer .footer .footer-logos img { #new-footer .footer .footer-logos img {
padding: 0.5rem; } padding: 0.5rem; } }
#new-footer .footer .footer-logos img:last-of-type {
padding: 0.8rem; } }
button:focus { button:focus {
border: solid !important; border: solid !important;
user/themes/epau-antimatter/js/antimatter.js
+1
View File
@@ -26,6 +26,7 @@ jQuery(document).ready(function($){
$('.bouton-ouverture').html('Voir PLUS'); // Sinon on affiche LIRE PLUS $('.bouton-ouverture').html('Voir PLUS'); // Sinon on affiche LIRE PLUS
} }
// definir une règle si .texte-cache {max-height}<=.texte-cache.ouvert {max-height}, alors .bouton-ouverture { visible: hidden} // definir une règle si .texte-cache {max-height}<=.texte-cache.ouvert {max-height}, alors .bouton-ouverture { visible: hidden}
}); });
user/themes/epau-antimatter/scss/template/_custom.scss
+26 -53
View File
@@ -115,7 +115,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
} }
#header #logo { #header #logo {
position: absolute; position: absolute;
left: -2rem; // left: -2rem;
} }
#logo img { #logo img {
height: 3rem; height: 3rem;
@@ -135,29 +135,31 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
} }
} }
.callout { // .callout {
padding-top: 0.5rem; // padding-top: 0.5rem;
// // background-color: rgba(0, 0, 255, 0.1);
// // opacity: 0.2;
// }
} // .callout h1, h2, h3, p {
// text-align: left !important;
.callout h1, h2, h3, p { // }
text-align: left !important;
}
.callout { .callout {
background-color: rgba(255, 255, 255, 0.5);
padding-top: 0.5rem;
padding-right: 0rem !important; padding-right: 0rem !important;
padding-left: 0rem !important; padding-left: 0rem !important;
h1, h2, h3, p {
// h1 { text-align: left !important;
// margin-bottom: 0rem !important; }
// }
h2 { h2 {
text-transform: capitalize; text-transform: capitalize;
font-weight: 300; font-weight: 300;
font-size: 1rem; font-size: 1rem;
} }
} }
.titre_nsb { .titre_nsb {
display: block; display: block;
margin-right: 52%; margin-right: 52%;
@@ -182,14 +184,13 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
display: block; display: block;
margin-left: 40%; margin-left: 40%;
// padding-right: 15%; // padding-right: 15%;
h1 { h1 {
text-align: left; text-align: left;
margin-bottom: 0rem !important; margin-bottom: 0rem !important;
// padding-bottom: 3rem; // padding-bottom: 3rem;
} }
p { p {
text-transform: uppercase;
padding-right: 15%; padding-right: 15%;
} }
@media (max-width: 442px) { @media (max-width: 442px) {
@@ -201,7 +202,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
@keyframes animate { @keyframes animate {
0% {width: 0%;} 0% {width: 0%;}
100% {width: 100%;} 100% {width: 100%;}
} }
@@ -218,8 +218,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
} }
.after-h1 { .after-h1 {
.in-view-right { .in-view-right {
// opacity: 0;
// transition: opacity 1s ease-in-out;
animation: animate 1.2s 1 normal ease-in-out forwards; animation: animate 1.2s 1 normal ease-in-out forwards;
} }
.in-view { .in-view {
@@ -231,14 +229,9 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
.programmes { .programmes {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
background-color: #d5d2d1; background-color: #d5d2d1;
z-index: -1; z-index: -1;
justify-content: center; justify-content: center;
padding-left: 15%; padding-left: 15%;
@@ -249,10 +242,9 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
} }
.parallax-window { .parallax-window {
background: transparent; background: transparent;
} }
.parallax-mirror { .parallax-mirror {
top: -80px; top: -80px;
} }
@@ -366,6 +358,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
left: 45%; left: 45%;
// margin-top: 3rem; // margin-top: 3rem;
margin-bottom: 2rem !important; margin-bottom: 2rem !important;
@media (min-width: 768px) {display: none ;}
} }
@@ -684,17 +677,15 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
.footer-logos { .footer-logos {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
// flex-wrap: nowrap;
width: 65%; width: 65%;
align-items: center; align-items: center;
margin-left: 3rem; justify-content: center;
p { p {
display: inline-flex; // display: inline-flex;
} }
img { img {
// min-height: 4rem;
max-height: 4rem; max-height: 4rem;
padding-right: 3rem; padding-right: 2rem;
// &:last-of-type { // &:last-of-type {
// // height: 3.25rem; // // height: 3.25rem;
// padding-top: 0.30rem; // padding-top: 0.30rem;
@@ -703,13 +694,12 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
} }
} }
#new-footer .footer .footer-logos img:last-of-type {
height: 0.5rem !important;
}
.contact { .contact {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-width: 288px;
width: 35%; width: 35%;
padding-left: 1.5rem; padding-left: 1.5rem;
@@ -743,29 +733,19 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
width: 80%; width: 80%;
} }
.footer-logos { .footer-logos {
width: 90%; // width: 90%;
margin-top: 1.5rem; margin-top: 1.5rem;
margin-left: 0.5rem; margin-left: 0.5rem;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
img { img {
padding:0.5rem; padding:0.5rem;
&:last-of-type {
padding: 0.8rem;
}
} }
} }
} }
// .tothetop {
// bottom: $footer-height + 28rem;
// }
}
@media (max-width: 768px) {
// .tothetop {
// bottom: $footer-height + 10rem;
// }
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.footer { .footer {
.contact { .contact {
@@ -777,18 +757,11 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
.footer-logos { .footer-logos {
img { img {
padding: 0.5rem; padding: 0.5rem;
&:last-of-type {
padding: 0.8rem;
}
} }
} }
} }
// .tothetop {
// bottom: $footer-height + 11rem;
// }
} }
} }
user/themes/epau-antimatter/scss/template/modular/_text.scss
+1
View File
@@ -7,6 +7,7 @@ $image-margin: 2rem;
// styling // styling
.callout { .callout {
background: $text-bg; background: $text-bg;
// filter:opacity(0.2);
color: #fff; color: #fff;
padding: $text-padding $content-padding; padding: $text-padding $content-padding;
@include breakpoint(desktop-only) { @include breakpoint(desktop-only) {