config diaporama home css

This commit is contained in:
ouidade 2024-07-10 17:22:49 +02:00
parent c580ed67d6
commit 1a3e5ccedd
5 changed files with 28 additions and 25 deletions

View File

@ -194,6 +194,9 @@ h2 {
padding-top: 180px; padding-top: 180px;
} }
} }
.layout-container main#home {
padding-top: 0;
}
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
ul { ul {
@ -239,7 +242,6 @@ header {
position: fixed; position: fixed;
top: 0; top: 0;
transition: none; transition: none;
/* Classes for scroll effect */
} }
@media (max-width: 810px) { @media (max-width: 810px) {
header { header {
@ -1432,6 +1434,10 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
} }
/*pages*/ /*pages*/
#home .config_pages--type--diaporama-home .field_field_images img {
width: 100%;
height: auto;
}
#home .content_container #block-quartiers-de-demain-titredepage { #home .content_container #block-quartiers-de-demain-titredepage {
display: none; display: none;
} }
@ -1439,6 +1445,9 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-top: 4rem; padding-top: 4rem;
padding-bottom: 2rem; padding-bottom: 2rem;
} }
#home article.node-type-static .field_title {
display: none;
}
#home article.node-type-static .field_body { #home article.node-type-static .field_body {
width: 80%; width: 80%;
margin: auto; margin: auto;

View File

@ -36,21 +36,13 @@ $width-menu-slidedown : 550px;
main{ main{
width: 100%; width: 100%;
padding-top: $header-height; padding-top: $header-height;
// display: grid;
// grid-template-columns: repeat(12, 1fr);
@media(max-width: 810px){ @media(max-width: 810px){
padding-top: 180px; padding-top: 180px;
} }
&#home{
padding-top: 0;
}
} }
// .content_container{
// display: grid;
// grid-template-columns: repeat(12, 1fr);
// }
}
.layout-content{
// grid-column: 1 / span 12;
// padding-top: $header-height;
} }

View File

@ -1,4 +1,13 @@
#home{ #home{
.config_pages--type--diaporama-home{
.field_field_images{
img{
width: 100%;
height: auto;
}
}
}
.content_container{ .content_container{
#block-quartiers-de-demain-titredepage{ #block-quartiers-de-demain-titredepage{
display: none; display: none;
@ -9,6 +18,9 @@
padding-bottom: 2rem; padding-bottom: 2rem;
} }
article.node-type-static{ article.node-type-static{
.field_title{
display: none;
}
.field_body{ ///// texte de présentation .field_body{ ///// texte de présentation
width: 80%; width: 80%;
margin: auto; margin: auto;

View File

@ -168,16 +168,6 @@ header{
} }
} }
/* Classes for scroll effect */
// &.shrink {
// height: var(--header-height-small);
// }
// .header_left_container.shrink {
// transform: scale(0.8);
// }
.header_nav_container.hidden { .header_nav_container.hidden {
transform: translateX(30%); transform: translateX(30%);
} }

View File

@ -61,7 +61,7 @@
<div class="layout-content"> <div class="layout-content">
<div id="logo-animated-container"> {# <div id="logo-animated-container">
<div id="logo-animated"> <div id="logo-animated">
<svg viewBox="0 0 1300 1000" preserveAspectRatio="xMinYMin meet" id="traits"> <svg viewBox="0 0 1300 1000" preserveAspectRatio="xMinYMin meet" id="traits">
@ -78,7 +78,7 @@
<img src="/themes/custom/quartiers_de_demain/src/assets/img/quartier-noir.png" id="quartier-noir"/> <img src="/themes/custom/quartiers_de_demain/src/assets/img/quartier-noir.png" id="quartier-noir"/>
</div> </div>
</div> </div> #}
{{ page.content }} {{ page.content }}
</div>{# /.layout-content #} </div>{# /.layout-content #}