page-node actualite css

This commit is contained in:
2025-03-13 14:51:38 +01:00
parent 9c6643200d
commit a7bff409d1
4 changed files with 159 additions and 116 deletions

File diff suppressed because one or more lines are too long

View File

@@ -3170,11 +3170,65 @@ body {
#page-node .content_container .node-type-actualite {
width: 100%;
padding-bottom: 7rem;
}
#page-node .content_container .node-type-actualite a {
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;
}
#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_liens {
order: 3;
padding-bottom: 2rem;
padding-top: 2rem;
width: fit-content;
}
#page-node .content_container .node-type-actualite div .field_field_liens a {
display: flex;
flex-direction: row;
padding-left: 0.5rem;
display: inline-flex;
align-items: center;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
}
#page-node .content_container .node-type-actualite div .field_field_liens a svg {
display: none;
}
#page-node .content_container .node-type-actualite div .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 div .field_field_liens a:not(.ext) {
display: none;
}
#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;
@@ -3189,8 +3243,8 @@ body {
color: red;
font-size: 0.6rem;
font-weight: 600;
display: inline-flex;
align-items: center;
display: flex;
flex-direction: row;
}
#page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite a::before {
content: url("../img/type-actu.svg");
@@ -3198,64 +3252,15 @@ body {
}
#page-node .content_container .node-type-actualite .infos-actu .field_field_date {
color: red;
display: inline-flex;
align-items: center;
display: flex;
flex-direction: row;
margin-left: 1rem;
padding-right: 1rem;
}
#page-node .content_container .node-type-actualite .infos-actu .field_field_date::before {
content: url("../img/date-actu.svg");
padding-right: 0.4rem;
}
#page-node .content_container .node-type-actualite .field_body {
order: 2;
padding-bottom: 2rem;
}
#page-node .content_container .node-type-actualite .field_body p {
font-size: 0.8rem;
}
#page-node .content_container .node-type-actualite .field_field_liens {
order: 3;
padding-bottom: 2rem;
padding-top: 2rem;
}
#page-node .content_container .node-type-actualite .field_field_liens a {
display: flex;
flex-direction: row;
padding-left: 0.5rem;
display: inline-flex;
align-items: center;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
}
#page-node .content_container .node-type-actualite .field_field_liens a svg {
display: none;
}
#page-node .content_container .node-type-actualite .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 .field_field_liens a:not(.ext) {
display: none;
}
#page-node .content_container .node-type-actualite .field_field_images {
order: 5;
}
#page-node .content_container .node-type-actualite .field_field_images img {
width: 100%;
height: auto;
}
#page-node .content_container .node-type-actualite .field_field_images blockquote.image-field-caption {
margin-left: 0;
margin-top: 0;
}
#page-node .content_container .node-type-actualite .field_field_images blockquote.image-field-caption p {
margin-top: 0;
font-size: 0.4rem;
}
.node-type-site .layout-content {
margin-top: 2rem;