page actualite css

This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-31 11:58:37 +02:00
parent d7d8ec0c7d
commit c7b43b6f09
2 changed files with 29 additions and 12 deletions

View File

@ -3410,6 +3410,10 @@ body {
padding: 1rem 0rem; padding: 1rem 0rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
#page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite {
display: flex;
align-items: center;
}
#page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite a { #page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite a {
text-transform: uppercase; text-transform: uppercase;
color: red; color: red;
@ -3427,8 +3431,8 @@ body {
color: red; color: red;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-basis: 25%;
margin-left: 1rem; margin-left: 1rem;
padding-right: 1rem;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
@ -3438,6 +3442,7 @@ body {
} }
#page-node .content_container .node-type-actualite .infos-actu .field_field_site { #page-node .content_container .node-type-actualite .infos-actu .field_field_site {
margin-left: 0.5rem; margin-left: 0.5rem;
display: flex;
align-items: center; align-items: center;
} }
#page-node .content_container .node-type-actualite .infos-actu .field_field_site a { #page-node .content_container .node-type-actualite .infos-actu .field_field_site a {
@ -3481,6 +3486,7 @@ body {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding-left: 0.5rem; padding-left: 0.5rem;
margin-bottom: 0.5rem;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
color: white; color: white;

View File

@ -45,25 +45,30 @@
padding: 1rem 0rem; padding: 1rem 0rem;
margin-bottom: 1rem; margin-bottom: 1rem;
.field_field_type_d_actualite a{ .field_field_type_d_actualite{
text-transform: uppercase;
color: red;
font-size: 0.6rem;
font-weight: 600;
display: flex; display: flex;
flex-direction: row;
align-items: center; align-items: center;
&::before{
content: url('../img/type-actu.svg'); a{
padding-right: 0.4rem; text-transform: uppercase;
color: red;
font-size: 0.6rem;
font-weight: 600;
display: flex;
flex-direction: row;
align-items: center;
&::before{
content: url('../img/type-actu.svg');
padding-right: 0.4rem;
}
} }
} }
.field_field_date{ .field_field_date{
color: red; color: red;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-basis: 25%;
margin-left: 1rem; margin-left: 1rem;
padding-right: 1rem;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -71,11 +76,16 @@
content: url('../img/date-actu.svg'); content: url('../img/date-actu.svg');
padding-right: 0.4rem; padding-right: 0.4rem;
} }
// div{
// display: flex;
// flex-direction: column;
// align-items: center;
// }
} }
.field_field_site{ .field_field_site{
margin-left: 0.5rem; margin-left: 0.5rem;
display: flex;
align-items: center; align-items: center;
a{ a{
color: red; color: red;
font-size: 0.7rem; font-size: 0.7rem;
@ -121,6 +131,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding-left: 0.5rem; padding-left: 0.5rem;
margin-bottom: 0.5rem;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
color: white; color: white;