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

page actualite css

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-03-31 11:45:52 +02:00
parent f15763890c
commit d7d8ec0c7d
6 changed files with 139 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -460,7 +460,6 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
padding-left: 1rem;
padding-right: 1rem;
margin: auto;
padding-top: 1%;
}
@media (max-width: 1025px) {
header .header_nav_container #block-quartiers-de-demain-entete ul {
@@ -499,6 +498,15 @@ header .header_nav_container #block-quartiers-de-demain-selecteurdelangue {
width: fit-content;
margin: auto;
}
@media (max-width: 810px) {
header .header_nav_container #block-quartiers-de-demain-selecteurdelangue {
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
}
header .header_nav_container #block-quartiers-de-demain-selecteurdelangue .links {
margin-top: 0.5rem;
}
}
header .header_nav_container.hidden {
transform: translateX(30%);
}
@@ -578,7 +586,6 @@ header .header:hover + .header_nav_container {
@media (max-width: 810px) {
.header--collapsed-already {
width: 100%;
height: 170px;
}
}
@media (min-width: 1400px) {
@@ -819,7 +826,7 @@ footer {
.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;
padding: 0.3rem 0.5rem 1rem 1rem;
width: 100%;
}
@media (max-width: 810px) {
@@ -3394,56 +3401,6 @@ body {
display: flex;
flex-direction: column;
}
#page-node .content_container .node-type-actualite div {
order: 2;
display: flex;
flex-direction: column;
}
#page-node .content_container .node-type-actualite div .field_body {
order: 2;
padding-bottom: 2rem;
font-family: "gilroy-light";
}
#page-node .content_container .node-type-actualite div .field_body p {
font-size: 0.8rem;
}
#page-node .content_container .node-type-actualite div .field_field_site {
margin-left: 0.5rem;
align-items: center;
}
#page-node .content_container .node-type-actualite div .field_field_site a {
color: red;
font-size: 0.7rem;
font-weight: 600;
display: inline-flex;
align-items: center;
padding-left: 0.1rem;
}
#page-node .content_container .node-type-actualite div .field_field_site a::before {
content: "";
display: inline-block;
width: 10px; /* Ajuste la largeur */
height: 20px; /* Ajuste la hauteur */
background-image: url("../img/map_pointer.svg");
background-size: contain;
background-repeat: no-repeat;
padding-right: 0.5rem;
}
#page-node .content_container .node-type-actualite div .field_field_images {
order: 5;
}
#page-node .content_container .node-type-actualite div .field_field_images img {
width: 100%;
height: auto;
}
#page-node .content_container .node-type-actualite div .field_field_images blockquote.image-field-caption {
margin-left: 0;
margin-top: 0;
}
#page-node .content_container .node-type-actualite div .field_field_images blockquote.image-field-caption p {
margin-top: 0;
font-size: 0.4rem;
}
#page-node .content_container .node-type-actualite .infos-actu {
order: 1;
display: flex;
@@ -3479,13 +3436,48 @@ body {
content: url("../img/date-actu.svg");
padding-right: 0.4rem;
}
#page-node .content_container .node-type-actualite .infos-actu .field_field_liens {
order: 3;
margin-left: 1rem;
#page-node .content_container .node-type-actualite .infos-actu .field_field_site {
margin-left: 0.5rem;
align-items: center;
}
#page-node .content_container .node-type-actualite .infos-actu .field_field_site a {
color: red;
font-size: 0.7rem;
font-weight: 600;
display: inline-flex;
align-items: center;
padding-left: 0.1rem;
}
#page-node .content_container .node-type-actualite .infos-actu .field_field_site a::before {
content: "";
display: inline-block;
width: 10px; /* Ajuste la largeur */
height: 20px; /* Ajuste la hauteur */
background-image: url("../img/map_pointer.svg");
background-size: contain;
background-repeat: no-repeat;
padding-right: 0.5rem;
}
#page-node .content_container .node-type-actualite .content-wrapper-actu {
order: 2;
display: flex;
flex-direction: column;
}
#page-node .content_container .node-type-actualite .content-wrapper-actu .field_body {
order: 1;
padding-bottom: 1rem;
font-family: "gilroy-light";
}
#page-node .content_container .node-type-actualite .content-wrapper-actu .field_body p {
font-size: 0.8rem;
}
#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_liens {
order: 2;
width: fit-content;
display: block !important;
margin-bottom: 1rem;
}
#page-node .content_container .node-type-actualite .infos-actu .field_field_liens a {
#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_liens a {
display: flex;
flex-direction: row;
padding-left: 0.5rem;
@@ -3496,15 +3488,30 @@ body {
text-transform: uppercase;
font-size: 0.6rem;
}
#page-node .content_container .node-type-actualite .infos-actu .field_field_liens a svg {
#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_liens a svg {
display: none;
}
#page-node .content_container .node-type-actualite .infos-actu .field_field_liens a::after {
#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_liens a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_images {
order: 3;
}
#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_images img {
width: 100%;
height: auto;
}
#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_images blockquote.image-field-caption {
margin-left: 0;
margin-top: 0;
}
#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_images blockquote.image-field-caption p {
margin-top: 0;
font-size: 0.4rem;
}
#page-node .content_container .toggle-actualite {
visibility: hidden;
}
@@ -4372,7 +4379,7 @@ main {
#actualites .layout-content .content_container #block-quartiers-de-demain-titredepage {
display: flex;
margin: auto;
margin-top: 14rem;
margin-top: 16rem;
}
}
#actualites .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {