From e95c8482967e7151b041f27ccf9b3514b34f6009 Mon Sep 17 00:00:00 2001 From: vgaNAR6ta Date: Sun, 2 Aug 2026 14:08:20 +0200 Subject: [PATCH] edit: html nouvelle section event sans js --- index.html | 340 ++----------------------------------------------- style/main.css | 179 +++----------------------- 2 files changed, 27 insertions(+), 492 deletions(-) diff --git a/index.html b/index.html index 195f569..122e7ab 100644 --- a/index.html +++ b/index.html @@ -149,336 +149,16 @@

Événements à venir

- - -
+
+

Test évènement 333

+

13/12

+ + + + + +
+ diff --git a/style/main.css b/style/main.css index c75b21e..8d3f158 100644 --- a/style/main.css +++ b/style/main.css @@ -354,171 +354,26 @@ main{ gap: 0; padding-bottom: 16.1px; - #eventContent{ - width: 100%; - max-height: 77vh; - margin-top: 7.77px; - overflow-y: scroll; - display: flex; - flex-direction: column-reverse; - align-items: flex-start; - justify-content: flex-start; - gap: 13.12px; - - li{ - width: 100%; - height: auto; - position: relative; - z-index: 33; - - a{ - width: 100%; - height: 100%; - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-around; - } - - .iconBtnStyle{ - position: absolute; - z-index: 34; - width: 33px; - height: 33px; - right: 1%; - top: 33px; - } - - .icon{ - transform: rotate(45deg); - pointer-events: none; - } + h3{ + position: sticky; + margin-bottom: 7.77px; } - details{ - padding: 0; - position: relative; - z-index: 0; - pointer-events: all; - width: 95%; - height: 99px; - border-radius: 33px; - border-style: solid; - border-width: thin; - border-color: var(--main-color); - background-color: var(--back-color); - color: var(--main-color); + .solidBox{ + width: 100%; + height: 77px; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + padding-left: 16.1px; + padding-right: 33px; - summary { - padding-left: 33px; - padding-top: 7.77px; - height:50px; - position: relative; - z-index: 0; - - - .title{ - position: relative; - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - - width: 77%; - box-sizing: border-box; - height: 16.1px; - padding-top: 3.33px; - padding-left: 33px; - margin-bottom: 13.12px; - - font-family: 'velvelyne'; - font-weight: bold; - font-size: 16.1px; - - p{ - margin: 0; - } - - h4{ - margin: 0; - font-family: 'velvelyne'; - font-weight: bold; - font-size: 16.1px; - } - } - - .resume{ - font-family: 'velvelyne'; - font-weight: bold; - font-size: 13.12px; - text-transform: none; - padding-left: 33px; - width: 90%; - height: 33px; - - border-radius: 16.1px; - border-style: solid; - border-width: thin; - border-color: var(--main-color); - box-sizing: border-box; - } - - } - - ::marker{ - color: var(--back-color); - - } - - .description{ - margin-left: 44px; - margin-bottom: 33px; - height: auto; - width: 95%; - overflow-y: scroll; - background-color: var(--back-color); - border-radius: 16.1px; - border-style: solid; - border-width: thin; - border-color: var(--main-color); - - margin-top: 44px; - padding: 13.12px; - padding-right: 33px; - - box-sizing: border-box; - - - font-size: 13.12px; - font-family: 'velvelyne'; - font-weight: bold; - text-transform: none; - } - } - - details:hover{ - - } - - details[open]{ - height: auto; - border-color: var(--back-color); - color: var(--back-color); - background-color: var(--main-color); - - summary .resume{ - border-color: var(--back-color); - } - - ::marker{ - color: var(--main-color); - } - - .description{ - color: var(--main-color); - } - } - } + .iconBtnStyle{ + width: 33px; + height: 33px; + } + } } } }