css filtres

This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-24 14:57:24 +01:00
parent 9dedde9ff1
commit aec8acb16f
6 changed files with 161 additions and 83 deletions

View File

@ -609,6 +609,7 @@ header .header:hover + .header_nav_container {
footer {
z-index: 100;
margin-top: 3rem;
}
.footer {
@ -814,34 +815,72 @@ footer {
margin-top: 3rem;
}
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 {
background-color: white;
padding: 0.3rem 1rem 1rem 1rem;
width: 100%;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 h2 {
text-transform: uppercase;
font-family: "gilroy-medium";
font-size: 0.7rem;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2::after,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 h2::after {
content: " :";
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 label {
text-transform: lowercase;
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-select,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-select {
display: flex;
flex-direction: row;
justify-content: space-evenly;
margin-bottom: 0.5rem;
border-bottom: solid black 0.5px;
padding-top: 0.5rem;
font-size: 0.7rem;
font-family: "gilroy-light";
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2 {
text-transform: uppercase;
font-family: "gilroy-medium";
font-size: 0.7rem;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2::after {
content: " :";
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 label {
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-select label,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-select label {
width: 50%;
text-transform: lowercase;
font-size: 0.7rem;
font-family: "gilroy-light";
padding-bottom: 0.2rem;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-select select,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-select select {
background-color: white;
border: none;
width: 50%;
font-size: 0.6rem;
font-family: "gilroy-light";
font-family: "gilroy-medium";
padding-bottom: 0.2rem;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-select#edit-field-mots-clefs-target-id--2 {
max-width: 100%;
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield label,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield label {
text-transform: lowercase;
font-size: 0.7rem;
font-family: "gilroy-light";
padding-bottom: 0.2rem;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-actions,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .form-actions {
padding-top: 1rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-actions input,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .form-actions input {
background-color: white;
border: solid black 0.5px;
width: 45%;
padding: 0.3rem 0.2rem;
font-size: 0.7rem;
font-family: "gilroy-light";
}
#logo-animated-container {
@ -3902,6 +3941,7 @@ main {
display: flex;
flex-direction: column;
align-items: center;
margin: 2rem;
}
#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 3rem;

View File

@ -9,6 +9,7 @@
display: flex;
flex-direction: column;
align-items: center;
margin: 2rem;
#block-quartiers-de-demain-titredepage{
margin-top: 3rem;

View File

@ -1,63 +0,0 @@
.layout-sidebar-first{
width: 20%;
// display: flex;
position: fixed;
// left: 3%;
top: $header-height-big;
// z-index: 98;
margin: 1rem 2rem;
background-color: transparent;
@media(max-width:891px){
margin-left: 5%;
margin-top: 9rem;
}
@media (max-width:500px) {
width: 80%;
margin-top: 3rem;
}
#block-quartiers-de-demain-formulaireexposeactuspage-1{
h2{
text-transform: uppercase;
font-family: "gilroy-medium";
font-size: 0.7rem;
&::after{
content: ' :';
}
}
label{
text-transform: lowercase;
font-size: 0.7rem;
font-family: 'gilroy-light';
}
.form-select #edit-field-type-d-actualite-target-id--2{
}
input #edit-submit-actus--2{
}
}
#block-quartiers-de-demain-formulaireexposeressourcespage-1{
h2{
text-transform: uppercase;
font-family: "gilroy-medium";
font-size: 0.7rem;
&::after{
content: ' :';
}
}
label{
text-transform: lowercase;
font-size: 0.6rem;
font-family: 'gilroy-light';
}
.form-select#edit-field-mots-clefs-target-id--2{
max-width: 100%;
}
}
}

View File

@ -0,0 +1,99 @@
.layout-sidebar-first{
width: 20%;
// display: flex;
position: fixed;
// left: 3%;
top: $header-height-big;
// z-index: 98;
margin: 1rem 2rem;
background-color: transparent;
@media(max-width:891px){
margin-left: 5%;
margin-top: 9rem;
}
@media (max-width:500px) {
width: 80%;
margin-top: 3rem;
}
// #block-quartiers-de-demain-formulaireexposeactuspage-1{
// h2{
// text-transform: uppercase;
// font-family: "gilroy-medium";
// font-size: 0.7rem;
// &::after{
// content: ' :';
// }
// }
// label{
// text-transform: lowercase;
// font-size: 0.7rem;
// font-family: 'gilroy-light';
// }
// }
#block-quartiers-de-demain-formulaireexposeressourcespage-1,
#block-quartiers-de-demain-formulaireexposeactuspage-1{
background-color: white;
padding: 0.3rem 1rem 1rem 1rem;
width: 100%;
h2{
text-transform: uppercase;
font-family: "gilroy-medium";
font-size: 0.7rem;
&::after{
content: ' :';
}
}
.js-form-type-select{
display: flex;
flex-direction: row;
justify-content: space-evenly;
margin-bottom: 0.5rem;
border-bottom: solid black 0.5px ;
padding-top: 0.5rem;
font-size: 0.7rem;
font-family: 'gilroy-light';
label{
width: 50%;
text-transform: lowercase;
font-size: 0.7rem;
font-family: 'gilroy-light';
padding-bottom: 0.2rem;
}
select{
background-color: white;
border: none;
width: 50%;
font-size: 0.6rem;
font-family: 'gilroy-medium';
padding-bottom: 0.2rem;
}
}
.js-form-type-textfield{
label{
text-transform: lowercase;
font-size: 0.7rem;
font-family: 'gilroy-light';
padding-bottom: 0.2rem;
}
}
.form-actions{
padding-top:1rem ;
display: flex;
flex-direction: row;
justify-content: space-between;
input{
background-color: white;
border: solid black 0.5px;
width: 45%;
padding: 0.3rem 0.2rem;
font-size: 0.7rem;
font-family: 'gilroy-light';
}
}
}
}

View File

@ -1,5 +1,6 @@
footer{
z-index: 100;
margin-top: 3rem;
}
.footer{
display: flex;

View File

@ -67,13 +67,13 @@ body {
// right: 30px;
// }
#lightbox .prev,
#lightbox .prev,
#lightbox .next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
}
#lightbox .prev img,