ajust css ressources & actus

This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-20 10:44:18 +01:00
parent e483d62f52
commit b328796282
5 changed files with 98 additions and 16 deletions

View File

@ -796,7 +796,7 @@ footer {
}
.layout-sidebar-first {
width: 25%;
width: 20%;
position: fixed;
top: 250px;
margin: 1rem 2rem;
@ -827,6 +827,23 @@ footer {
font-size: 0.7rem;
font-family: "gilroy-light";
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2 {
text-transform: uppercase;
font-family: "gilroy-medium";
font-size: 0.7rem;
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2::after {
content: " :";
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 label {
text-transform: lowercase;
font-size: 0.6rem;
font-family: "gilroy-light";
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-select#edit-field-mots-clefs-target-id--2 {
max-width: 100%;
}
#logo-animated-container {
width: 60%;
margin-left: 20%;
@ -1667,7 +1684,6 @@ footer {
}
#actus-caroussel .content-actus .views-row .node-type-actualite .content-wrapper-actu .field_body {
order: 6;
padding-bottom: 1rem;
opacity: 1 !important;
transform: none !important;
font-family: "gilroy-light";
@ -1684,12 +1700,15 @@ footer {
display: flex;
flex-direction: row;
padding-left: 0.5rem;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
display: inline-flex;
align-items: center;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
margin-bottom: 0.5rem;
}
#actus-caroussel .content-actus .views-row .node-type-actualite .content-wrapper-actu .field_field_liens a svg {
display: none;
@ -3877,7 +3896,7 @@ main {
}
#ressources .layout-content .content_container .views-element-container {
margin-left: 15%;
width: 65%;
width: 60%;
}
#ressources .layout-content .content_container .views-element-container h3 {
text-align: center;
@ -3936,14 +3955,22 @@ main {
font-size: 0.5rem;
margin-bottom: 1rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row h2 {
font-family: "gilroy-semibold";
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row h2,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_sous_titre {
font-family: "gilroy-medium";
color: rgb(7, 50, 194);
font-size: 0.6rem;
margin-bottom: 0;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_body {
font-family: "gilroy-light";
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row p {
font-size: 0.5rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs {
margin-top: 0.5rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs div {
display: flex;
flex-direction: row !important;
@ -3960,6 +3987,9 @@ main {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs div div a {
color: rgb(7, 50, 194);
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_site {
margin-top: 0.5rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_site div a {
position: relative;
padding-left: 20px;
@ -3978,6 +4008,12 @@ main {
background-size: contain;
background-repeat: no-repeat;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_liens {
margin-top: 0.5rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_documents {
margin-top: 0.5rem;
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-documentation .field_body,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-documentation .field_field_images {
display: none;
@ -4295,7 +4331,6 @@ main {
}
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_body {
order: 6;
padding-bottom: 2rem;
opacity: 1 !important;
transform: none !important;
font-family: "gilroy-light";
@ -4312,12 +4347,15 @@ main {
display: flex;
flex-direction: row;
padding-left: 0.5rem;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
display: inline-flex;
align-items: center;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
margin-bottom: 0.5rem;
}
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens a svg {
display: none;

View File

@ -215,7 +215,7 @@
.field_body {
order: 6;
padding-bottom: 2rem;
// padding-bottom: 2rem;
opacity: 1 !important;
transform:none !important;
font-family: 'gilroy-light';
@ -232,12 +232,15 @@
display: flex;
flex-direction: row;
padding-left: 0.5rem;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
display: inline-flex;
align-items: center;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
margin-bottom: 0.5rem;
svg{
display: none;
}

View File

@ -31,7 +31,7 @@
}
.views-element-container{
margin-left: 15%;
width: 65%;
width: 60%;
h3{
&::before{
content:"";
@ -97,15 +97,22 @@
// width: 30%;
font-size: 0.5rem;
margin-bottom: 1rem;
h2{
font-family: "gilroy-semibold";
h2,
.field_field_sous_titre{
font-family: "gilroy-medium";
color: $blue_QDD;
font-size: 00.6rem;
margin-bottom: 0;
}
.field_body{
font-family: "gilroy-light";
}
p{
font-size: 0.5rem;
}
.field_field_mots_clefs{
margin-top: 0.5rem;
div{
display: flex;
flex-direction: row !important;
@ -125,12 +132,11 @@
}
.field_field_site{
margin-top: 0.5rem;
div {
a {
position: relative;
padding-left: 20px; // Ajuster selon la taille de l'icône
&:before {
content: "";
position: absolute;
@ -143,13 +149,19 @@
background-size: contain;
background-repeat: no-repeat;
}
color: $red_QDD;
font-family: "gilroy-semibold";
}
}
}
.field_field_liens{
margin-top: 0.5rem;
}
.field_field_documents{
margin-top: 0.5rem;
}
.type-documentation{
.field_body,

View File

@ -1,5 +1,5 @@
.layout-sidebar-first{
width: 25%;
width: 20%;
// display: flex;
position: fixed;
// left: 3%;
@ -34,5 +34,30 @@
}
.form-select #edit-field-type-d-actualite-target-id--2{
}
input #edit-submit-actus--2{
}
}
#block-quartiers-de-demain-formulaireexposeressourcespage-1{
h2{
text-transform: uppercase;
font-family: "gilroy-medium";
font-size: 0.7rem;
&::after{
content: ' :';
}
}
label{
text-transform: lowercase;
font-size: 0.6rem;
font-family: 'gilroy-light';
}
.form-select#edit-field-mots-clefs-target-id--2{
max-width: 100%;
}
}
}

View File

@ -212,7 +212,7 @@
.field_body {
order: 6;
padding-bottom: 1rem;
// padding-bottom: 1rem;
opacity: 1 !important;
transform:none !important;
font-family: 'gilroy-light';
@ -229,12 +229,16 @@
display: flex;
flex-direction: row;
padding-left: 0.5rem;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
display: inline-flex;
align-items: center;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
margin-bottom: 0.5rem;
svg{
display: none;
}