homogéénéistion css bouton noir

This commit is contained in:
2025-11-13 11:09:54 +01:00
parent 442fc4431a
commit 5f68e33f3d
5 changed files with 17 additions and 77 deletions

View File

@@ -63,19 +63,14 @@
} }
#sites-map-container .link-30-projets a { #sites-map-container .link-30-projets a {
align-items: center; display: inline-flex;
color: white; align-items: center;
background: black; color: white;
font-family: 'gilroy-bold'; background: black;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.5rem; font-size: 0.5rem;
padding-left: 0.5rem; padding-left: 0.5rem;
text-decoration: none;
margin-top: 0.7rem;
height: 1.3rem;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
display: inline-flex;
} }
#sites-map-container .link-30-projets a:after { #sites-map-container .link-30-projets a:after {
display: inline-flex; display: inline-flex;

View File

@@ -1680,7 +1680,7 @@ footer {
align-items: center; align-items: center;
color: white; color: white;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6rem; font-size: 0.5rem;
width: max-content; width: max-content;
} }
#home .__container-deroulement .config_pages--type--deroulement .field_field_calendrier .file--application-pdf a svg { #home .__container-deroulement .config_pages--type--deroulement .field_field_calendrier .file--application-pdf a svg {
@@ -1960,7 +1960,7 @@ footer {
color: white; color: white;
background: black; background: black;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6rem; font-size: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens a svg { #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens a svg {
@@ -2006,7 +2006,7 @@ footer {
color: white; color: white;
background: black; background: black;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6rem; font-size: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
#actus-caroussel .content-actus footer #block-block-content764294aa-409f-4668-88bf-dc71e186915c .field_field_link a svg { #actus-caroussel .content-actus footer #block-block-content764294aa-409f-4668-88bf-dc71e186915c .field_field_link a svg {
@@ -2373,7 +2373,6 @@ body {
#home article.node-type-static .field_body h6 { #home article.node-type-static .field_body h6 {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex: 0 0 40%;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 2rem !important; margin-bottom: 2rem !important;
width: fit-content; width: fit-content;
@@ -2389,7 +2388,7 @@ body {
color: white; color: white;
background: black; background: black;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6rem; font-size: 0.5rem;
padding-left: 0.5rem; padding-left: 0.5rem;
} }
#home article.node-type-static .field_body h6 a svg { #home article.node-type-static .field_body h6 a svg {

View File

@@ -111,7 +111,7 @@
h6{ h6{
display: flex; display: flex;
justify-content: center; justify-content: center;
flex: 0 0 40%; // flex: 0 0 40%;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 2rem !important; margin-bottom: 2rem !important;
width: fit-content; width: fit-content;
@@ -127,7 +127,7 @@
color: white; color: white;
background: black; background: black;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6rem; font-size: 0.5rem;
padding-left: 0.5rem; padding-left: 0.5rem;
svg{ svg{
display: none; display: none;

View File

@@ -279,7 +279,7 @@
color: white; color: white;
background: black; background: black;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6rem; font-size: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
svg{ svg{
@@ -337,7 +337,7 @@
color: white; color: white;
background: black; background: black;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6rem; font-size: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
svg{ svg{
display: none; display: none;

View File

@@ -1,6 +1,6 @@
// /* TIMELINE // Calendrier
// */
#home{ #home{
* { box-sizing: border-box; } * { box-sizing: border-box; }
@@ -19,18 +19,14 @@
height: fit-content; height: fit-content;
padding-top: 4rem; padding-top: 4rem;
padding-bottom: 3rem; padding-bottom: 3rem;
// padding-top: 3rem;
.field_field_title{ .field_field_title{
width: fit-content; width: fit-content;
margin: auto; margin: auto;
// margin-top: 3.5rem;
// padding-top: 4rem;
font-size: 1.7rem; font-size: 1.7rem;
padding-left: 0.5rem; padding-left: 0.5rem;
width: fit-content; width: fit-content;
font-family: "gilroy-semibold"; font-family: "gilroy-semibold";
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
.field_field_phase{ .field_field_phase{
height: 100%; height: 100%;
@@ -48,11 +44,6 @@
height: fit-content; height: fit-content;
} }
&.__paragraphs{
// ::before{
// content: '\002022';
// }
}
.paragraph--type--phase-deroulement::after { .paragraph--type--phase-deroulement::after {
content: ''; content: '';
position: absolute; position: absolute;
@@ -76,54 +67,12 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding-right: 1rem; padding-right: 1rem;
// padding-bottom: 1rem;
@media(max-width:1100px){ @media(max-width:1100px){
flex-direction: column; flex-direction: column;
align-items: baseline; align-items: baseline;
padding-bottom: 1rem; padding-bottom: 1rem;
padding-left: 4rem; padding-left: 4rem;
} }
// .border-symbol{
// align-self: end;
// font-size: 2.5rem;
// display: inline-block; /* Permet d'utiliser height */
// line-height: 0; /* Assure que la hauteur est minimale */
// transform: translateX(1rem);
// @media(max-width:1100px){
// transform: translateY(18.6rem);
// }
// @media(max-width:1080px){
// transform: translateY(18.3rem);
// }
// @media(min-width:809px){
// transform: translateY(20.7rem);
// }
// @media(max-width:770px){
// align-self: center;
// font-size: 2.5rem;
// display: inline-block;
// line-height: 0;
// transform: translateY(21.2rem);
// padding-right: 3rem;
// }
// // @media(max-width:290px){
// // transform: translateY(22.2rem);
// // }
// }
// border-bottom: solid black 1px;
// &:before{
// content:".";
// font-size: 4rem;
// position: absolute;
// top: 50%;
// transform: translateY(-50%); /* Centrer parfaitement verticalement */
// @media(max-width:550px){
// display: none;
// }
// }
.date{ .date{
width: fit-content !important; width: fit-content !important;
@@ -153,11 +102,8 @@
&::after{ &::after{
content: '.'; content: '.';
} }
} }
} }
.annee{ .annee{
display: flex; display: flex;
@@ -275,7 +221,7 @@
align-items: center; align-items: center;
color: white; color: white;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6rem; font-size: 0.5rem;
width: max-content; width: max-content;
svg{ svg{