css filtres
This commit is contained in:
parent
9dedde9ff1
commit
aec8acb16f
@ -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;
|
||||
|
@ -9,6 +9,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin: 2rem;
|
||||
|
||||
#block-quartiers-de-demain-titredepage{
|
||||
margin-top: 3rem;
|
||||
|
@ -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%;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
@ -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';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
@ -1,5 +1,6 @@
|
||||
footer{
|
||||
z-index: 100;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
.footer{
|
||||
display: flex;
|
||||
|
@ -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,
|
||||
|
Loading…
x
Reference in New Issue
Block a user