diff --git a/src/pages/afficheurs/classiques/ClassiquesArrivees.css b/src/pages/afficheurs/classiques/ClassiquesArrivees.css index cf21a2c..d4ba708 100644 --- a/src/pages/afficheurs/classiques/ClassiquesArrivees.css +++ b/src/pages/afficheurs/classiques/ClassiquesArrivees.css @@ -262,12 +262,12 @@ /* Colonne 3 : Heure (Grande, jaune vif) */ .aff-classiques-arrivees__col-time { - width: 290px; - min-width: 290px; + width: 250px; + min-width: 250px; display: flex; align-items: center; justify-content: flex-start; - padding-left: 18px; + padding-left: 14px; height: 100%; box-sizing: border-box; position: relative; @@ -276,10 +276,10 @@ .aff-classiques-arrivees__time { color: var(--yellow); - font-size: 80px; + font-size: 68px; font-weight: 700; line-height: 1; - letter-spacing: -1px; + letter-spacing: -0.5px; white-space: nowrap; font-family: "Achemine", sans-serif; } @@ -302,7 +302,7 @@ .aff-classiques-arrivees__destination { color: var(--white); - font-size: 74px; + font-size: 62px; font-weight: 600; line-height: 1; white-space: nowrap; @@ -313,22 +313,22 @@ /* Colonne 5 : Quai / Voie (Premier plan absolu z-index: 20, au-dessus du watermark) */ .aff-classiques-arrivees__col-platform { - width: 104px; - min-width: 104px; + width: 96px; + min-width: 96px; display: flex; align-items: center; justify-content: center; height: 100%; position: relative; z-index: 20; - margin-right: 8px; + margin-right: 6px; } .aff-classiques-arrivees__platform-box { - width: 98px; - height: 94px; - border: 4.5px solid var(--white); - border-radius: 16px; + width: 88px; + height: 84px; + border: 3.5px solid var(--white); + border-radius: 12px; display: flex; align-items: center; justify-content: center; @@ -338,7 +338,7 @@ .aff-classiques-arrivees__platform-text { color: var(--white); - font-size: 68px; + font-size: 60px; font-weight: 700; line-height: 1; font-family: "Achemine", sans-serif; @@ -353,13 +353,14 @@ width: 100%; display: flex; align-items: center; + justify-content: space-between; box-sizing: border-box; padding-left: 24px; padding-right: 12px; - background: linear-gradient(180deg, #1b6326 0%, #0e3a15 100%) !important; + background: linear-gradient(180deg, #13571d 0%, #0a2d0f 100%) !important; position: relative; - z-index: 30; - border-top: 1.5px solid rgba(255, 255, 255, 0.22); + z-index: 25; + border-top: 1.5px solid rgba(255, 255, 255, 0.18); } .aff-classiques-arrivees__info-bar { @@ -373,7 +374,7 @@ .aff-classiques-arrivees__info-bar-text { color: var(--white); - font-size: 46px; + font-size: 44px; font-weight: 600; font-family: "Achemine", sans-serif; line-height: 1; @@ -384,20 +385,20 @@ display: inline-flex; align-items: flex-start; justify-content: center; - border: 3px solid rgba(255, 255, 255, 0.92); - border-radius: 8px; - padding: 6px 14px 4px 14px; - background: rgba(10, 42, 16, 0.35); + border: 2px solid rgba(255, 255, 255, 0.9); + border-radius: 6px; + padding: 4px 12px; + background: rgba(10, 42, 16, 0.25); font-family: "Achemine", sans-serif; color: var(--white); flex-shrink: 0; - margin-right: 8px; + margin-right: 4px; box-sizing: border-box; - height: 84px; + height: 72px; } .aff-classiques-arrivees__bottom-clock-hm { - font-size: 60px; + font-size: 52px; font-weight: 700; line-height: 1; letter-spacing: 2px; @@ -406,7 +407,7 @@ } .aff-classiques-arrivees__bottom-clock-s { - font-size: 38px; + font-size: 32px; font-weight: 700; line-height: 1; margin-top: 2px; diff --git a/src/pages/afficheurs/classiques/ClassiquesDeparts.css b/src/pages/afficheurs/classiques/ClassiquesDeparts.css index 954c87c..61c142e 100644 --- a/src/pages/afficheurs/classiques/ClassiquesDeparts.css +++ b/src/pages/afficheurs/classiques/ClassiquesDeparts.css @@ -262,12 +262,12 @@ /* Colonne 3 : Heure (Grande, jaune vif) */ .aff-classiques-departs__col-time { - width: 290px; - min-width: 290px; + width: 250px; + min-width: 250px; display: flex; align-items: center; justify-content: flex-start; - padding-left: 18px; + padding-left: 14px; height: 100%; box-sizing: border-box; position: relative; @@ -276,10 +276,10 @@ .aff-classiques-departs__time { color: var(--yellow); - font-size: 80px; + font-size: 68px; font-weight: 700; line-height: 1; - letter-spacing: -1px; + letter-spacing: -0.5px; white-space: nowrap; font-family: "Achemine", sans-serif; } @@ -302,7 +302,7 @@ .aff-classiques-departs__destination { color: var(--white); - font-size: 74px; + font-size: 62px; font-weight: 600; line-height: 1; white-space: nowrap; @@ -313,22 +313,22 @@ /* Colonne 5 : Quai / Voie (Premier plan absolu z-index: 20, au-dessus du watermark) */ .aff-classiques-departs__col-platform { - width: 104px; - min-width: 104px; + width: 96px; + min-width: 96px; display: flex; align-items: center; justify-content: center; height: 100%; position: relative; z-index: 20; - margin-right: 8px; + margin-right: 6px; } .aff-classiques-departs__platform-box { - width: 98px; - height: 94px; - border: 4.5px solid var(--white); - border-radius: 16px; + width: 88px; + height: 84px; + border: 3.5px solid var(--white); + border-radius: 12px; display: flex; align-items: center; justify-content: center; @@ -338,7 +338,7 @@ .aff-classiques-departs__platform-text { color: var(--white); - font-size: 68px; + font-size: 60px; font-weight: 700; line-height: 1; font-family: "Achemine", sans-serif; @@ -353,13 +353,14 @@ width: 100%; display: flex; align-items: center; + justify-content: space-between; box-sizing: border-box; padding-left: 24px; padding-right: 12px; - background: linear-gradient(180deg, #00367a 0%, #00225e 100%) !important; + background: linear-gradient(180deg, #07418a 0%, #00225e 100%) !important; position: relative; - z-index: 30; - border-top: 1.5px solid rgba(255, 255, 255, 0.22); + z-index: 25; + border-top: 1.5px solid rgba(255, 255, 255, 0.18); } .aff-classiques-departs__info-bar { @@ -373,7 +374,7 @@ .aff-classiques-departs__info-bar-text { color: var(--white); - font-size: 46px; + font-size: 44px; font-weight: 600; font-family: "Achemine", sans-serif; line-height: 1; @@ -384,20 +385,20 @@ display: inline-flex; align-items: flex-start; justify-content: center; - border: 3px solid rgba(255, 255, 255, 0.92); - border-radius: 8px; - padding: 6px 14px 4px 14px; - background: rgba(0, 24, 70, 0.35); + border: 2px solid rgba(255, 255, 255, 0.9); + border-radius: 6px; + padding: 4px 12px; + background: rgba(0, 24, 70, 0.25); font-family: "Achemine", sans-serif; color: var(--white); flex-shrink: 0; - margin-right: 8px; + margin-right: 4px; box-sizing: border-box; - height: 84px; + height: 72px; } .aff-classiques-departs__bottom-clock-hm { - font-size: 60px; + font-size: 52px; font-weight: 700; line-height: 1; letter-spacing: 2px; @@ -406,7 +407,7 @@ } .aff-classiques-departs__bottom-clock-s { - font-size: 38px; + font-size: 32px; font-weight: 700; line-height: 1; margin-top: 2px;