css node-type-ressource
This commit is contained in:
@@ -504,7 +504,7 @@ $(document).ready(function(){
|
||||
|
||||
//////////////// start lightbox galerie image page site////////////////////////
|
||||
// Sélection des images à ouvrir dans la lightbox
|
||||
let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger, .paragraph--type--projet-diapo .lightbox-trigger');
|
||||
let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger, .paragraph--type--projet-diapo .lightbox-trigger, .imgages');
|
||||
let currentIndex;
|
||||
|
||||
// Création de la lightbox
|
||||
|
||||
@@ -0,0 +1,242 @@
|
||||
.node-type-ressource{
|
||||
.layout-content{
|
||||
margin-top: 2rem;
|
||||
max-width: 100vw;
|
||||
.content_container{
|
||||
width: 90% !important;
|
||||
}
|
||||
}
|
||||
.layout--threecol-25-50-25{
|
||||
flex-wrap: nowrap;
|
||||
justify-content: end;
|
||||
@media(max-width: 810px){
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.layout__region--second{
|
||||
margin: auto;
|
||||
flex: 0 1 70% !important;
|
||||
margin-top: 1rem;
|
||||
margin-right: 2rem;
|
||||
// width: 60%;
|
||||
.block-region-second{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
margin-left: 2rem;
|
||||
margin-right: 3rem;
|
||||
@media(max-width: 500px){
|
||||
margin-left: 0.5rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.field_title,
|
||||
.field_field_sous_titre{
|
||||
font-family: "gilroy-semibold";
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
div:has(.field_title){
|
||||
align-content: end;
|
||||
order: 1;
|
||||
color: $blue_QDD;
|
||||
h2{
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.field_field_sous_titre{
|
||||
font-size: 0.9rem;
|
||||
padding-left: 1.5rem;
|
||||
}
|
||||
|
||||
div:has(.field_field_sous_titre){
|
||||
flex: 0 0 100%;
|
||||
order: 2;
|
||||
}
|
||||
|
||||
div:has(.field_field_author){
|
||||
order: 3;
|
||||
font-family: "gilroy-light";
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
div:has(.field_field_mots_clefs){
|
||||
order: 5;
|
||||
.field_field_mots_clefs{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-top: 1rem;
|
||||
div{
|
||||
border: solid 1px $blue_QDD;
|
||||
margin-right: 0.2rem;
|
||||
padding: 0.1rem 0.2rem;
|
||||
font-size: 0.6rem;
|
||||
font-family: "gilroy-semibold";
|
||||
color: $blue_QDD;
|
||||
@media(max-width: 810px){
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
div:has(.field_field_site){
|
||||
order: 6;
|
||||
margin-top: 0.5rem ;
|
||||
padding-bottom: 1rem ;
|
||||
margin-bottom: 1rem;
|
||||
border-bottom: solid 1px black;
|
||||
.field_field_site{
|
||||
position: relative;
|
||||
padding-left: 20px; // Ajuster selon la taille de l'icône
|
||||
&:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
background-image: url("../img/map_pointer.svg");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
color: $red_QDD;
|
||||
font-family: "gilroy-semibold";
|
||||
}
|
||||
}
|
||||
|
||||
div:has(.field_body){
|
||||
order: 7;
|
||||
.field_body{
|
||||
font-family: "gilroy-light";
|
||||
p{
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div:has(.field_field_documents){
|
||||
order: 8 !important;
|
||||
margin-bottom: 0.5rem;
|
||||
.field_field_documents{
|
||||
display: inline-flex;
|
||||
a{color: white;}
|
||||
align-items: center;
|
||||
color: white;
|
||||
background: black;
|
||||
padding-left: 0.5rem;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.5rem;
|
||||
margin-bottom: 0.3rem;
|
||||
padding: 0.3rem;
|
||||
|
||||
svg{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div:has(.field_field_liens){
|
||||
order: 9;
|
||||
margin-bottom: 1.5rem;
|
||||
.field_field_liens{
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
color: white;
|
||||
background: black;
|
||||
padding-left: 0.5rem;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.5rem;
|
||||
margin-bottom: 0.3rem;
|
||||
|
||||
svg{
|
||||
display: none;
|
||||
}
|
||||
&::after{
|
||||
display: inline-flex;
|
||||
content: url("../img/noun-arrow-to-right.svg");
|
||||
padding-right: 0.2rem;
|
||||
padding-left: 0.2rem;
|
||||
}
|
||||
a{
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
div:has(.field_field_images){
|
||||
order: 10;
|
||||
width: 100%;
|
||||
.diaporama{
|
||||
display: flex !important;
|
||||
flex-direction: row !important;
|
||||
// justify-content: space-between;
|
||||
gap: 20px;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 2rem;
|
||||
@media(max-width: 500px){
|
||||
flex-direction: column !important;
|
||||
}
|
||||
.images{
|
||||
// margin: auto;
|
||||
img{
|
||||
object-fit: cover;
|
||||
width: 220px !important;
|
||||
height: 145px;
|
||||
}
|
||||
}
|
||||
.image-field-caption{
|
||||
margin: 0;
|
||||
// max-width: 200px;
|
||||
p{
|
||||
margin-top: 0;
|
||||
font-size: 0.5rem;
|
||||
font-family: 'gilroy-light';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
div:has(.field--name-field-documents){
|
||||
order: 5;
|
||||
margin-top: 0.5rem;
|
||||
.field--name-field-documents{
|
||||
a{
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
color: white;
|
||||
background: black;
|
||||
padding-left: 0.5rem;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.5rem;
|
||||
margin-bottom: 0.3rem;
|
||||
|
||||
svg{
|
||||
display: none;
|
||||
}
|
||||
&::after{
|
||||
display: inline-flex;
|
||||
content: url("../img/noun-arrow-to-right.svg");
|
||||
padding-right: 0.2rem;
|
||||
padding-left: 0.2rem;
|
||||
// padding-bottom: 0.2rem;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
div:has(.field_field_liens){
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.field_field_liens_site > div:nth-child(2) > div:nth-child(1){
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
@@ -49,6 +49,7 @@
|
||||
@import "pages/node-type-actualite";
|
||||
@import "pages/node-type-site";
|
||||
@import "pages/node-type-projet";
|
||||
@import "pages/node-type-ressource";
|
||||
@import "pages/lessites.scss";
|
||||
@import "pages/lesprojets.scss";
|
||||
@import "pages/ressources";
|
||||
|
||||
Reference in New Issue
Block a user