bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

carroussel actus

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-07-06 10:07:22 +02:00
parent a0e5c1d028
commit f2891d2beb
5 changed files with 276 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@@ -1075,6 +1075,77 @@ footer span.totop #toTop .arrow-up::before {
display: none;
}
#actus-caroussel {
display: flex;
flex-direction: column;
align-items: center;
}
#actus-caroussel .__timeline-arrows {
width: fit-content;
margin: auto;
}
#actus-caroussel .__timeline-arrows button {
background-color: transparent;
border: none;
}
#actus-caroussel .__timeline-arrows button:hover {
opacity: 0.5;
}
#actus-caroussel .__timeline-arrows button svg {
padding: 0.5rem;
}
#actus-caroussel h2 {
width: fit-content;
}
#actus-caroussel .content-actus .view {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100vw;
}
#actus-caroussel .content-actus .views-row {
width: 25%;
padding: 1rem;
}
#actus-caroussel .content-actus .views-row .node-type-actualite .field_field_images {
-moz-border-radius: 9px; /* pour Mozilla */
-khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */
border-radius: 9px; /* CSS3 */
background-color: red;
height: 160px;
margin-bottom: 0.6rem;
}
#actus-caroussel .content-actus .views-row .node-type-actualite .field_field_images img {
width: 100%;
height: auto;
max-height: 160px;
object-fit: cover;
}
#actus-caroussel .content-actus .views-row .node-type-actualite .field_field_type_d_actualite {
text-transform: uppercase;
color: red;
font-size: 0.6rem;
font-weight: 600;
}
#actus-caroussel .content-actus .views-row .node-type-actualite .field_field_date {
color: red;
}
#actus-caroussel .content-actus .views-row .node-type-actualite .field_title h2 {
margin: 0;
}
#actus-caroussel .content-actus .views-row .node-type-actualite .field_title h2 a {
font-size: 0.8rem;
color: rgb(7, 50, 194);
}
#actus-caroussel .content-actus .views-row .node-type-actualite .field_body p {
margin: 0;
}
#actus-caroussel .content-actus .views-row:nth-child(odd) {
position: relative;
top: 40px;
}
/*pages*/
#home .content_container #block-quartiers-de-demain-titredepage {
display: none;